docs(stories): fix deprecated improt

rwieruch · rwieruch · commit 2abed89f3ae3 · 2022-05-29T09:56:09.000+02:00
diff --git a/.storybook/stories/ClientVsServer/faq.story.mdx b/.storybook/stories/ClientVsServer/faq.story.mdx
@@ -1,3 +1,3 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Client vs Server/FAQ" />
diff --git a/.storybook/stories/Compact/tutorials.story.mdx b/.storybook/stories/Compact/tutorials.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Compact Table/Tutorials" />
 
diff --git a/.storybook/stories/Crud/faq.story.mdx b/.storybook/stories/Crud/faq.story.mdx
@@ -1,3 +1,3 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="CRUD/FAQ" />
diff --git a/.storybook/stories/FirstSteps/faq.story.mdx b/.storybook/stories/FirstSteps/faq.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="First Steps/FAQ" />
 
diff --git a/.storybook/stories/Introduction/faq.story.mdx b/.storybook/stories/Introduction/faq.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Getting Started/FAQ" />
 
diff --git a/.storybook/stories/Introduction/installation.story.mdx b/.storybook/stories/Introduction/installation.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Getting Started/Installation" />
 
@@ -47,7 +47,7 @@ yarn add @table-library/react-table-library @emotion/react
 
 ## Usage
 
