@neo4j-ndl/react 4.14.1 → 4.14.3

package/lib/cjs/data-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-grid/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,2DAAyD;AAIjC,mGAJf,sCAAkB,OAIe;AAH1C,yDAA2C;AAGlC,sCAAa;AADtB,uCAA0E;AAAjE,oGAAA,QAAQ,OAAA;AAGjB,iDAA8C;AAArC,4GAAA,WAAW,OAAA;AACpB,gEAA8C","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 { useDataGridContext } from './data-grid-context';\nimport * as dataGridUtils from './helpers';\n\nexport { DataGrid, type HeaderStyle, type BorderStyle } from './DataGrid';\nexport { dataGridUtils, useDataGridContext };\nexport type * from './datagrid-types';\nexport { useTableNav } from './data-grid-nav';\nexport * from './data-grid-nav/data-grid-nav';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-grid/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,2DAAyD;AAIjC,mGAJf,sCAAkB,OAIe;AAH1C,yDAA2C;AAGlC,sCAAa;AADtB,uCAA0E;AAAjE,oGAAA,QAAQ,OAAA;AAGjB,iDAA8C;AAArC,4GAAA,WAAW,OAAA;AACpB,gEAA8C;AAC9C,mDAAoE;AAA3D,sHAAA,0BAA0B,OAAA;AACnC,6CAA2D;AAAlD,6GAAA,oBAAoB,OAAA;AAC7B,6CAS6B;AAR3B,gHAAA,uBAAuB,OAAA;AACvB,iHAAA,wBAAwB,OAAA;AACxB,gHAAA,uBAAuB,OAAA;AACvB,uHAAA,8BAA8B,OAAA;AAC9B,uHAAA,8BAA8B,OAAA;AAC9B,uHAAA,8BAA8B,OAAA;AAC9B,gHAAA,uBAAuB,OAAA;AACvB,qHAAA,4BAA4B,OAAA","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 { useDataGridContext } from './data-grid-context';\nimport * as dataGridUtils from './helpers';\n\nexport { DataGrid, type HeaderStyle, type BorderStyle } from './DataGrid';\nexport { dataGridUtils, useDataGridContext };\nexport type * from './datagrid-types';\nexport { useTableNav } from './data-grid-nav';\nexport * from './data-grid-nav/data-grid-nav';\nexport { evaluateDataGridStyleRules } from './style-rules/evaluate';\nexport { useDataGridCellStyle } from './style-rules/hooks';\nexport {\n  DataGridCellStyleSchema,\n  DataGridColorRangeSchema,\n  DataGridColumnRefSchema,\n  DataGridDisableableColorSchema,\n  DataGridStyleRuleLiteralSchema,\n  DataGridStyleRuleOperandSchema,\n  DataGridStyleRuleSchema,\n  DataGridStyleRuleWhereSchema,\n} from './style-rules/types';\nexport type {\n  DataGridCellStyle,\n  DataGridColorRange,\n  DataGridColumnRef,\n  DataGridDisableableColor,\n  DataGridStyleRuleLiteral,\n  DataGridStyleRuleOperand,\n  DataGridStyleRule,\n  DataGridStyleRuleWhere,\n} from './style-rules/types';\n"]}

