types with exports

Author: rwieruch

.storybook/stories/Types/column-hiding.story.mdx

@@ -8,4 +8,16 @@ import { Meta } from '@storybook/addon-docs/blocks';
 export type ColumnHideProps = {
   hideKey: string;
 };
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/hide';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/compact-table.story.mdx

@@ -5,40 +5,59 @@ import { Meta } from '@storybook/addon-docs/blocks';
 # Compact Table
 
 ```javascript
+import { TableNode, TableProps, RowProps } from '@table-library/react-table-library/types/table';
+import { ColumnSortProps } from '@table-library/react-table-library/types/sort';
+import { ColumnSelectProps } from '@table-library/react-table-library/types/select';
+import { ColumnTreeProps } from '@table-library/react-table-library/types/tree';
+import { ColumnResizeProps } from '@table-library/react-table-library/types/resize';
+import { ColumnHideProps } from '@table-library/react-table-library/types/hide';
+
 export type Column = {
-  label: string,
-  renderCell: (node: TableNode) => React.ReactNode,
-  resize?: ColumnResizeProps,
-  sort?: ColumnSortProps,
-  select?: ColumnSelectProps,
-  tree?: ColumnTreeProps,
-  pin?: boolean,
-  hide?: ColumnHideProps,
-  cellProps?: Record<string, any>,
+  label: string;
+  renderCell: (node: TableNode) => React.ReactNode;
+  resize?: ColumnResizeProps;
+  sort?: ColumnSortProps;
+  select?: ColumnSelectProps;
+  tree?: ColumnTreeProps;
+  pin?: boolean;
+  hide?: ColumnHideProps;
+  cellProps?: Record<string, any>;
 };
 
 export type VirtualizedOptions = {
-  rowHeight: number | ((item: TableNode, index: number) => number),
-  itemCount?: number,
+  rowHeight: number | ((item: TableNode, index: number) => number);
+  itemCount?: number;
 };
 
 export type TableOptions = {
-  renderBeforeTable?: () => React.ReactNode,
-  renderAfterTable?: () => React.ReactNode,
+  renderBeforeTable?: () => React.ReactNode;
+  renderAfterTable?: () => React.ReactNode;
 };
 
 export type RowOptions = {
-  renderBeforeRow?: (node: TableNode) => React.ReactNode,
-  renderAfterRow?: (node: TableNode) => React.ReactNode,
+  renderBeforeRow?: (node: TableNode) => React.ReactNode;
+  renderAfterRow?: (node: TableNode) => React.ReactNode;
 };
 
 export type RowPropsAsObject = Omit<RowProps, 'item' | 'children'>;
 
 export type CompactTableProps = TableProps & {
-  columns: Column[],
-  tableOptions?: TableOptions,
-  rowProps?: RowPropsAsObject,
-  rowOptions?: RowOptions,
-  virtualizedOptions?: VirtualizedOptions,
+  columns: Column[];
+  tableOptions?: TableOptions;
+  rowProps?: RowPropsAsObject;
+  rowOptions?: RowOptions;
+  virtualizedOptions?: VirtualizedOptions;
 };
 ```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/compact';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
+```

.storybook/stories/Types/composed-table.story.mdx

@@ -5,61 +5,84 @@ import { Meta } from '@storybook/addon-docs/blocks';
 # Composed Table
 
 ```javascript
