@neo4j-ndl/react 4.7.5 → 4.8.0

package/lib/cjs/color-picker/stories/color-picker.stories.js

@@ -1,80 +0,0 @@
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomSwatches = exports.WithoutEyeDropper = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ColorPicker_1 = require("../ColorPicker");
-const _1 = require(".");
-const componentMeta = {
-    component: ColorPicker_1.ColorPicker,
-    decorators: [
-        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center ", children: (0, jsx_runtime_1.jsx)("div", { className: "n-w-60", children: (0, jsx_runtime_1.jsx)(Story, {}) }) })),
-    ],
-    id: 'components-color-picker',
-    parameters: {
-        controls: { disable: true },
-    },
-    tags: ['docsPage'],
-    title: 'Components/ColorPicker',
-};
-exports.default = componentMeta;
-exports.Default = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.ColorPickerDefaultSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.ColorPickerDefault,
-};
-exports.WithoutEyeDropper = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.ColorPickerWithoutEyeDropperSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.ColorPickerWithoutEyeDropper,
-};
-exports.CustomSwatches = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.ColorPickerCustomSwatchesSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.ColorPickerCustomSwatches,
-};
-//# sourceMappingURL=color-picker.stories.js.map

package/lib/cjs/color-picker/stories/color-picker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";;;;AAsBA,gDAA6C;AAC7C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,yBAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;IACD,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,+BAA4B;CACrC,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ColorPicker } from '../ColorPicker';\nimport {\n  ColorPickerCustomSwatches,\n  ColorPickerCustomSwatchesSource,\n  ColorPickerDefault,\n  ColorPickerDefaultSource,\n  ColorPickerWithoutEyeDropper,\n  ColorPickerWithoutEyeDropperSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ColorPicker> = {\n  component: ColorPicker,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <div className=\"n-w-60\">\n          <Story />\n        </div>\n      </div>\n    ),\n  ],\n  id: 'components-color-picker',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ColorPicker',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerDefault,\n};\n\nexport const WithoutEyeDropper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerWithoutEyeDropperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerWithoutEyeDropper,\n};\n\nexport const CustomSwatches: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerCustomSwatchesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerCustomSwatches,\n};\n"]}

package/lib/cjs/conditional-wrap/stories/conditional-wrap.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const index_1 = require("../../index");
-const _1 = require(".");
-const componentMeta = {
-    component: index_1.ConditionalWrap,
-    id: 'components-conditional-wrap',
-    title: 'Components/ConditionalWrap',
-};
-exports.default = componentMeta;
-exports.Default = {
-    // @ts-expect-error - args are not needed.
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.ConditionalWrapDefaultSrc,
-            },
-        },
-    },
-    render: _1.ConditionalWrapDefault,
-};
-//# sourceMappingURL=conditional-wrap.stories.js.map

package/lib/cjs/conditional-wrap/stories/conditional-wrap.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conditional-wrap.stories.js","sourceRoot":"","sources":["../../../../src/conditional-wrap/stories/conditional-wrap.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,uCAA8C;AAC9C,wBAAsE;AAEtE,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,uBAAe;IAC1B,EAAE,EAAE,6BAA6B;IACjC,KAAK,EAAE,4BAA4B;CACG,CAAC;AAEzC,kBAAe,aAAa,CAAC;AAIhB,QAAA,OAAO,GAAU;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ConditionalWrap } from '../../index';\nimport { ConditionalWrapDefault, ConditionalWrapDefaultSrc } from '.';\n\nconst componentMeta = {\n  component: ConditionalWrap,\n  id: 'components-conditional-wrap',\n  title: 'Components/ConditionalWrap',\n} satisfies Meta<typeof ConditionalWrap>;\n\nexport default componentMeta;\n\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  // @ts-expect-error - args are not needed.\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ConditionalWrapDefaultSrc,\n      },\n    },\n  },\n  render: ConditionalWrapDefault,\n};\n"]}

package/lib/cjs/data-grid/stories/datagrid-placeholder-states.stories.js

