Add Tree Grid Component

components/index.js

@@ -253,6 +253,8 @@ export TrialBarButton from './trial-bar/button';
 export SLDSTrialBarButton from './trial-bar/button';
 export TrialBarDropdown from './trial-bar/dropdown';
 export SLDSTrialBarDropdown from './trial-bar/dropdown';
+export SLDSTreeGrid from './tree-grid';
+export TreeGrid from './tree-grid';
 export UNSAFE_DirectionSettings from './utilities/UNSAFE_direction';
 export UtilityIcon from './utilities/utility-icon';
 export SLDSUtilityIcon from './utilities/utility-icon';

components/tree-grid/__docs__/storybook-stories.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { TREE_GRID } from '../../../utilities/constants';
+import Default from '../__examples__/default';
+import Headless from '../__examples__/headless';
+
+storiesOf(TREE_GRID, module)
+	.addDecorator((getStory) => (
+		<div className="slds-p-around_medium">{getStory()}</div>
+	))
+	.add('Default', () => <Default action={action} />)
+	.add('Single Select', () => <Default action={action} selectRows="single" />)
+	.add('w/o Border', () => <Default action={action} isBorderless />)
+	.add('Single Select w/o Border', () => (
+		<Default action={action} selectRows="single" isBorderless />
+	))
+	.add('Headless Single Select w/ Border', () => (
+		<Headless action={action} selectRows="single" />
+	))
+	.add('Headless w/ Border', () => <Headless action={action} />)
+	.add('Headless Single Select w/o Border', () => (
+		<Headless action={action} selectRows="single" isBorderless />
+	))
+	.add('Headless w/o Border', () => <Headless action={action} isBorderless />);