+import * as React from 'react';
+
+import { Nullish } from '@table-library/react-table-library/types/common';
+import { Theme } from '@table-library/react-table-library/types/theme';
+import { Layout } from '@table-library/react-table-library/types/layout';
+import { ColumnResizeProps } from '@table-library/react-table-library/types/resize';
+import { Select } from '@table-library/react-table-library/types/select';
+import { Tree } from '@table-library/react-table-library/types/tree';
+import { Sort } from '@table-library/react-table-library/types/sort';
+import { Pagination } from '@table-library/react-table-library/types/pagination';
+
 export type RestProps = Record<string, any>;
 
 export type OnClick = (node: TableNode, event: React.SyntheticEvent | React.KeyboardEvent) => void;
 
 export type CellProps = {
-  className?: string,
-  hide?: boolean,
-  pin?: boolean,
-  stiff?: boolean,
-  onClick?: (event: React.SyntheticEvent) => void,
-  children: React.ReactNode,
+  className?: string;
+  hide?: boolean;
+  pin?: boolean;
+  stiff?: boolean;
+  onClick?: (event: React.SyntheticEvent) => void;
+  children: React.ReactNode;
 } & RestProps;
 
 export type HeaderCellProps = {
-  index?: number,
-  hideKey?: string,
-  className?: string,
-  hide?: boolean,
-  pin?: boolean,
-  stiff?: boolean,
-  resize?: ColumnResizeProps,
-  children: React.ReactNode,
+  index?: number;
+  hideKey?: string;
+  className?: string;
+  hide?: boolean;
+  pin?: boolean;
+  stiff?: boolean;
+  resize?: ColumnResizeProps;
+  children: React.ReactNode;
 } & RestProps;
 
 export type RowProps = {
-  item: TableNode,
-  className?: string,
-  disabled?: boolean,
-  onClick?: OnClick,
-  onDoubleClick?: OnClick,
-  children: React.ReactNode,
+  item: TableNode;
+  className?: string;
+  disabled?: boolean;
+  onClick?: OnClick;
+  onDoubleClick?: OnClick;
+  children: React.ReactNode;
 } & RestProps;
 
 export type BodyProps = {
-  children: React.ReactNode,
+  children: React.ReactNode;
 } & RestProps;
 
 export type HeaderRowProps = {
-  className?: string,
-  children: React.ReactNode,
+  className?: string;
+  children: React.ReactNode;
 } & RestProps;
 
 export type HeaderProps = {
-  children: React.ReactNode,
+  children: React.ReactNode;
 } & RestProps;
 
 export type TableProps = {
-  data: Data,
-  theme?: Theme,
-  layout?: Layout,
-  sort?: Sort,
-  pagination?: Pagination,
-  select?: Select,
-  tree?: Tree,
-  onInit?: OnInitFunction,
-  children?: (nodes: TableNode[]) => React.ReactNode,
+  data: Data;
+  theme?: Theme;
+  layout?: Layout;
+  sort?: Sort;
+  pagination?: Pagination;
+  select?: Select;
+  tree?: Tree;
+  onInit?: OnInitFunction;
+  children?: (nodes: TableNode[]) => React.ReactNode;
 } & RestProps;
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/table';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/data.story.mdx

@@ -8,15 +8,27 @@ Either table component needs to receive the following `Data` type as `data` prop
 
 ```javascript
 export type TableNode = {
-  id: string,
-  nodes?: TableNode[],
-  [prop: string]: any,
+  id: string;
+  nodes?: TableNode[] | Nullish;
+  [prop: string]: any;
 };
 
 export type Data = {
-  pageInfo?: any,
-  nodes: TableNode[],
+  pageInfo?: any;
+  nodes: TableNode[];
 };
 ```
 
 The `pageInfo` property is optional and can be used for **server-side** features such as pagination or infinite scrolling. The implementation details (e.g. [paginated tree table](https://www.robinwieruch.de/react-tree-list/)) of it are up to you, but check out the server-side features (e.g. pagination) of this table library to get an example of it.
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/table';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
+```

.storybook/stories/Types/layout.story.mdx

@@ -11,4 +11,16 @@ export type Layout = {
   hiddenColumns: string[];
   fullHeight?: boolean;
 };
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/layout';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/pagination.story.mdx

@@ -29,4 +29,16 @@ export type Pagination = {
 };
 
 export type Pages = Record<string, TableNode[]>;
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/pagination';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/resize.story.mdx

@@ -12,4 +12,16 @@ type ColumnResizePropsObject = {
 };
 
 export type ColumnResizeProps = ColumnResizePropsObject | boolean;
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/resize';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/select.story.mdx

@@ -56,4 +56,16 @@ export type Select = {
     CellSelect: React.FunctionComponent<CellSelectProps>;
   };
 };
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/select';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/sort.story.mdx

@@ -5,6 +5,11 @@ import { Meta } from '@storybook/addon-docs/blocks';
 # Sort
 
 ```javascript
+import * as React from 'react';
+
+import { Nullish, State, Modifier } from '@table-library/react-table-library/types/common';
+import { TableNode } from '@table-library/react-table-library/types/table';
+
 export enum SortIconPositions {
   Prefix,
   Suffix,
@@ -73,4 +78,16 @@ export type Sort = {
     HeaderCellSort: React.FunctionComponent<HeaderCellSortProps>;
   };
 };
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/sort';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
 ```

.storybook/stories/Types/theme.story.mdx

@@ -6,14 +6,27 @@ import { Meta } from '@storybook/addon-docs/blocks';
 
 ```javascript
 export type Theme = {
-  Table?: string,
-  Header?: string,
-  Body?: string,
-  BaseRow?: string,
-  HeaderRow?: string,
-  Row?: string,
-  BaseCell?: string,
-  HeaderCell?: string,
-  Cell?: string,
+  Table?: string;
+  Header?: string;
+  Body?: string;
+  BaseRow?: string;
+  HeaderRow?: string;
+  Row?: string;
+  BaseCell?: string;
+  HeaderCell?: string;
+  Cell?: string;
 };
-```
+```
+
+Access all feature related types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types/theme';
+```
+
+Access **all** types:
+
+```javascript
+import * as TYPES from '@table-library/react-table-library/types';
+```
+