@@ -1,185 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingTable = exports.CustomEmptyTable = exports.EmptyTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
-const react_1 = require("@neo4j-ndl/react");
-const react_table_1 = require("@tanstack/react-table");
-const staticData_1 = require("./staticData");
-const emptyData = staticData_1.NO_DATA;
-exports.default = {
-    component: react_1.DataGrid,
-    id: 'components-data-grid-placeholder-states',
-    parameters: {
-        chromatic: { delay: 1000 },
-        controls: { disable: true },
-    },
-    title: 'Components/DataGrid/Placeholder States',
-};
-const EmptyTable = () => {
-    const columnHelper = (0, react_table_1.createColumnHelper)();
-    const columns = [
-        columnHelper.accessor('name', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Name',
-            maxSize: 300,
-            minSize: 180,
-            size: 220,
-        }),
-        columnHelper.accessor('age', {
-            cell: (info) => info.renderValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Age',
-            minSize: 80,
-        }),
-        columnHelper.accessor('cypherCommand', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Cypher Command',
-            minSize: 400,
-            size: 400,
-        }),
-    ];
-    const table = (0, react_table_1.useReactTable)({
-        columnResizeMode: 'onChange',
-        columns,
-        data: emptyData,
-        debugColumns: true,
-        debugHeaders: true,
-        debugTable: true,
-        defaultColumn: {
-            maxSize: 800,
-            minSize: 80,
-        },
-        enableSorting: false,
-        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
-        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
-        initialState: {
-            pagination: {
-                pageSize: 5,
-            },
-        },
-    });
-    return (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, tableInstance: table });
-};
-exports.EmptyTable = EmptyTable;
-const CustomEmptyTable = () => {
-    const columnHelper = (0, react_table_1.createColumnHelper)();
-    const columns = [
-        columnHelper.accessor('name', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Name',
-            maxSize: 300,
-            minSize: 180,
-            size: 220,
-        }),
-        columnHelper.accessor('age', {
-            cell: (info) => info.renderValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Age',
-            minSize: 80,
-        }),
-        columnHelper.accessor('cypherCommand', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Cypher Command',
-            minSize: 400,
-            size: 400,
-        }),
-    ];
-    const table = (0, react_table_1.useReactTable)({
-        columnResizeMode: 'onChange',
-        columns,
-        data: [],
-        debugColumns: true,
-        debugHeaders: true,
-        debugTable: true,
-        defaultColumn: {
-            maxSize: 800,
-            minSize: 80,
-        },
-        enableSorting: false,
-        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
-        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
-        initialState: {
-            pagination: {
-                pageSize: 5,
-            },
-        },
-    });
-    return ((0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, tableInstance: table, components: {
-            NoDataPlaceholder: () => ((0, jsx_runtime_1.jsx)(react_1.DataGrid.NoDataPlaceholder, { children: (0, jsx_runtime_1.jsxs)(react_1.DataGrid.NoDataPlaceholderContentWrapper, { children: [(0, jsx_runtime_1.jsx)(react_1.DataGrid.NoDataIcon, {}), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: "Custom No data message" })] }) })),
-        } }));
-};
-exports.CustomEmptyTable = CustomEmptyTable;
-const LoadingTable = () => {
-    const columnHelper = (0, react_table_1.createColumnHelper)();
-    const columns = [
-        columnHelper.accessor('name', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Name',
-            maxSize: 300,
-            minSize: 180,
-            size: 220,
-        }),
-        columnHelper.accessor('age', {
-            cell: (info) => info.renderValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Age',
-            minSize: 80,
-        }),
-        columnHelper.accessor('cypherCommand', {
-            cell: (info) => info.getValue(),
-            footer: (info) => info.column.id,
-            header: () => 'Cypher Command',
-            minSize: 400,
-            size: 400,
-        }),
-    ];
-    const table = (0, react_table_1.useReactTable)({
-        columnResizeMode: 'onChange',
-        columns,
-        data: staticData_1.TABLE_DEMO_DATA,
-        debugColumns: true,
-        debugHeaders: true,
-        debugTable: true,
-        defaultColumn: {
-            maxSize: 800,
-            minSize: 80,
-        },
-        enableSorting: false,
-        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
-        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
-        initialState: {
-            pagination: {
-                pageSize: 5,
-            },
-        },
-    });
-    return (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isLoading: true, isResizable: false, tableInstance: table });
-};
-exports.LoadingTable = LoadingTable;
-//# sourceMappingURL=datagrid-placeholder-states.stories.js.map