-* **[Demo](https://react-tables.com/)**
+- **[Demo](https://react-tables.com/)**
 
 ```javascript
 import { CompactTable } from '@table-library/react-table-library/compact';
@@ -61,7 +61,7 @@ const nodes = [
     isComplete: true,
     nodes: 3,
   },
-]
+];
 
 const COLUMNS = [
   { label: 'Task', renderCell: (item) => item.name },
@@ -97,10 +97,10 @@ You find yourself looking for a fitting table component which solves your proble
 
 In 2020, [Robin Wieruch](https://www.robinwieruch.de) created React Table Library in collaboration with [Big Ladder Software](https://bigladdersoftware.com/). After working with different table libraries to fit their needs, they decided to roll their own solution with the following subjects in mind ...
 
-* **Composition over Configuration:** React Table Library is built with <a href="https://www.robinwieruch.de/react-component-composition/">composition</a> in mind. Forget about all the table components which need huge configuration objects.
-* **Feature Rich:** Whether you are looking for bulk selecting, paginated fetches or a tree table, React Table Library comes with lots of advanced features.
-* **Highly Customisable:** React Table Library attempts to give you freedom on how to compose your table. From providing your own icon to using a button in a table cell, you gain full control about what's getting rendered.
-* **Server-Side as First-Class Citizen:** React Table Library is built with server-side capabilities in mind, because fetching all data at once and doing only client-side operations should not be the status quo for modern applications.
+- **Composition over Configuration:** React Table Library is built with <a href="https://www.robinwieruch.de/react-component-composition/">composition</a> in mind. Forget about all the table components which need huge configuration objects.
+- **Feature Rich:** Whether you are looking for bulk selecting, paginated fetches or a tree table, React Table Library comes with lots of advanced features.
+- **Highly Customisable:** React Table Library attempts to give you freedom on how to compose your table. From providing your own icon to using a button in a table cell, you gain full control about what's getting rendered.
+- **Server-Side as First-Class Citizen:** React Table Library is built with server-side capabilities in mind, because fetching all data at once and doing only client-side operations should not be the status quo for modern applications.
 
 ## How is this different from other React Table Libraries?
 
diff --git a/.storybook/stories/Theming/class.story.mdx b/.storybook/stories/Theming/class.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Theming/CSS Class" />
 
diff --git a/.storybook/stories/Theming/imperative.story.mdx b/.storybook/stories/Theming/imperative.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Theming/Imperative Style" />
 
diff --git a/.storybook/stories/Theming/themes.story.mdx b/.storybook/stories/Theming/themes.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Theming/Themes" />
 
diff --git a/.storybook/stories/Types/column-hiding.story.mdx b/.storybook/stories/Types/column-hiding.story.mdx
@@ -1,12 +1,12 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Types/Column Hiding" />
 
 # Column Hiding
 
 ```javascript
 export type ColumnHideProps = {
-  hideKey: string;
+  hideKey: string,
 };
 ```
 
@@ -20,4 +20,4 @@ Access **all** types:
 
 ```javascript
 import * as TYPES from '@table-library/react-table-library/types';
-```
+```
diff --git a/.storybook/stories/Types/compact-table.story.mdx b/.storybook/stories/Types/compact-table.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Types/Compact Table" />
 
@@ -13,41 +13,41 @@ import { ColumnResizeProps } from '@table-library/react-table-library/types/resi
 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;
-  pinLeft?: boolean;
-  pinRight?: boolean;
-  hide?: ColumnHideProps;
-  cellProps?: Record<string, any>;
+  label: string,
+  renderCell: (node: TableNode) => React.ReactNode,
+  resize?: ColumnResizeProps,
+  sort?: ColumnSortProps,
+  select?: ColumnSelectProps,
+  tree?: ColumnTreeProps,
+  pinLeft?: boolean,
+  pinRight?: 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,
 };
 ```
 
@@ -61,4 +61,4 @@ Access **all** types:
 
 ```javascript
 import * as TYPES from '@table-library/react-table-library/types';
-```
+```
diff --git a/.storybook/stories/Types/composed-table.story.mdx b/.storybook/stories/Types/composed-table.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Types/Composed Table" />
 
@@ -21,59 +21,59 @@ export type RestProps = Record<string, any>;
 export type OnClick = (node: TableNode, event: React.SyntheticEvent | React.KeyboardEvent) => void;
 
 export type CellProps = {
-  className?: string;
-  hide?: boolean;
-  pinLeft?: boolean;
-  pinRight?: boolean;
-  stiff?: boolean;
-  onClick?: (event: React.SyntheticEvent) => void;
-  children: React.ReactNode;
+  className?: string,
+  hide?: boolean,
+  pinLeft?: boolean,
+  pinRight?: boolean,
+  stiff?: boolean,
+  onClick?: (event: React.SyntheticEvent) => void,
+  children: React.ReactNode,
 } & RestProps;
 
 export type HeaderCellProps = {
-  index?: number;
-  hideKey?: string;
-  className?: string;
-  hide?: boolean;
-  pinLeft?: boolean;
-  pinRight?: boolean;
-  stiff?: boolean;
-  resize?: ColumnResizeProps;
-  children: React.ReactNode;
+  index?: number,
+  hideKey?: string,
+  className?: string,
+  hide?: boolean,
+  pinLeft?: boolean,
+  pinRight?: 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;
 ```
 
@@ -87,4 +87,4 @@ Access **all** types:
 
 ```javascript
 import * as TYPES from '@table-library/react-table-library/types';
-```
+```
diff --git a/.storybook/stories/Types/data.story.mdx b/.storybook/stories/Types/data.story.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Types/Data" />
 
@@ -8,14 +8,14 @@ Either table component needs to receive the following `Data` type as `data` prop
 
 ```javascript
 export type TableNode = {
-  id: string;
-  nodes?: TableNode[] | Nullish;
-  [prop: string]: any;
+  id: string,
+  nodes?: TableNode[] | Nullish,
+  [prop: string]: any,
 };
 
 export type Data = {
-  pageInfo?: any;
-  nodes: TableNode[];
+  pageInfo?: any,
+  nodes: TableNode[],
 };
 ```
 
@@ -31,4 +31,4 @@ Access **all** types:
 
 ```javascript
 import * as TYPES from '@table-library/react-table-library/types';
-```
+```
diff --git a/.storybook/stories/Types/layout.story.mdx b/.storybook/stories/Types/layout.story.mdx
@@ -1,18 +1,18 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 
 <Meta title="Types/Layout" />
 
 # Layout
 
 ```javascript
 export type Layout = {
-  custom: boolean;
-  horizontalScroll: boolean;
-  hiddenColumns: string[];
-  fullHeight?: boolean;
-  inheritLayout?: boolean;
-  resizedLayout?: string[];
-  onLayoutChange?: (widths: string[]) => void;
+  custom: boolean,
+  horizontalScroll: boolean,
+  hiddenColumns: string[],
+  fullHeight?: boolean,
+  inheritLayout?: boolean,
+  resizedLayout?: string[],
+  onLayoutChange?: (widths: string[]) => void,
 };
 ```
 
@@ -26,4 +26,4 @@ Access **all** types:
 
 ```javascript
 import * as TYPES from '@table-library/react-table-library/types';
-```
+```
diff --git a/.storybook/stories/Types/pagination.story.mdx b/.storybook/stories/Types/pagination.story.mdx
diff --git a/.storybook/stories/Types/resize.story.mdx b/.storybook/stories/Types/resize.story.mdx
diff --git a/.storybook/stories/Types/select.story.mdx b/.storybook/stories/Types/select.story.mdx
diff --git a/.storybook/stories/Types/sort.story.mdx b/.storybook/stories/Types/sort.story.mdx
diff --git a/.storybook/stories/Types/theme.story.mdx b/.storybook/stories/Types/theme.story.mdx
diff --git a/.storybook/stories/Types/tree.story.mdx b/.storybook/stories/Types/tree.story.mdx

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`		`-import { Meta } from '@storybook/addon-docs/blocks';`
	`1`	`+import { Meta } from '@storybook/addon-docs';`
`2`	`2`
`3`	`3`	`<Meta title="Client vs Server/FAQ" />`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Meta } from '@storybook/addon-docs/blocks';`
	`1`	`+import { Meta } from '@storybook/addon-docs';`
`2`	`2`
`3`	`3`	`<Meta title="Compact Table/Tutorials" />`
`4`	`4`