package/lib/cjs/data-grid/stories/datagrid-custom-cell-with-style-rules.story.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 styleRules = [
+    // Row coloring: all cells styled when name contains "Alicia"
+    {
+        apply: {
+            color: { value: '#000000' },
+            textColor: { value: '#ffffff' },
+        },
+        column: null,
+        priority: 3,
+        where: { contains: [{ column: 'name' }, 'Alicia'] },
+    },
+    // Cell coloring: cells in the "age" column with value 51 get green
+    {
+        apply: { color: { value: '#00bb00' } },
+        column: 'age',
+        priority: 3,
+        where: { equal: [{ column: 'age' }, 51] },
+    },
+    // Dual color ranges on the "age" column: independent gradients for background
+    // (driven by age, full 0-100 range) and text color (driven by age too, but
+    // with a narrower 20-80 band so the text contrast is calibrated separately).
+    {
+        apply: {
+            colorRange: {
+                maxColor: '#f00000',
+                maxValue: 100,
+                midColor: '#a00000',
+                midValue: 50,
+                minColor: '#800000',
+                minValue: 0,
+                onColumn: 'age',
+            },
+            textColorRange: {
+                maxColor: '#aaaaaa',
+                maxValue: 80,
+                minColor: '#ffffff',
+                minValue: 20,
+                onColumn: 'age',
+            },
+        },
+        column: 'age',
+        priority: 2, // Lower priority so explicit green rule overrides
+    },
+    // Multi-column rule: all cells styled when age > 50 AND name contains "o"
+    {
+        apply: {
+            color: { value: '#fef3c7' },
+            textColor: { value: '#000000' },
+        },
+        column: null,
+        priority: 0, // Lower priority so other rules take precedence
+        where: {
+            and: [
+                { greaterThan: [{ column: 'age' }, 50] },
+                { contains: [{ column: 'name' }, 'o'] },
+            ],
+        },
+    },
+];
+/**
+ * A custom BodyCell that uses the `useDataGridCellStyle` hook to manually apply style rules to the cell.
+ */
+const CustomBodyCell = ({ cell, }) => {
+    const ruleStyle = (0, react_1.useDataGridCellStyle)(cell);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-data-grid-td", role: "cell", style: Object.assign(Object.assign({}, ruleStyle), { width: cell.column.getSize() }), children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }));
+};
+const Component = () => {
+    const columnHelper = (0, react_table_1.createColumnHelper)();
+    const columns = [
+        columnHelper.accessor('name', {
+            cell: (info) => info.getValue(),
+            header: () => 'Name',
+            minSize: 180,
+            size: 220,
+        }),
+        columnHelper.accessor('age', {
+            cell: (info) => info.renderValue(),
+            header: () => 'Age',
+            minSize: 80,
+        }),
+        columnHelper.accessor('cypherCommand', {
+            cell: (info) => info.getValue(),
+            header: () => 'Cypher Command',
+            minSize: 400,
+            size: 400,
+        }),
+    ];
+    const table = (0, react_table_1.useReactTable)({
+        columnResizeMode: 'onChange',
+        columns,
+        data: staticData_1.TABLE_DEMO_DATA,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        initialState: {
+            pagination: {
+                pageSize: 10,
+            },
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, tableInstance: table, isKeyboardNavigable: false, styleRules: styleRules, components: {
+                BodyCell: CustomBodyCell,
+            }, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+            } }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=datagrid-custom-cell-with-style-rules.story.js.map

package/lib/cjs/data-grid/stories/datagrid-custom-cell-with-style-rules.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-custom-cell-with-style-rules.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-custom-cell-with-style-rules.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAI0B;AAC1B,uDAS+B;AAE/B,6CAAoE;AAEpE,MAAM,UAAU,GAAwB;IACtC,6DAA6D;IAC7D;QACE,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC3B,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;SAChC;QACD,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE;KACpD;IACD,mEAAmE;IACnE;QACE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;QACtC,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE;KAC1C;IACD,8EAA8E;IAC9E,2EAA2E;IAC3E,6EAA6E;IAC7E;QACE,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,KAAK;aAChB;YACD,cAAc,EAAE;gBACd,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,CAAC,EAAE,kDAAkD;KAChE;IACD,0EAA0E;IAC1E;QACE,KAAK,EAAE;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC3B,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;SAChC;QACD,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,CAAC,EAAE,gDAAgD;QAC7D,KAAK,EAAE;YACL,GAAG,EAAE;gBACH,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE;gBACxC,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,EAAE;aACxC;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,cAAc,GAAG,CAAoB,EACzC,IAAI,GAGL,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,4BAAoB,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,gCACE,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,MAAM,EACX,KAAK,kCACA,SAAS,KACZ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,eAG7B,IAAA,wBAAU,EAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACtD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,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,GAAG,EAAE,CAAC,MAAM;YACpB,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,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,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,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;QAC9C,iBAAiB,EAAE,IAAA,+BAAiB,GAAE;QACtC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,EAAE;aACb;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,gCAAK,SAAS,EAAC,0CAA0C,YACvD,uBAAC,gBAAQ,IACP,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,mBAAmB,EAAE,KAAK,EAC1B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE;gBACV,QAAQ,EAAE,cAAc;aACzB,EACD,OAAO,EAAE;gBACP,WAAW,EAAE,WAAW;gBACxB,eAAe,EAAE,IAAI;gBACrB,gBAAgB,EAAE,KAAK;aACxB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  DataGrid,\n  type DataGridStyleRule,\n  useDataGridCellStyle,\n} from '@neo4j-ndl/react';\nimport {\n  type Cell,\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type RowData,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { TABLE_DEMO_DATA, type TestDataFormat } from './staticData';\n\nconst styleRules: DataGridStyleRule[] = [\n  // Row coloring: all cells styled when name contains \"Alicia\"\n  {\n    apply: {\n      color: { value: '#000000' },\n      textColor: { value: '#ffffff' },\n    },\n    column: null,\n    priority: 3,\n    where: { contains: [{ column: 'name' }, 'Alicia'] },\n  },\n  // Cell coloring: cells in the \"age\" column with value 51 get green\n  {\n    apply: { color: { value: '#00bb00' } },\n    column: 'age',\n    priority: 3,\n    where: { equal: [{ column: 'age' }, 51] },\n  },\n  // Dual color ranges on the \"age\" column: independent gradients for background\n  // (driven by age, full 0-100 range) and text color (driven by age too, but\n  // with a narrower 20-80 band so the text contrast is calibrated separately).\n  {\n    apply: {\n      colorRange: {\n        maxColor: '#f00000',\n        maxValue: 100,\n        midColor: '#a00000',\n        midValue: 50,\n        minColor: '#800000',\n        minValue: 0,\n        onColumn: 'age',\n      },\n      textColorRange: {\n        maxColor: '#aaaaaa',\n        maxValue: 80,\n        minColor: '#ffffff',\n        minValue: 20,\n        onColumn: 'age',\n      },\n    },\n    column: 'age',\n    priority: 2, // Lower priority so explicit green rule overrides\n  },\n  // Multi-column rule: all cells styled when age > 50 AND name contains \"o\"\n  {\n    apply: {\n      color: { value: '#fef3c7' },\n      textColor: { value: '#000000' },\n    },\n    column: null,\n    priority: 0, // Lower priority so other rules take precedence\n    where: {\n      and: [\n        { greaterThan: [{ column: 'age' }, 50] },\n        { contains: [{ column: 'name' }, 'o'] },\n      ],\n    },\n  },\n];\n\n/**\n * A custom BodyCell that uses the `useDataGridCellStyle` hook to manually apply style rules to the cell.\n */\nconst CustomBodyCell = <T extends RowData>({\n  cell,\n}: {\n  cell: Cell<T, unknown>;\n}) => {\n  const ruleStyle = useDataGridCellStyle(cell);\n\n  return (\n    <div\n      className=\"ndl-data-grid-td\"\n      role=\"cell\"\n      style={{\n        ...ruleStyle,\n        width: cell.column.getSize(),\n      }}\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </div>\n  );\n};\n\nconst Component = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      header: () => 'Name',\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\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    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: true,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isResizable={false}\n        tableInstance={table}\n        isKeyboardNavigable={false}\n        styleRules={styleRules}\n        components={{\n          BodyCell: CustomBodyCell,\n        }}\n        styling={{\n          borderStyle: 'all-sides',\n          hasHoverEffects: true,\n          hasZebraStriping: false,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/data-grid/stories/datagrid-rule-based-styling.story.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 styleRules = [
+    // Row coloring: all cells styled when name contains "Alicia"
+    {
+        apply: {
+            color: { value: '#000000' },
+            textColor: { value: '#ffffff' },
+        },
+        column: null,
+        priority: 3,
+        where: { contains: [{ column: 'name' }, 'Alicia'] },
+    },
+    // Cell coloring: cells in the "age" column with value 51 get green
+    {
+        apply: { color: { value: '#00bb00' } },
+        column: 'age',
+        priority: 3,
+        where: { equal: [{ column: 'age' }, 51] },
+    },
+    // Dual color ranges on the "age" column: independent gradients for background
+    // (driven by age, full 0-100 range) and text color (driven by age too, but
+    // with a narrower 20-80 band so the text contrast is calibrated separately).
+    {
+        apply: {
+            colorRange: {
+                maxColor: '#f00000',
+                maxValue: 100,
+                midColor: '#a00000',
+                midValue: 50,
+                minColor: '#800000',
+                minValue: 0,
+                onColumn: 'age',
+            },
+            textColorRange: {
+                maxColor: '#aaaaaa',
+                maxValue: 80,
+                minColor: '#ffffff',
+                minValue: 20,
+                onColumn: 'age',
+            },
+        },
+        column: 'age',
+        priority: 2, // Lower priority so explicit green rule overrides
+    },
+    // Multi-column rule: all cells styled when age > 50 AND name contains "o"
+    {
+        apply: {
+            color: { value: '#fef3c7' },
+            textColor: { value: '#000000' },
+        },
+        column: null,
+        priority: 0, // Lower priority so other rules take precedence
+        where: {
+            and: [
+                { greaterThan: [{ column: 'age' }, 50] },
+                { contains: [{ column: 'name' }, 'o'] },
+            ],
+        },
+    },
+];
+const Component = () => {
+    const columnHelper = (0, react_table_1.createColumnHelper)();
+    const columns = [
+        columnHelper.accessor('name', {
+            cell: (info) => info.getValue(),
+            header: () => 'Name',
+            minSize: 180,
+            size: 220,
+        }),
+        columnHelper.accessor('age', {
+            cell: (info) => info.renderValue(),
+            header: () => 'Age',
+            minSize: 80,
+        }),
+        columnHelper.accessor('cypherCommand', {
+            cell: (info) => info.getValue(),
+            header: () => 'Cypher Command',
+            minSize: 400,
+            size: 400,
+        }),
+    ];
+    const table = (0, react_table_1.useReactTable)({
+        columnResizeMode: 'onChange',
+        columns,
+        data: staticData_1.TABLE_DEMO_DATA,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        initialState: {
+            pagination: {
+                pageSize: 10,
+            },
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, tableInstance: table, isKeyboardNavigable: false, styleRules: styleRules, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+            } }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=datagrid-rule-based-styling.story.js.map

package/lib/cjs/data-grid/stories/datagrid-rule-based-styling.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-rule-based-styling.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-rule-based-styling.story.tsx"],"names":[],"mappings":"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","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 } from '@neo4j-ndl/react';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { type DataGridStyleRule } from '../style-rules/types';\nimport { TABLE_DEMO_DATA, type TestDataFormat } from './staticData';\n\nconst styleRules: DataGridStyleRule[] = [\n  // Row coloring: all cells styled when name contains \"Alicia\"\n  {\n    apply: {\n      color: { value: '#000000' },\n      textColor: { value: '#ffffff' },\n    },\n    column: null,\n    priority: 3,\n    where: { contains: [{ column: 'name' }, 'Alicia'] },\n  },\n  // Cell coloring: cells in the \"age\" column with value 51 get green\n  {\n    apply: { color: { value: '#00bb00' } },\n    column: 'age',\n    priority: 3,\n    where: { equal: [{ column: 'age' }, 51] },\n  },\n  // Dual color ranges on the \"age\" column: independent gradients for background\n  // (driven by age, full 0-100 range) and text color (driven by age too, but\n  // with a narrower 20-80 band so the text contrast is calibrated separately).\n  {\n    apply: {\n      colorRange: {\n        maxColor: '#f00000',\n        maxValue: 100,\n        midColor: '#a00000',\n        midValue: 50,\n        minColor: '#800000',\n        minValue: 0,\n        onColumn: 'age',\n      },\n      textColorRange: {\n        maxColor: '#aaaaaa',\n        maxValue: 80,\n        minColor: '#ffffff',\n        minValue: 20,\n        onColumn: 'age',\n      },\n    },\n    column: 'age',\n    priority: 2, // Lower priority so explicit green rule overrides\n  },\n  // Multi-column rule: all cells styled when age > 50 AND name contains \"o\"\n  {\n    apply: {\n      color: { value: '#fef3c7' },\n      textColor: { value: '#000000' },\n    },\n    column: null,\n    priority: 0, // Lower priority so other rules take precedence\n    where: {\n      and: [\n        { greaterThan: [{ column: 'age' }, 50] },\n        { contains: [{ column: 'name' }, 'o'] },\n      ],\n    },\n  },\n];\n\nconst Component = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      header: () => 'Name',\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\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    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: true,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isResizable={false}\n        tableInstance={table}\n        isKeyboardNavigable={false}\n        styleRules={styleRules}\n        styling={{\n          borderStyle: 'all-sides',\n          hasHoverEffects: true,\n          hasZebraStriping: false,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridCompactModeSource = exports.DataGridSimpleSource = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = exports.DataGridCompactMode = void 0;
+exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridCompactModeSource = exports.DataGridSimpleSource = exports.DataGridRuleBasedStylingSource = exports.DataGridCustomCellWithStyleRulesSource = exports.DataGridCustomCellWithStyleRules = exports.DataGridRuleBasedStyling = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = exports.DataGridCompactMode = void 0;
 var datagrid_compact_mode_story_1 = require("./datagrid-compact-mode.story");
 Object.defineProperty(exports, "DataGridCompactMode", { enumerable: true, get: function () { return __importDefault(datagrid_compact_mode_story_1).default; } });
 var datagrid_simple_story_1 = require("./datagrid-simple.story");
@@ -63,10 +63,15 @@ var datagrid_single_selectable_story_1 = require("./datagrid-single-selectable.s
 Object.defineProperty(exports, "DataGridSingleSelectable", { enumerable: true, get: function () { return __importDefault(datagrid_single_selectable_story_1).default; } });
 var datagrid_using_editable_cells_story_1 = require("./datagrid-using-editable-cells.story");
 Object.defineProperty(exports, "DataGridUsingEditableCells", { enumerable: true, get: function () { return __importDefault(datagrid_using_editable_cells_story_1).default; } });
+var datagrid_rule_based_styling_story_1 = require("./datagrid-rule-based-styling.story");
+Object.defineProperty(exports, "DataGridRuleBasedStyling", { enumerable: true, get: function () { return __importDefault(datagrid_rule_based_styling_story_1).default; } });
+var datagrid_custom_cell_with_style_rules_story_1 = require("./datagrid-custom-cell-with-style-rules.story");
+Object.defineProperty(exports, "DataGridCustomCellWithStyleRules", { enumerable: true, get: function () { return __importDefault(datagrid_custom_cell_with_style_rules_story_1).default; } });
 const export_stories_utils_1 = require("../../_common/export-stories-utils");
 const datagrid_column_filtering_story_raw_1 = __importDefault(require("./datagrid-column-filtering.story?raw"));
 const datagrid_compact_mode_story_raw_1 = __importDefault(require("./datagrid-compact-mode.story?raw"));
 const datagrid_component_overriding_story_raw_1 = __importDefault(require("./datagrid-component-overriding.story?raw"));
+const datagrid_custom_cell_with_style_rules_story_raw_1 = __importDefault(require("./datagrid-custom-cell-with-style-rules.story?raw"));
 const datagrid_in_dialog_story_raw_1 = __importDefault(require("./datagrid-in-dialog.story?raw"));
 const datagrid_keyboard_navigation_story_raw_1 = __importDefault(require("./datagrid-keyboard-navigation.story?raw"));
 const datagrid_kitchen_sink_story_raw_1 = __importDefault(require("./datagrid-kitchen-sink.story?raw"));
@@ -75,6 +80,7 @@ const datagrid_percentage_width_columns_story_raw_1 = __importDefault(require(".
 const datagrid_pinned_columns_stories_raw_1 = __importDefault(require("./datagrid-pinned-columns.stories?raw"));
 const datagrid_placeholder_states_story_raw_1 = __importDefault(require("./datagrid-placeholder-states.story?raw"));
 const datagrid_resizable_column_story_raw_1 = __importDefault(require("./datagrid-resizable-column.story?raw"));
+const datagrid_rule_based_styling_story_raw_1 = __importDefault(require("./datagrid-rule-based-styling.story?raw"));
 const datagrid_search_and_filters_stories_raw_1 = __importDefault(require("./datagrid-search-and-filters.stories?raw"));
 const datagrid_selectable_story_raw_1 = __importDefault(require("./datagrid-selectable.story?raw"));
 const datagrid_simple_story_raw_1 = __importDefault(require("./datagrid-simple.story?raw"));
@@ -83,6 +89,8 @@ const datagrid_skeleton_loading_story_raw_1 = __importDefault(require("./datagri
 const datagrid_sortable_story_raw_1 = __importDefault(require("./datagrid-sortable.story?raw"));
 const datagrid_using_editable_cells_story_raw_1 = __importDefault(require("./datagrid-using-editable-cells.story?raw"));
 const datagrid_virtualization_story_raw_1 = __importDefault(require("./datagrid-virtualization.story?raw"));
+exports.DataGridCustomCellWithStyleRulesSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_custom_cell_with_style_rules_story_raw_1.default);
+exports.DataGridRuleBasedStylingSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_rule_based_styling_story_raw_1.default);
 exports.DataGridSimpleSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_simple_story_raw_1.default);
 exports.DataGridCompactModeSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_compact_mode_story_raw_1.default);
 exports.DataGridSortableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_sortable_story_raw_1.default);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,6EAA+E;AAAtE,mJAAA,OAAO,OAAuB;AACvC,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,qEAAwE;AAA/D,4IAAA,OAAO,OAAoB;AACpC,yEAA4E;AAAnE,gJAAA,OAAO,OAAsB;AACtC,6FAG+C;AAF7C,yIAAA,UAAU,OAAsB;AAChC,8IAAA,eAAe,OAA2B;AAE5C,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AACpC,6EAA+E;AAAtE,mJAAA,OAAO,OAAuB;AACvC,iFAAoF;AAA3E,wJAAA,OAAO,OAA0B;AAC1C,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAC3C,yFAA2F;AAAlF,+JAAA,OAAO,OAA6B;AAC7C,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAC3C,6FAA+F;AAAtF,mKAAA,OAAO,OAA+B;AAC/C,2FAA6F;AAApF,iKAAA,OAAO,OAA8B;AAC9C,qGAAsG;AAA7F,0KAAA,OAAO,OAAkC;AAClD,qFAI2C;AAHzC,0IAAA,eAAe,OAA2B;AAC1C,yIAAA,cAAc,OAA0B;AACxC,0IAAA,eAAe,OAA2B;AAE5C,2FAA4F;AAAnF,gKAAA,OAAO,OAA6B;AAC7C,uFAAyF;AAAhF,6JAAA,OAAO,OAA4B;AAC5C,6FAA8F;AAArF,kKAAA,OAAO,OAA8B;AAE9C,6EAAyE;AACzE,gHAAqF;AACrF,wGAA6E;AAC7E,wHAA6F;AAC7F,kGAAuE;AACvE,sHAA2F;AAC3F,wGAA6E;AAC7E,sHAAoF;AACpF,gIAAoG;AACpG,gHAAmF;AACnF,oHAAyF;AACzF,gHAAqF;AACrF,wHAAoF;AACpF,oGAA0E;AAC1E,4FAAkE;AAClE,kHAAuF;AACvF,gHAAqF;AACrF,gGAAsE;AACtE,wHAA4F;AAC5F,4GAAkF;AAErE,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,mCAAuB,CACxB,CAAC;AACW,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,yCAA4B,CAC7B,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,qCAAyB,CAC1B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,uCAA2B,CAC5B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,iDAA2B,CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,sCAAyB,CAC1B,CAAC;AACW,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,yCAA4B,CAC7B,CAAC;AACW,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,2CAA+B,CAChC,CAAC;AACW,QAAA,6BAA6B,GAAG,IAAA,0CAAmB,EAC9D,6CAAgC,CACjC,CAAC;AACW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,+CAAkC,CACnC,CAAC;AACW,QAAA,6BAA6B,GAAG,IAAA,0CAAmB,EAC9D,6CAAgC,CACjC,CAAC;AACW,QAAA,6BAA6B,GAAG,IAAA,0CAAmB,EAC9D,6CAAgC,CACjC,CAAC;AACW,QAAA,iCAAiC,GAAG,IAAA,0CAAmB,EAClE,iDAAoC,CACrC,CAAC;AACW,QAAA,gCAAgC,GAAG,IAAA,0CAAmB,EACjE,gDAAmC,CACpC,CAAC;AACW,QAAA,oCAAoC,GAAG,IAAA,0CAAmB,EACrE,qDAAuC,CACxC,CAAC;AACW,QAAA,2BAA2B,GAAG,IAAA,0CAAmB,EAC5D,6CAA8B,CAC/B,CAAC;AACW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,gDAA4B,CAC7B,CAAC;AACW,QAAA,8BAA8B,GAAG,IAAA,0CAAmB,EAC/D,8CAAiC,CAClC,CAAC;AACW,QAAA,gCAAgC,GAAG,IAAA,0CAAmB,EACjE,iDAAmC,CACpC,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\nexport { default as DataGridCompactMode } from './datagrid-compact-mode.story';\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridCompactModeSource = removeLicenseHeader(\n  DataGridCompactModeSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.ts"],"names":[],"mappings":"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","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\nexport { default as DataGridCompactMode } from './datagrid-compact-mode.story';\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\nexport { default as DataGridRuleBasedStyling } from './datagrid-rule-based-styling.story';\nexport { default as DataGridCustomCellWithStyleRules } from './datagrid-custom-cell-with-style-rules.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridCustomCellWithStyleRulesSourceRaw from './datagrid-custom-cell-with-style-rules.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridRuleBasedStylingSourceRaw from './datagrid-rule-based-styling.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridCustomCellWithStyleRulesSource = removeLicenseHeader(\n  DataGridCustomCellWithStyleRulesSourceRaw,\n);\nexport const DataGridRuleBasedStylingSource = removeLicenseHeader(\n  DataGridRuleBasedStylingSourceRaw,\n);\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridCompactModeSource = removeLicenseHeader(\n  DataGridCompactModeSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}