package/lib/cjs/data-grid/stories/datagrid-placeholder-states.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datagrid-placeholder-states.stories.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-placeholder-states.stories.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwD;AACxD,uDAK+B;AAE/B,6CAAwD;AAQxD,MAAM,SAAS,GAAqB,oBAAO,CAAC;AAE5C,kBAAe;IACb,SAAS,EAAE,gBAAQ;IACnB,EAAE,EAAE,yCAAyC;IAC7C,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,KAAK,EAAE,wCAAwC;CAChD,CAAC;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;IAE1D,MAAM,OAAO,GAAG;QACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;YACpB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;YACnB,OAAO,EAAE,EAAE;SACZ,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;YACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;YAC9B,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,gBAAgB,EAAE,UAAU;QAC5B,OAAO;QACP,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;QAC9C,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,gBAAQ,IAAC,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC;AAjDW,QAAA,UAAU,cAiDrB;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;IAE1D,MAAM,OAAO,GAAG;QACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;YACpB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;YACnB,OAAO,EAAE,EAAE;SACZ,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;YACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;YAC9B,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,gBAAgB,EAAE,UAAU;QAC5B,OAAO;QACP,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;QAC9C,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,gBAAQ,IACP,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE;YACV,iBAAiB,EAAE,GAAG,EAAE,CAAC,CACvB,uBAAC,gBAAQ,CAAC,iBAAiB,cACzB,wBAAC,gBAAQ,CAAC,+BAA+B,eACvC,uBAAC,gBAAQ,CAAC,UAAU,KAAG,EACvB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,uCAAoC,IACxB,GAChB,CAC9B;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,gBAAgB,oBAgE3B;AAEK,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;IAE1D,MAAM,OAAO,GAAG;QACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;YACpB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;YACnB,OAAO,EAAE,EAAE;SACZ,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;YACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;YAC9B,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,gBAAgB,EAAE,UAAU;QAC5B,OAAO;QACP,IAAI,EAAE,4BAAe;QACrB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;QAC9C,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,gBAAQ,IAAC,SAAS,QAAC,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,GAAI,CAAC;AAC1E,CAAC,CAAC;AAjDW,QAAA,YAAY,gBAiDvB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DataGrid, Typography } from '@neo4j-ndl/react';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { NO_DATA, TABLE_DEMO_DATA } from './staticData';\n\ntype TestDataFormat = {\n  name: string;\n  age: number;\n  cypherCommand: string;\n};\n\nconst emptyData: TestDataFormat[] = NO_DATA;\n\nexport default {\n  component: DataGrid,\n  id: 'components-data-grid-placeholder-states',\n  parameters: {\n    chromatic: { delay: 1000 },\n    controls: { disable: true },\n  },\n  title: 'Components/DataGrid/Placeholder States',\n};\n\nexport const EmptyTable = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Name',\n      maxSize: 300,\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Cypher Command',\n      minSize: 400,\n      size: 400,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    data: emptyData,\n    debugColumns: true,\n    debugHeaders: true,\n    debugTable: true,\n    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: false,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 5,\n      },\n    },\n  });\n\n  return <DataGrid isResizable={false} tableInstance={table} />;\n};\n\nexport const CustomEmptyTable = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Name',\n      maxSize: 300,\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Cypher Command',\n      minSize: 400,\n      size: 400,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    data: [],\n    debugColumns: true,\n    debugHeaders: true,\n    debugTable: true,\n    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: false,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 5,\n      },\n    },\n  });\n\n  return (\n    <DataGrid\n      isResizable={false}\n      tableInstance={table}\n      components={{\n        NoDataPlaceholder: () => (\n          <DataGrid.NoDataPlaceholder>\n            <DataGrid.NoDataPlaceholderContentWrapper>\n              <DataGrid.NoDataIcon />\n              <Typography variant=\"title-4\">Custom No data message</Typography>\n            </DataGrid.NoDataPlaceholderContentWrapper>\n          </DataGrid.NoDataPlaceholder>\n        ),\n      }}\n    />\n  );\n};\n\nexport const LoadingTable = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Name',\n      maxSize: 300,\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Cypher Command',\n      minSize: 400,\n      size: 400,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    data: TABLE_DEMO_DATA,\n    debugColumns: true,\n    debugHeaders: true,\n    debugTable: true,\n    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: false,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 5,\n      },\n    },\n  });\n\n  return <DataGrid isLoading isResizable={false} tableInstance={table} />;\n};\n"]}

package/lib/cjs/data-grid/stories/datagrid.stories.js

@@ -1,223 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Virtualization = exports.KeyboardNavigation = exports.UsingEditableCells = exports.Sortable = exports.SkeletonLoading = exports.SingleSelectable = exports.Simple = exports.Selectable = exports.ResizableColumn = exports.PercentageWidthColumns = exports.NoPaginationTable = exports.KitchenSink = exports.InDialog = exports.ComponentOverriding = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-const react_1 = require("@neo4j-ndl/react");
-const _1 = require(".");
-const componentMeta = {
-    component: react_1.DataGrid,
-    decorators: [
-        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center n-w-full", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    id: 'components-datagrid',
-    parameters: {
-        chromatic: { delay: 1000 },
-        controls: { disable: true },
-    },
-    tags: ['docsPage'],
-    title: 'Components/DataGrid',
-};
-exports.default = componentMeta;
-exports.ComponentOverriding = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridComponentOverridingSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridComponentOverriding,
-};
-exports.InDialog = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridInDialogSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridInDialog,
-};
-exports.KitchenSink = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridKitchenSinkSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridKitchenSink,
-};
-exports.NoPaginationTable = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridNoPaginationTableSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridNoPaginationTable,
-};
-exports.PercentageWidthColumns = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridPercentageWidthColumnsSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridPercentageWidthColumns,
-};
-exports.ResizableColumn = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridResizableColumnSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridResizableColumn,
-};
-exports.Selectable = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridSelectableSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridSelectable,
-};
-exports.Simple = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridSimpleSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridSimple,
-};
-exports.SingleSelectable = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridSingleSelectableSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridSingleSelectable,
-};
-exports.SkeletonLoading = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridSkeletonLoadingSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridSkeletonLoading,
-};
-exports.Sortable = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridSortableSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridSortable,
-};
-exports.UsingEditableCells = {
-    args: {},
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridUsingEditableCellsSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridUsingEditableCells,
-};
-exports.KeyboardNavigation = {
-    parameters: {
-        docs: {
-            source: {
-                code: _1.DataGridKeyboardNavigationSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridKeyboardNavigation,
-};
-exports.Virtualization = {
-    args: {},
-    parameters: {
-        chromatic: { disableSnapshot: true },
-        docs: {
-            source: {
-                code: _1.DataGridVirtualizationSource,
-                language: 'tsx',
-                type: 'code',
-            },
-        },
-    },
-    render: _1.DataGridVirtualization,
-};
-//# sourceMappingURL=datagrid.stories.js.map

package/lib/cjs/data-grid/stories/datagrid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datagrid.stories.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid.stories.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4C;AAG5C,wBA6BW;AAEX,MAAM,aAAa,GAA0B;IAC3C,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,qBAAqB;CACG,CAAC;AAElC,kBAAe,aAAa,CAAC;AAGhB,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oCAAiC;gBACvC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,8BAA2B;CACpC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,sBAAmB;CAC5B,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAyB;CAClC,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC3C,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uCAAoC;gBAC1C,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iCAA8B;CACvC,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gCAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iCAA8B;gBACpC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,2BAAwB;CACjC,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gCAA6B;gBACnC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACvC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mCAAgC;gBACtC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,6BAA0B;CACnC,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACvC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mCAAgC;gBACtC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,6BAA0B;CACnC,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IAER,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE;QACpC,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { DataGrid } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  DataGridComponentOverriding,\n  DataGridComponentOverridingSource,\n  DataGridInDialog,\n  DataGridInDialogSource,\n  DataGridKeyboardNavigation,\n  DataGridKeyboardNavigationSource,\n  DataGridKitchenSink,\n  DataGridKitchenSinkSource,\n  DataGridNoPaginationTable,\n  DataGridNoPaginationTableSource,\n  DataGridPercentageWidthColumns,\n  DataGridPercentageWidthColumnsSource,\n  DataGridResizableColumn,\n  DataGridResizableColumnSource,\n  DataGridSelectable,\n  DataGridSelectableSource,\n  DataGridSimple,\n  DataGridSimpleSource,\n  DataGridSingleSelectable,\n  DataGridSingleSelectableSource,\n  DataGridSkeletonLoading,\n  DataGridSkeletonLoadingSource,\n  DataGridSortable,\n  DataGridSortableSource,\n  DataGridUsingEditableCells,\n  DataGridUsingEditableCellsSource,\n  DataGridVirtualization,\n  DataGridVirtualizationSource,\n} from '.';\n\nconst componentMeta: Meta<typeof DataGrid> = {\n  component: DataGrid,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center n-w-full\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-datagrid',\n  parameters: {\n    chromatic: { delay: 1000 },\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/DataGrid',\n} satisfies Meta<typeof DataGrid>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof DataGrid>;\n\nexport const ComponentOverriding: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridComponentOverridingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridComponentOverriding,\n};\n\nexport const InDialog: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridInDialogSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridInDialog,\n};\n\nexport const KitchenSink: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridKitchenSinkSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridKitchenSink,\n};\n\nexport const NoPaginationTable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridNoPaginationTableSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridNoPaginationTable,\n};\n\nexport const PercentageWidthColumns: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridPercentageWidthColumnsSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridPercentageWidthColumns,\n};\n\nexport const ResizableColumn: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridResizableColumnSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridResizableColumn,\n};\n\nexport const Selectable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridSelectableSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridSelectable,\n};\n\nexport const Simple: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridSimpleSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridSimple,\n};\n\nexport const SingleSelectable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridSingleSelectableSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridSingleSelectable,\n};\n\nexport const SkeletonLoading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridSkeletonLoadingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridSkeletonLoading,\n};\n\nexport const Sortable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridSortableSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridSortable,\n};\n\nexport const UsingEditableCells: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridUsingEditableCellsSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridUsingEditableCells,\n};\n\nexport const KeyboardNavigation: Story = {\n  parameters: {\n    docs: {\n      source: {\n        code: DataGridKeyboardNavigationSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridKeyboardNavigation,\n};\n\nexport const Virtualization: Story = {\n  args: {},\n\n  parameters: {\n    chromatic: { disableSnapshot: true },\n    docs: {\n      source: {\n        code: DataGridVirtualizationSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: DataGridVirtualization,\n};\n"]}