@neo4j-ndl/react 4.25.10 → 5.0.0-alpha.0.b2b2481

package/lib/cjs/data-grid/stories/datagrid-using-editable-cells.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"datagrid-using-editable-cells.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-using-editable-cells.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,0CAAyC;AACzC,4CAAwD;AACxD,kDAAsE;AACtE,uDAM+B;AAC/B,iCAAiC;AAWjC,MAAM,YAAY,GAAG;IACnB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACxC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACvC,CAAC;AAEF,MAAM,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAIpE,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,aAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IACxB,QAAQ,EAAE,aAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,aAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IACxB,MAAM,EAAE,aAAM,CAAC,KAAK,CAAC,GAAG,CAAC;CAC1B,CAAC;AAEF,yEAAyE;AACzE,0EAA0E;AAC1E,MAAM,eAAe,GAAG,CAAC,KAA+C,EAAE,EAAE,CAAC,CAC3E,uBAAC,kBAAU,IACT,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAEpC,KAAK,CAAC,IAAI,CAAC,KAAK,GACN,CACd,CAAC;AAEF,uEAAuE;AACvE,4DAA4D;AAC5D,MAAM,SAAS,GAAqB;IAClC;QACE,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC3B,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;QAC9B,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,QAAQ;KACjB;IACD;QACE,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC,MAAM,CAAC;QACrB,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;KAClB;IACD;QACE,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;QACxC,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;KAClB;IACD;QACE,MAAM,EAAE,CAAC,QAAQ,CAAC;QAClB,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,CAAC,MAAM,CAAC;QACrB,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,UAAU;KACnB;IACD;QACE,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;QAC7B,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAChC,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,QAAQ;KACjB;IACD;QACE,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,kBAAkB;QACxB,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;AAE1D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,MAA+B,EAAQ,EAAE;QACxE,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAClB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,iCAAM,GAAG,GAAK,MAAM,EAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CACxE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,6BAA6B;QAC7B,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,uBAAC,gBAAQ,CAAC,cAAc,IACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,SAAS,EAAC,WAAW,GACrB,CACH;YACD,IAAI,EAAE;gBACJ,gBAAgB,EAAE;oBAChB,YAAY,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;wBAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACxD,CAAC;iBACF;aACF;YACD,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,kCAAkC;QAClC,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,uBAAC,gBAAQ,CAAC,YAAY,IACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,aAAa,GACvB,CACH;YACD,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;wBAC3B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;4BAC3B,OAAO;wBACT,CAAC;wBACD,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACxD,CAAC;iBACF;aACF;YACD,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,qDAAqD;QACrD,YAAY,CAAC,QAAQ,CAAC,aAAa,EAAE;YACnC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,uBAAC,gBAAQ,CAAC,YAAY,IACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,oBAAoB,GAC9B,CACH;YACD,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;wBAC3B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC/D,CAAC;iBACF;aACF;YACD,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,qEAAqE;QACrE,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC9B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,uBAAC,gBAAQ,CAAC,YAAY,IACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,eAAe,EACzB,UAAU,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,GAC3C,CACH;YACD,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;wBAC3B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC1D,CAAC;iBACF;aACF;YACD,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,4CAA4C;QAC5C,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC9B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;gBACb,MAAM,SAAS,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAE5D,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,SAAS,CAAC;gBAChD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,UAAU,CAAC;gBAElD,MAAM,eAAe,GAAG,CACtB,kCAAM,SAAS,EAAC,yDAAyD,aACvE,uBAAC,oCAA4B,IAAC,SAAS,EAAC,qCAAqC,GAAG,qCAE3E,CACR,CAAC;gBAEF,OAAO,CACL,uBAAC,gBAAQ,CAAC,YAAY,IACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,eAAe,EACzB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EACjE,QAAQ,EACN,UAAU;wBACR,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,SAAS;4BACT,CAAC,CAAC,4BAA4B;4BAC9B,CAAC,CAAC,SAAS,GAEjB,CACH,CAAC;YACJ,CAAC;YACD,IAAI,EAAE;gBACJ,cAAc,EAAE;oBACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;wBAC3B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;4BAC3B,OAAO;wBACT,CAAC;wBACD,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC1D,CAAC;iBACF;aACF;YACD,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,UAAU;QAC5B,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,IAAI;QACV,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,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,gCAAK,SAAS,EAAC,0CAA0C,YACvD,uBAAC,gBAAQ,IACP,mBAAmB,EAAE,IAAI,EACzB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE;gBACP,WAAW,EAAE,WAAW;gBACxB,gBAAgB,EAAE,KAAK;aACxB,EACD,aAAa,EAAE,KAAK,GACpB,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 { tokens } from '@neo4j-ndl/base';\nimport { DataGrid, GraphLabel } from '@neo4j-ndl/react';\nimport { ExclamationTriangleIconSolid } from '@neo4j-ndl/react/icons';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useState } from 'react';\nimport { type MultiValueProps } from 'react-select';\n\ntype TestDataFormat = {\n  name: string;\n  role: string;\n  permissions: string[];\n  labels: string[];\n  status: string;\n};\n\nconst ROLE_OPTIONS = [\n  { label: 'Admin', value: 'admin' },\n  { label: 'Editor', value: 'editor' },\n  { label: 'Viewer', value: 'viewer' },\n];\n\nconst PERMISSION_OPTIONS = [\n  { label: 'Read', value: 'read' },\n  { label: 'Write', value: 'write' },\n  { label: 'Delete', value: 'delete' },\n];\n\nconst LABEL_OPTIONS = [\n  { label: 'Person', value: 'person' },\n  { label: 'Movie', value: 'movie' },\n  { label: 'Director', value: 'director' },\n  { label: 'Actor', value: 'actor' },\n];\n\nconst STATUS_OPTIONS = [\n  { label: 'Active', value: 'active' },\n  { label: 'Inactive', value: 'inactive' },\n  { label: 'Pending', value: 'pending' },\n];\n\nconst VALID_STATUSES = STATUS_OPTIONS.map((option) => option.value);\n\ntype DropDownOption = { value: string; label: string };\n\nconst LABEL_COLORS: Record<string, string> = {\n  actor: tokens.graph['7'],\n  director: tokens.graph['4'],\n  movie: tokens.graph['3'],\n  person: tokens.graph['1'],\n};\n\n// Render each selected value as a non-interactive GraphLabel (as a span)\n// instead of the default Tag chip, demonstrating the components override.\nconst LabelMultiValue = (props: MultiValueProps<DropDownOption, boolean>) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={LABEL_COLORS[props.data.value]}\n  >\n    {props.data.label}\n  </GraphLabel>\n);\n\n// The \"Dallas Kuhn\" row has a status that is not part of the available\n// options, so its dropdown cell renders in the error state.\nconst DEMO_DATA: TestDataFormat[] = [\n  {\n    labels: ['person', 'actor'],\n    name: 'Alicia Sanford',\n    permissions: ['read', 'write'],\n    role: 'admin',\n    status: 'active',\n  },\n  {\n    labels: ['movie'],\n    name: 'Dallas Kuhn',\n    permissions: ['read'],\n    role: 'editor',\n    status: 'unknown',\n  },\n  {\n    labels: ['director'],\n    name: 'Susan Daugherty MD',\n    permissions: ['read', 'write', 'delete'],\n    role: 'viewer',\n    status: 'pending',\n  },\n  {\n    labels: ['person'],\n    name: 'Karen Huel',\n    permissions: ['read'],\n    role: 'editor',\n    status: 'inactive',\n  },\n  {\n    labels: ['movie', 'director'],\n    name: 'Ken Kessler',\n    permissions: ['write', 'delete'],\n    role: 'admin',\n    status: 'active',\n  },\n  {\n    labels: [],\n    name: 'Courtney McClure',\n    permissions: [],\n    role: 'viewer',\n    status: 'pending',\n  },\n];\n\nconst columnHelper = createColumnHelper<TestDataFormat>();\n\nconst Component = () => {\n  const [data, setData] = useState(DEMO_DATA);\n\n  const updateRow = (name: string, update: Partial<TestDataFormat>): void => {\n    setData((oldData) =>\n      oldData.map((row) => (row.name === name ? { ...row, ...update } : row)),\n    );\n  };\n\n  const COMMON_COLUMNS = [\n    // Editable inline text cell.\n    columnHelper.accessor('name', {\n      cell: (cell) => (\n        <DataGrid.InlineEditCell\n          cell={cell}\n          value={cell.getValue()}\n          ariaLabel=\"edit name\"\n        />\n      ),\n      meta: {\n        isInlineEditCell: {\n          onEditChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { name: newValue });\n          },\n        },\n      },\n      minSize: 180,\n      size: 220,\n    }),\n    // Default single-select dropdown.\n    columnHelper.accessor('role', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={ROLE_OPTIONS}\n          ariaLabel=\"select role\"\n        />\n      ),\n      meta: {\n        isDropDownCell: {\n          onChange: (newValue, cell) => {\n            if (newValue === undefined) {\n              return;\n            }\n            updateRow(cell.row.original.name, { role: newValue });\n          },\n        },\n      },\n      minSize: 160,\n      size: 180,\n    }),\n    // Default multi-select dropdown (default Tag chips).\n    columnHelper.accessor('permissions', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={PERMISSION_OPTIONS}\n          ariaLabel=\"select permissions\"\n        />\n      ),\n      enableSorting: false,\n      meta: {\n        isDropDownCell: {\n          isMulti: true,\n          onChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { permissions: newValue });\n          },\n        },\n      },\n      minSize: 220,\n      size: 260,\n    }),\n    // Multi-select dropdown with a custom MultiValue (GraphLabel chips).\n    columnHelper.accessor('labels', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={LABEL_OPTIONS}\n          ariaLabel=\"select labels\"\n          components={{ MultiValue: LabelMultiValue }}\n        />\n      ),\n      enableSorting: false,\n      meta: {\n        isDropDownCell: {\n          isMulti: true,\n          onChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { labels: newValue });\n          },\n        },\n      },\n      minSize: 240,\n      size: 280,\n    }),\n    // Single-select dropdown in an error state.\n    columnHelper.accessor('status', {\n      cell: (info) => {\n        const isInvalid = !VALID_STATUSES.includes(info.getValue());\n\n        const isPending = info.getValue() === 'pending';\n        const isInactive = info.getValue() === 'inactive';\n\n        const warningHelpText = (\n          <span className=\"n-flex n-items-center n-gap-token-2 n-text-warning-text\">\n            <ExclamationTriangleIconSolid className=\"n-size-token-16 n-text-warning-icon\" />\n            Inactive users cannot sign in\n          </span>\n        );\n\n        return (\n          <DataGrid.DropDownCell\n            cell={info}\n            options={STATUS_OPTIONS}\n            ariaLabel=\"select status\"\n            errorText={isInvalid ? 'Please select a valid status' : undefined}\n            helpText={\n              isInactive\n                ? warningHelpText\n                : isPending\n                  ? 'Waiting for admin approval'\n                  : undefined\n            }\n          />\n        );\n      },\n      meta: {\n        isDropDownCell: {\n          onChange: (newValue, cell) => {\n            if (newValue === undefined) {\n              return;\n            }\n            updateRow(cell.row.original.name, { status: newValue });\n          },\n        },\n      },\n      minSize: 200,\n      size: 240,\n    }),\n  ];\n  const table = useReactTable({\n    autoResetPageIndex: false,\n    columnResizeMode: 'onChange',\n    columns: COMMON_COLUMNS,\n    data: 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: 5,\n      },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isKeyboardNavigable={true}\n        isResizable={true}\n        styling={{\n          borderStyle: 'all-sides',\n          hasZebraStriping: false,\n        }}\n        tableInstance={table}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"datagrid-using-editable-cells.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-using-editable-cells.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 { tokens } from '@neo4j-ndl/base';\nimport { DataGrid, GraphLabel } from '@neo4j-ndl/react';\nimport { ExclamationTriangleIconSolid } from '@neo4j-ndl/react/icons';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useState } from 'react';\nimport { type MultiValueProps } from 'react-select';\n\ntype TestDataFormat = {\n  name: string;\n  role: string;\n  permissions: string[];\n  labels: string[];\n  status: string;\n};\n\nconst ROLE_OPTIONS = [\n  { label: 'Admin', value: 'admin' },\n  { label: 'Editor', value: 'editor' },\n  { label: 'Viewer', value: 'viewer' },\n];\n\nconst PERMISSION_OPTIONS = [\n  { label: 'Read', value: 'read' },\n  { label: 'Write', value: 'write' },\n  { label: 'Delete', value: 'delete' },\n];\n\nconst LABEL_OPTIONS = [\n  { label: 'Person', value: 'person' },\n  { label: 'Movie', value: 'movie' },\n  { label: 'Director', value: 'director' },\n  { label: 'Actor', value: 'actor' },\n];\n\nconst STATUS_OPTIONS = [\n  { label: 'Active', value: 'active' },\n  { label: 'Inactive', value: 'inactive' },\n  { label: 'Pending', value: 'pending' },\n];\n\nconst VALID_STATUSES = STATUS_OPTIONS.map((option) => option.value);\n\ntype DropDownOption = { value: string; label: string };\n\nconst LABEL_COLORS: Record<string, string> = {\n  actor: tokens.graph['7'],\n  director: tokens.graph['4'],\n  movie: tokens.graph['3'],\n  person: tokens.graph['1'],\n};\n\n// Render each selected value as a non-interactive GraphLabel (as a span)\n// instead of the default Tag chip, demonstrating the components override.\nconst LabelMultiValue = (props: MultiValueProps<DropDownOption, boolean>) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={LABEL_COLORS[props.data.value]}\n  >\n    {props.data.label}\n  </GraphLabel>\n);\n\n// The \"Dallas Kuhn\" row has a status that is not part of the available\n// options, so its dropdown cell renders in the error state.\nconst DEMO_DATA: TestDataFormat[] = [\n  {\n    labels: ['person', 'actor'],\n    name: 'Alicia Sanford',\n    permissions: ['read', 'write'],\n    role: 'admin',\n    status: 'active',\n  },\n  {\n    labels: ['movie'],\n    name: 'Dallas Kuhn',\n    permissions: ['read'],\n    role: 'editor',\n    status: 'unknown',\n  },\n  {\n    labels: ['director'],\n    name: 'Susan Daugherty MD',\n    permissions: ['read', 'write', 'delete'],\n    role: 'viewer',\n    status: 'pending',\n  },\n  {\n    labels: ['person'],\n    name: 'Karen Huel',\n    permissions: ['read'],\n    role: 'editor',\n    status: 'inactive',\n  },\n  {\n    labels: ['movie', 'director'],\n    name: 'Ken Kessler',\n    permissions: ['write', 'delete'],\n    role: 'admin',\n    status: 'active',\n  },\n  {\n    labels: [],\n    name: 'Courtney McClure',\n    permissions: [],\n    role: 'viewer',\n    status: 'pending',\n  },\n];\n\nconst columnHelper = createColumnHelper<TestDataFormat>();\n\nconst Component = () => {\n  const [data, setData] = useState(DEMO_DATA);\n\n  const updateRow = (name: string, update: Partial<TestDataFormat>): void => {\n    setData((oldData) =>\n      oldData.map((row) => (row.name === name ? { ...row, ...update } : row)),\n    );\n  };\n\n  const COMMON_COLUMNS = [\n    // Editable inline text cell.\n    columnHelper.accessor('name', {\n      cell: (cell) => (\n        <DataGrid.InlineEditCell\n          cell={cell}\n          value={cell.getValue()}\n          ariaLabel=\"edit name\"\n        />\n      ),\n      meta: {\n        isInlineEditCell: {\n          onEditChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { name: newValue });\n          },\n        },\n      },\n      minSize: 180,\n      size: 220,\n    }),\n    // Default single-select dropdown.\n    columnHelper.accessor('role', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={ROLE_OPTIONS}\n          ariaLabel=\"select role\"\n        />\n      ),\n      meta: {\n        isDropDownCell: {\n          onChange: (newValue, cell) => {\n            if (newValue === undefined) {\n              return;\n            }\n            updateRow(cell.row.original.name, { role: newValue });\n          },\n        },\n      },\n      minSize: 160,\n      size: 180,\n    }),\n    // Default multi-select dropdown (default Tag chips).\n    columnHelper.accessor('permissions', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={PERMISSION_OPTIONS}\n          ariaLabel=\"select permissions\"\n        />\n      ),\n      enableSorting: false,\n      meta: {\n        isDropDownCell: {\n          isMulti: true,\n          onChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { permissions: newValue });\n          },\n        },\n      },\n      minSize: 220,\n      size: 260,\n    }),\n    // Multi-select dropdown with a custom MultiValue (GraphLabel chips).\n    columnHelper.accessor('labels', {\n      cell: (info) => (\n        <DataGrid.DropDownCell\n          cell={info}\n          options={LABEL_OPTIONS}\n          ariaLabel=\"select labels\"\n          components={{ MultiValue: LabelMultiValue }}\n        />\n      ),\n      enableSorting: false,\n      meta: {\n        isDropDownCell: {\n          isMulti: true,\n          onChange: (newValue, cell) => {\n            updateRow(cell.row.original.name, { labels: newValue });\n          },\n        },\n      },\n      minSize: 240,\n      size: 280,\n    }),\n    // Single-select dropdown in an error state.\n    columnHelper.accessor('status', {\n      cell: (info) => {\n        const isInvalid = !VALID_STATUSES.includes(info.getValue());\n\n        const isPending = info.getValue() === 'pending';\n        const isInactive = info.getValue() === 'inactive';\n\n        const warningHelpText = (\n          <span className=\"flex items-center gap-token-2 text-warning-text\">\n            <ExclamationTriangleIconSolid className=\"size-token-16 text-warning-icon\" />\n            Inactive users cannot sign in\n          </span>\n        );\n\n        return (\n          <DataGrid.DropDownCell\n            cell={info}\n            options={STATUS_OPTIONS}\n            ariaLabel=\"select status\"\n            errorText={isInvalid ? 'Please select a valid status' : undefined}\n            helpText={\n              isInactive\n                ? warningHelpText\n                : isPending\n                  ? 'Waiting for admin approval'\n                  : undefined\n            }\n          />\n        );\n      },\n      meta: {\n        isDropDownCell: {\n          onChange: (newValue, cell) => {\n            if (newValue === undefined) {\n              return;\n            }\n            updateRow(cell.row.original.name, { status: newValue });\n          },\n        },\n      },\n      minSize: 200,\n      size: 240,\n    }),\n  ];\n  const table = useReactTable({\n    autoResetPageIndex: false,\n    columnResizeMode: 'onChange',\n    columns: COMMON_COLUMNS,\n    data: 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: 5,\n      },\n    },\n  });\n\n  return (\n    <div className=\"w-full bg-light-neutral-text-weakest\">\n      <DataGrid\n        isKeyboardNavigable={true}\n        isResizable={true}\n        styling={{\n          borderStyle: 'all-sides',\n          hasZebraStriping: false,\n        }}\n        tableInstance={table}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -49,7 +49,7 @@ const BodyCurryingFunction = (rowVirtualizer, ref, table) =>
     const { rows } = table.getSortedRowModel();
     rowVirtualizer.setOptions(Object.assign(Object.assign({}, rowVirtualizer.options), { count: rows.length }));
     const items = rowVirtualizer.getVirtualItems();
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "n-overflow-auto n-h-[290px]", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid.Body, Object.assign({}, props, { className: className, style: Object.assign(Object.assign({}, style), { height: `${rowVirtualizer.getTotalSize()}px`, position: 'relative' }), children: items.map((row) => {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "overflow-auto h-[290px]", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid.Body, Object.assign({}, props, { className: className, style: Object.assign(Object.assign({}, style), { height: `${rowVirtualizer.getTotalSize()}px`, position: 'relative' }), children: items.map((row) => {
                 const foundRow = rows[row.index];
                 if (foundRow === undefined) {
                     return null;
@@ -122,12 +122,12 @@ const Component = () => {
     const CustomBody = (0, react_2.useMemo)(() => {
         return BodyCurryingFunction(rowVirtualizer, scrollingParentRef, table);
     }, [rowVirtualizer, scrollingParentRef, table]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-bg-light-neutral-text-weakest", style: { height: '400px' }, children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { components: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full bg-light-neutral-text-weakest", style: { height: '400px' }, children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { components: {
                 Body: CustomBody,
                 PaginationNumericButton: null,
                 RowsPerPage: null,
             }, isResizable: false, tableInstance: table, rootProps: {
-                className: 'n-h-full',
+                className: 'h-full',
             } }) }));
 };
 exports.default = Component;

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

@@ -1 +1 @@
-{"version":3,"file":"datagrid-virtualization.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-virtualization.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  type Table as DataGridType,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport { type RefObject, useMemo, useRef } from 'react';\n\nimport { type CommonProps } from '../../_common/types';\n\ntype TestDataFormat = {\n  name: string;\n  age: number;\n  cypherCommand: string;\n};\n\nconst TABLE_DEMO_DATA: TestDataFormat[] = Array.from(\n  { length: 1000 },\n  (_unused, index) => ({\n    age: Math.floor(Math.random() * 100),\n    cypherCommand: `MATCH (n) RETURN n LIMIT ${index + 1}`,\n    name: `Person ${index + 1}`,\n  }),\n);\n\nconst BodyCurryingFunction =\n  (\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ref: RefObject<HTMLDivElement | null>,\n    table: DataGridType<TestDataFormat>,\n  ) =>\n  // eslint-disable-next-line react/display-name\n  ({\n    style,\n    className,\n    ...props\n  }: CommonProps<'div', { children?: React.ReactNode }>) => {\n    const { rows } = table.getSortedRowModel();\n    rowVirtualizer.setOptions({\n      ...rowVirtualizer.options,\n      count: rows.length,\n    });\n    const items = rowVirtualizer.getVirtualItems();\n\n    return (\n      <div ref={ref} className=\"n-overflow-auto n-h-[290px]\">\n        <DataGrid.Body\n          {...props}\n          className={className}\n          style={{\n            ...style,\n            height: `${rowVirtualizer.getTotalSize()}px`,\n            position: 'relative',\n          }}\n        >\n          {items.map((row: { index: number; size: number; start: number }) => {\n            const foundRow = rows[row.index];\n            if (foundRow === undefined) {\n              return null;\n            }\n\n            return (\n              <DataGrid.BodyRow\n                key={`table-row-${row.index}`}\n                row={foundRow}\n                style={{\n                  height: `${row.size}px`,\n                  left: 0,\n                  position: 'absolute',\n                  top: 0,\n                  transform: `translateY(${row.start}px)`,\n                  width: '100%',\n                }}\n              />\n            );\n          })}\n        </DataGrid.Body>\n      </div>\n    );\n  };\n\n/** Repeats array `repeatCount` times */\nconst repeat = (arr: unknown[], repeatCount: number) =>\n  Array(repeatCount).fill(arr).flat();\n\nconst columnHelper = createColumnHelper<TestDataFormat>();\n\nconst 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\nconst ExtendedProps = {\n  columnResizeMode: 'onChange' as const,\n  columns,\n  data: [...repeat(TABLE_DEMO_DATA, 500)],\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};\n\nconst Component = () => {\n  const scrollingParentRef = useRef<HTMLDivElement | null>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: ExtendedProps.data.length,\n    estimateSize: () => 40,\n    getScrollElement: () => scrollingParentRef.current,\n    // 40 is the size for a basic data type row so fallback to that\n    overscan: 15,\n  });\n\n  const table = useReactTable({\n    ...ExtendedProps,\n    enableSorting: true,\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: ExtendedProps.data.length,\n      },\n    },\n  });\n\n  const CustomBody = useMemo(() => {\n    return BodyCurryingFunction(rowVirtualizer, scrollingParentRef, table);\n  }, [rowVirtualizer, scrollingParentRef, table]);\n\n  return (\n    <div\n      className=\"n-w-full n-bg-light-neutral-text-weakest\"\n      style={{ height: '400px' }}\n    >\n      <DataGrid\n        components={{\n          Body: CustomBody,\n          PaginationNumericButton: null,\n          RowsPerPage: null,\n        }}\n        isResizable={false}\n        tableInstance={table}\n        rootProps={{\n          className: 'n-h-full',\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"datagrid-virtualization.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-virtualization.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,uDAO+B;AAC/B,2DAA2E;AAC3E,iCAAwD;AAUxD,MAAM,eAAe,GAAqB,KAAK,CAAC,IAAI,CAClD,EAAE,MAAM,EAAE,IAAI,EAAE,EAChB,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACnB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;IACpC,aAAa,EAAE,4BAA4B,KAAK,GAAG,CAAC,EAAE;IACtD,IAAI,EAAE,UAAU,KAAK,GAAG,CAAC,EAAE;CAC5B,CAAC,CACH,CAAC;AAEF,MAAM,oBAAoB,GACxB,CACE,cAAoD,EACpD,GAAqC,EACrC,KAAmC,EACnC,EAAE;AACJ,8CAA8C;AAC9C,CAAC,EAIoD,EAAE,EAAE;QAJxD,EACC,KAAK,EACL,SAAS,OAE0C,EADhD,KAAK,cAHT,sBAIA,CADS;IAER,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3C,cAAc,CAAC,UAAU,iCACpB,cAAc,CAAC,OAAO,KACzB,KAAK,EAAE,IAAI,CAAC,MAAM,IAClB,CAAC;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,EAAE,CAAC;IAE/C,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,yBAAyB,YAChD,uBAAC,gBAAQ,CAAC,IAAI,oBACR,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,kCACA,KAAK,KACR,MAAM,EAAE,GAAG,cAAc,CAAC,YAAY,EAAE,IAAI,EAC5C,QAAQ,EAAE,UAAU,eAGrB,KAAK,CAAC,GAAG,CAAC,CAAC,GAAmD,EAAE,EAAE;gBACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACjC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;oBAC3B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,OAAO,CACL,uBAAC,gBAAQ,CAAC,OAAO,IAEf,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;wBACL,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,IAAI;wBACvB,IAAI,EAAE,CAAC;wBACP,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,SAAS,EAAE,cAAc,GAAG,CAAC,KAAK,KAAK;wBACvC,KAAK,EAAE,MAAM;qBACd,IATI,aAAa,GAAG,CAAC,KAAK,EAAE,CAU7B,CACH,CAAC;YACJ,CAAC,CAAC,IACY,GACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,wCAAwC;AACxC,MAAM,MAAM,GAAG,CAAC,GAAc,EAAE,WAAmB,EAAE,EAAE,CACrD,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtC,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;AAE1D,MAAM,OAAO,GAAG;IACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;QACpB,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,GAAG;KACV,CAAC;IACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;QAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;QAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;QACnB,OAAO,EAAE,EAAE;KACZ,CAAC;IACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;QACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;QAC9B,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,GAAG;KACV,CAAC;CACH,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,gBAAgB,EAAE,UAAmB;IACrC,OAAO;IACP,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;IACvC,YAAY,EAAE,IAAI;IAClB,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE;QACb,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,EAAE;KACZ;IACD,aAAa,EAAE,KAAK;IACpB,eAAe,EAAE,IAAA,6BAAe,GAAE;IAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;CAC/C,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,IAAA,8BAAc,EAAC;QACpC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM;QAChC,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE;QACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO;QAClD,+DAA+D;QAC/D,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,2BAAa,kCACtB,aAAa,KAChB,aAAa,EAAE,IAAI,EACnB,iBAAiB,EAAE,IAAA,+BAAiB,GAAE,EACtC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM;aACpC;SACF,IACD,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,oBAAoB,CAAC,cAAc,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,gCACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAE1B,uBAAC,gBAAQ,IACP,UAAU,EAAE;gBACV,IAAI,EAAE,UAAU;gBAChB,uBAAuB,EAAE,IAAI;gBAC7B,WAAW,EAAE,IAAI;aAClB,EACD,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE;gBACT,SAAS,EAAE,QAAQ;aACpB,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 { DataGrid } from '@neo4j-ndl/react';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type Table as DataGridType,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport { type RefObject, useMemo, useRef } from 'react';\n\nimport { type CommonProps } from '../../_common/types';\n\ntype TestDataFormat = {\n  name: string;\n  age: number;\n  cypherCommand: string;\n};\n\nconst TABLE_DEMO_DATA: TestDataFormat[] = Array.from(\n  { length: 1000 },\n  (_unused, index) => ({\n    age: Math.floor(Math.random() * 100),\n    cypherCommand: `MATCH (n) RETURN n LIMIT ${index + 1}`,\n    name: `Person ${index + 1}`,\n  }),\n);\n\nconst BodyCurryingFunction =\n  (\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ref: RefObject<HTMLDivElement | null>,\n    table: DataGridType<TestDataFormat>,\n  ) =>\n  // eslint-disable-next-line react/display-name\n  ({\n    style,\n    className,\n    ...props\n  }: CommonProps<'div', { children?: React.ReactNode }>) => {\n    const { rows } = table.getSortedRowModel();\n    rowVirtualizer.setOptions({\n      ...rowVirtualizer.options,\n      count: rows.length,\n    });\n    const items = rowVirtualizer.getVirtualItems();\n\n    return (\n      <div ref={ref} className=\"overflow-auto h-[290px]\">\n        <DataGrid.Body\n          {...props}\n          className={className}\n          style={{\n            ...style,\n            height: `${rowVirtualizer.getTotalSize()}px`,\n            position: 'relative',\n          }}\n        >\n          {items.map((row: { index: number; size: number; start: number }) => {\n            const foundRow = rows[row.index];\n            if (foundRow === undefined) {\n              return null;\n            }\n\n            return (\n              <DataGrid.BodyRow\n                key={`table-row-${row.index}`}\n                row={foundRow}\n                style={{\n                  height: `${row.size}px`,\n                  left: 0,\n                  position: 'absolute',\n                  top: 0,\n                  transform: `translateY(${row.start}px)`,\n                  width: '100%',\n                }}\n              />\n            );\n          })}\n        </DataGrid.Body>\n      </div>\n    );\n  };\n\n/** Repeats array `repeatCount` times */\nconst repeat = (arr: unknown[], repeatCount: number) =>\n  Array(repeatCount).fill(arr).flat();\n\nconst columnHelper = createColumnHelper<TestDataFormat>();\n\nconst 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\nconst ExtendedProps = {\n  columnResizeMode: 'onChange' as const,\n  columns,\n  data: [...repeat(TABLE_DEMO_DATA, 500)],\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};\n\nconst Component = () => {\n  const scrollingParentRef = useRef<HTMLDivElement | null>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: ExtendedProps.data.length,\n    estimateSize: () => 40,\n    getScrollElement: () => scrollingParentRef.current,\n    // 40 is the size for a basic data type row so fallback to that\n    overscan: 15,\n  });\n\n  const table = useReactTable({\n    ...ExtendedProps,\n    enableSorting: true,\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: ExtendedProps.data.length,\n      },\n    },\n  });\n\n  const CustomBody = useMemo(() => {\n    return BodyCurryingFunction(rowVirtualizer, scrollingParentRef, table);\n  }, [rowVirtualizer, scrollingParentRef, table]);\n\n  return (\n    <div\n      className=\"w-full bg-light-neutral-text-weakest\"\n      style={{ height: '400px' }}\n    >\n      <DataGrid\n        components={{\n          Body: CustomBody,\n          PaginationNumericButton: null,\n          RowsPerPage: null,\n        }}\n        isResizable={false}\n        tableInstance={table}\n        rootProps={{\n          className: 'h-full',\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/data-grid/style-rules/guard.js

@@ -0,0 +1,47 @@
+"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.isDataGridStyleRule = void 0;
+const schemas_1 = require("./internal/schemas");
+/**
+ * Runtime type guard for {@link DataGridStyleRule}, backed by the internal Zod
+ * schema. Narrows an `unknown` value to `DataGridStyleRule` when it is a valid
+ * style rule.
+ *
+ * This lets consumers validate values without taking a dependency on Zod or on
+ * our schema export. For example, it can be passed to another validation
+ * library's custom check:
+ *
+ * @example
+ * ```ts
+ * import { z } from 'zod';
+ * import { isDataGridStyleRule, type DataGridStyleRule } from '@neo4j-ndl/react';
+ *
+ * const formSchema = z.object({
+ *   rule: z.custom<DataGridStyleRule>(isDataGridStyleRule),
+ *   notes: z.string(),
+ * });
+ * ```
+ */
+const isDataGridStyleRule = (value) => schemas_1.DataGridStyleRuleSchema.safeParse(value).success;
+exports.isDataGridStyleRule = isDataGridStyleRule;
+//# sourceMappingURL=guard.js.map

package/lib/cjs/data-grid/style-rules/guard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/guard.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,gDAA6D;AAG7D;;;;;;;;;;;;;;;;;;;GAmBG;AACI,MAAM,mBAAmB,GAAG,CACjC,KAAc,EACc,EAAE,CAC9B,iCAAuB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAHtC,QAAA,mBAAmB,uBAGmB","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 { DataGridStyleRuleSchema } from './internal/schemas';\nimport type { DataGridStyleRule } from './types';\n\n/**\n * Runtime type guard for {@link DataGridStyleRule}, backed by the internal Zod\n * schema. Narrows an `unknown` value to `DataGridStyleRule` when it is a valid\n * style rule.\n *\n * This lets consumers validate values without taking a dependency on Zod or on\n * our schema export. For example, it can be passed to another validation\n * library's custom check:\n *\n * @example\n * ```ts\n * import { z } from 'zod';\n * import { isDataGridStyleRule, type DataGridStyleRule } from '@neo4j-ndl/react';\n *\n * const formSchema = z.object({\n *   rule: z.custom<DataGridStyleRule>(isDataGridStyleRule),\n *   notes: z.string(),\n * });\n * ```\n */\nexport const isDataGridStyleRule = (\n  value: unknown,\n): value is DataGridStyleRule =>\n  DataGridStyleRuleSchema.safeParse(value).success;\n"]}

package/lib/cjs/data-grid/style-rules/index.js

@@ -20,27 +20,11 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRangeLiteralSchema = exports.DataGridNumericLiteralSchema = exports.DataGridLocalDatetimeLiteralSchema = exports.DataGridTimeLiteralSchema = exports.DataGridStyleRuleWhereSchema = exports.DataGridStyleRuleSchema = exports.DataGridStyleRuleOperandSchema = exports.DataGridStyleRuleLiteralSchema = exports.DataGridDisableableColorSchema = exports.DataGridDatetimeLiteralSchema = exports.DataGridColumnRefSchema = exports.DataGridColorRangeSchema = exports.DataGridCellStyleSchema = exports.DataGridBigintLiteralSchema = exports.isDataGridStyleRule = exports.useDataGridCellStyle = exports.evaluateDataGridStyleRules = void 0;
+exports.isDataGridStyleRule = exports.useDataGridCellStyle = exports.evaluateDataGridStyleRules = void 0;
 var evaluate_1 = require("./evaluate");
 Object.defineProperty(exports, "evaluateDataGridStyleRules", { enumerable: true, get: function () { return evaluate_1.evaluateDataGridStyleRules; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useDataGridCellStyle", { enumerable: true, get: function () { return hooks_1.useDataGridCellStyle; } });
-var types_1 = require("./types");
-Object.defineProperty(exports, "isDataGridStyleRule", { enumerable: true, get: function () { return types_1.isDataGridStyleRule; } });
-// TODO v5: remove schema exports
-var types_2 = require("./types");
-Object.defineProperty(exports, "DataGridBigintLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridBigintLiteralSchema; } });
-Object.defineProperty(exports, "DataGridCellStyleSchema", { enumerable: true, get: function () { return types_2.DataGridCellStyleSchema; } });
-Object.defineProperty(exports, "DataGridColorRangeSchema", { enumerable: true, get: function () { return types_2.DataGridColorRangeSchema; } });
-Object.defineProperty(exports, "DataGridColumnRefSchema", { enumerable: true, get: function () { return types_2.DataGridColumnRefSchema; } });
-Object.defineProperty(exports, "DataGridDatetimeLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridDatetimeLiteralSchema; } });
-Object.defineProperty(exports, "DataGridDisableableColorSchema", { enumerable: true, get: function () { return types_2.DataGridDisableableColorSchema; } });
-Object.defineProperty(exports, "DataGridStyleRuleLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridStyleRuleLiteralSchema; } });
-Object.defineProperty(exports, "DataGridStyleRuleOperandSchema", { enumerable: true, get: function () { return types_2.DataGridStyleRuleOperandSchema; } });
-Object.defineProperty(exports, "DataGridStyleRuleSchema", { enumerable: true, get: function () { return types_2.DataGridStyleRuleSchema; } });
-Object.defineProperty(exports, "DataGridStyleRuleWhereSchema", { enumerable: true, get: function () { return types_2.DataGridStyleRuleWhereSchema; } });
-Object.defineProperty(exports, "DataGridTimeLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridTimeLiteralSchema; } });
-Object.defineProperty(exports, "DataGridLocalDatetimeLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridLocalDatetimeLiteralSchema; } });
-Object.defineProperty(exports, "DataGridNumericLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridNumericLiteralSchema; } });
-Object.defineProperty(exports, "DataGridRangeLiteralSchema", { enumerable: true, get: function () { return types_2.DataGridRangeLiteralSchema; } });
+var guard_1 = require("./guard");
+Object.defineProperty(exports, "isDataGridStyleRule", { enumerable: true, get: function () { return guard_1.isDataGridStyleRule; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,uCAAwD;AAA/C,sHAAA,0BAA0B,OAAA;AACnC,iCAA+C;AAAtC,6GAAA,oBAAoB,OAAA;AAC7B,iCAA8C;AAArC,4GAAA,mBAAmB,OAAA;AAC5B,iCAAiC;AACjC,iCAeiB;AAdf,oHAAA,2BAA2B,OAAA;AAC3B,gHAAA,uBAAuB,OAAA;AACvB,iHAAA,wBAAwB,OAAA;AACxB,gHAAA,uBAAuB,OAAA;AACvB,sHAAA,6BAA6B,OAAA;AAC7B,uHAAA,8BAA8B,OAAA;AAC9B,uHAAA,8BAA8B,OAAA;AAC9B,uHAAA,8BAA8B,OAAA;AAC9B,gHAAA,uBAAuB,OAAA;AACvB,qHAAA,4BAA4B,OAAA;AAC5B,kHAAA,yBAAyB,OAAA;AACzB,2HAAA,kCAAkC,OAAA;AAClC,qHAAA,4BAA4B,OAAA;AAC5B,mHAAA,0BAA0B,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 */\n\nexport { evaluateDataGridStyleRules } from './evaluate';\nexport { useDataGridCellStyle } from './hooks';\nexport { isDataGridStyleRule } from './types';\n// TODO v5: remove schema exports\nexport {\n  DataGridBigintLiteralSchema,\n  DataGridCellStyleSchema,\n  DataGridColorRangeSchema,\n  DataGridColumnRefSchema,\n  DataGridDatetimeLiteralSchema,\n  DataGridDisableableColorSchema,\n  DataGridStyleRuleLiteralSchema,\n  DataGridStyleRuleOperandSchema,\n  DataGridStyleRuleSchema,\n  DataGridStyleRuleWhereSchema,\n  DataGridTimeLiteralSchema,\n  DataGridLocalDatetimeLiteralSchema,\n  DataGridNumericLiteralSchema,\n  DataGridRangeLiteralSchema,\n} from './types';\nexport type {\n  DataGridBigintLiteral,\n  DataGridCellStyle,\n  DataGridColorRange,\n  DataGridColumnRef,\n  DataGridDatetimeLiteral,\n  DataGridDisableableColor,\n  DataGridStyleRuleLiteral,\n  DataGridStyleRuleOperand,\n  DataGridStyleRule,\n  DataGridStyleRuleWhere,\n  DataGridStyleRuleValueConverter,\n  DataGridStyleRuleValueConverters,\n  DataGridTimeLiteral,\n  DataGridLocalDatetimeLiteral,\n  DataGridNumericLiteral,\n  DataGridRangeLiteral,\n} from './types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,uCAAwD;AAA/C,sHAAA,0BAA0B,OAAA;AACnC,iCAA+C;AAAtC,6GAAA,oBAAoB,OAAA;AAC7B,iCAA8C;AAArC,4GAAA,mBAAmB,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 */\n\nexport { evaluateDataGridStyleRules } from './evaluate';\nexport { useDataGridCellStyle } from './hooks';\nexport { isDataGridStyleRule } from './guard';\nexport type {\n  DataGridBigintLiteral,\n  DataGridCellStyle,\n  DataGridColorRange,\n  DataGridColumnRef,\n  DataGridDatetimeLiteral,\n  DataGridDisableableColor,\n  DataGridStyleRuleLiteral,\n  DataGridStyleRuleOperand,\n  DataGridStyleRule,\n  DataGridStyleRuleWhere,\n  DataGridStyleRuleValueConverter,\n  DataGridStyleRuleValueConverters,\n  DataGridTimeLiteral,\n  DataGridLocalDatetimeLiteral,\n  DataGridNumericLiteral,\n  DataGridRangeLiteral,\n} from './types';\n"]}

package/lib/cjs/data-grid/style-rules/internal/schemas.js

@@ -0,0 +1,213 @@
+"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.DataGridStyleRuleSchema = exports.DataGridCellStyleSchema = exports.DataGridDisableableColorSchema = exports.DataGridColorRangeSchema = exports.DataGridStyleRuleWhereSchema = exports.DataGridStyleRuleOperandSchema = exports.DataGridTimeLiteralSchema = exports.DataGridLocalDatetimeLiteralSchema = exports.DataGridDatetimeLiteralSchema = exports.DataGridColumnRefSchema = exports.DataGridRangeLiteralSchema = exports.DataGridNumericLiteralSchema = exports.DataGridBigintLiteralSchema = exports.DataGridStyleRuleLiteralSchema = void 0;
+const zod_1 = require("zod");
+const literal_schemas_1 = require("../../../_generated/style-rules/literal-schemas");
+/*
+ * Internal only. Do NOT re-export these schemas. They are only the runtime
+ * backing for `isDataGridStyleRule`; the public contract is the hand-written
+ * types in `../types.ts`. We should never export a Zod schema since it would
+ * force consumers onto our Zod version.
+ *
+ * Every schema is anchored to its type with `satisfies` so editing one without
+ * the other fails the build.
+ */
+/**
+ * A literal value used in style-rule where clauses, converter return values,
+ * and cell data. Temporal wrappers resolve to numbers at evaluation time.
+ */
+exports.DataGridStyleRuleLiteralSchema = zod_1.z.union([
+    zod_1.z.string(),
+    literal_schemas_1.NumericLiteralSchema,
+    zod_1.z.boolean(),
+    zod_1.z.null(),
+    literal_schemas_1.DatetimeLiteralSchema,
+    literal_schemas_1.LocalDatetimeLiteralSchema,
+    literal_schemas_1.TimeLiteralSchema,
+]);
+/** A JSON-safe bigint literal represented by a signed decimal string. */
+exports.DataGridBigintLiteralSchema = literal_schemas_1.BigintLiteralSchema;
+/** A number, native bigint, or JSON-safe bigint literal. */
+exports.DataGridNumericLiteralSchema = literal_schemas_1.NumericLiteralSchema;
+/** A numeric, datetime, localdatetime, or time literal used as a range boundary. */
+exports.DataGridRangeLiteralSchema = literal_schemas_1.RangeLiteralSchema;
+/** A reference to a column whose cell value is resolved at evaluation time. */
+exports.DataGridColumnRefSchema = zod_1.z.object({
+    column: zod_1.z.string(),
+});
+/**
+ * An ISO 8601 or RFC 9557 datetime literal that resolves to a Unix millisecond
+ * timestamp at evaluation time. Wraps the shared `DatetimeLiteralSchema` with a
+ * DataGrid-specific name. Supported formats:
+ * - RFC 9557 with IANA timezone: `"2024-06-15T14:00:00[Europe/Stockholm]"` (offset
+ *   inferred) or `"2024-06-15T14:00:00+02:00[Europe/Stockholm]"` (offset explicit)
+ * - UTC or offset datetime: `"2024-01-01T00:00:00Z"`, `"2024-01-01T00:00:00+02:00"`
+ * - Plain datetime (treated as UTC): `"2024-01-01T14:30:00"`
+ * - Date-only (treated as UTC midnight): `"2024-01-01"`
+ *
+ * Unzoned datetimes without `Z` or an offset are treated as UTC wall-clock time.
+ */
+exports.DataGridDatetimeLiteralSchema = literal_schemas_1.DatetimeLiteralSchema;
+/**
+ * A plain (unzoned) ISO 8601 date or datetime literal that resolves to a Unix
+ * millisecond timestamp in the browser's local timezone at evaluation time.
+ * Wraps the shared `LocalDatetimeLiteralSchema` with a DataGrid-specific name.
+ *
+ * Only plain date/datetime strings without timezone qualifiers are accepted:
+ * - Plain datetime: `"2024-01-01T14:30:00"`
+ * - Date-only (treated as local midnight): `"2024-01-01"`
+ *
+ * Strings with `Z`, a UTC offset, or an IANA bracket are rejected — use
+ * `{ datetime }` for timezone-aware instants.
+ */
+exports.DataGridLocalDatetimeLiteralSchema = literal_schemas_1.LocalDatetimeLiteralSchema;
+/**
+ * An ISO 8601 time literal that resolves to milliseconds since UTC midnight at
+ * evaluation time. Wraps the shared `TimeLiteralSchema` with a DataGrid-specific
+ * name. Supported formats:
+ * - Local time (treated as UTC): `"14:30:00"`, `"14:30:00.500"`
+ * - Offset time (UTC-normalised): `"14:30:00+02:00"`
+ */
+exports.DataGridTimeLiteralSchema = literal_schemas_1.TimeLiteralSchema;
+/** An operand in a style-rule where clause -- either a literal value or a column reference. */
+exports.DataGridStyleRuleOperandSchema = zod_1.z.union([
+    exports.DataGridColumnRefSchema,
+    exports.DataGridStyleRuleLiteralSchema,
+]);
+exports.DataGridStyleRuleWhereSchema = zod_1.z.lazy(() => zod_1.z.union([
+    zod_1.z.object({ not: exports.DataGridStyleRuleWhereSchema }),
+    zod_1.z.object({ and: zod_1.z.array(exports.DataGridStyleRuleWhereSchema) }),
+    zod_1.z.object({ or: zod_1.z.array(exports.DataGridStyleRuleWhereSchema) }),
+    zod_1.z.object({
+        equal: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        lessThan: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        lessThanOrEqual: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        greaterThan: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        greaterThanOrEqual: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        contains: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        startsWith: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({
+        endsWith: zod_1.z.tuple([
+            exports.DataGridStyleRuleOperandSchema,
+            exports.DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    zod_1.z.object({ isNull: exports.DataGridStyleRuleOperandSchema }),
+]));
+/**
+ * Gradient coloring based on a continuous orderable column value.
+ * Colors should be hex strings (#rrggbb).
+ * Temporal range boundaries resolve to numbers before interpolation.
+ * If the column value is missing or non-orderable, the colorRange is ignored.
+ */
+exports.DataGridColorRangeSchema = zod_1.z.object({
+    /** Disable this color range without removing it. */
+    isDisabled: zod_1.z.boolean().optional(),
+    /** Hex color (#rrggbb) at the maximum value. */
+    maxColor: zod_1.z.string(),
+    /** The high end of the range. Values above this clamp to maxColor. */
+    maxValue: exports.DataGridRangeLiteralSchema,
+    /** Hex color (#rrggbb) at the optional mid-point for a 3-stop gradient. */
+    midColor: zod_1.z.string().optional(),
+    /** Optional inflection point between minValue and maxValue for a 3-stop gradient. */
+    midValue: exports.DataGridRangeLiteralSchema.optional(),
+    /** Hex color (#rrggbb) at the minimum value. */
+    minColor: zod_1.z.string(),
+    /** The low end of the range. Values below this clamp to minColor. */
+    minValue: exports.DataGridRangeLiteralSchema,
+    /** The column whose orderable value drives the interpolation. */
+    onColumn: zod_1.z.string(),
+});
+/** A disable-able static color value. */
+exports.DataGridDisableableColorSchema = zod_1.z.object({
+    /** Disable this style without removing it. */
+    isDisabled: zod_1.z.boolean().optional(),
+    /** The CSS color value (e.g. '#fee2e2'). */
+    value: zod_1.z.string(),
+});
+/** Visual properties that a style rule can apply to a cell or row. */
+exports.DataGridCellStyleSchema = zod_1.z.object({
+    /** CSS background color / cell fill (e.g. '#fee2e2'). Matches the graph `Style.color`. */
+    color: exports.DataGridDisableableColorSchema.optional(),
+    /** Gradient color interpolation applied to the cell fill. Matches the graph `Style.colorRange`. */
+    colorRange: exports.DataGridColorRangeSchema.optional(),
+    /** CSS text color (e.g. '#991b1b'). Grid-only; no graph equivalent. */
+    textColor: exports.DataGridDisableableColorSchema.optional(),
+    /** Gradient color interpolation applied to the text color. Grid-only; no graph equivalent. */
+    textColorRange: exports.DataGridColorRangeSchema.optional(),
+});
+/**
+ * metaData is an free-form object that can be used to store additional information about a style rule.
+ * The data is not taken into account when evaluating the rule.
+ */
+const metaDataSchema = zod_1.z.record(zod_1.z.string(), zod_1.z.unknown());
+/** A single declarative rule that conditionally applies styles to DataGrid cells. */
+exports.DataGridStyleRuleSchema = zod_1.z.object({
+    /** Style properties to apply when the rule matches. */
+    apply: exports.DataGridCellStyleSchema,
+    /** Which column this rule targets. Set to null to apply styles to all columns (row-level effect). */
+    column: zod_1.z.string().nullable(),
+    /** Disable this rule without removing it. */
+    isDisabled: zod_1.z.boolean().optional(),
+    /** Additional metadata about the rule. */
+    metaData: metaDataSchema.optional(),
+    /** Higher priority rules are applied later (override lower). Must be `>= 0`; negative values are reserved for internal use. Rules without explicit priority preserve their array order but are always applied before rules with explicit priority. */
+    priority: zod_1.z.number().nonnegative().optional(),
+    /** Condition to evaluate. If omitted, rule always applies to matched column(s). */
+    where: exports.DataGridStyleRuleWhereSchema.optional(),
+});
+//# sourceMappingURL=schemas.js.map

package/lib/cjs/data-grid/style-rules/internal/schemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemas.js","sourceRoot":"","sources":["../../../../../src/data-grid/style-rules/internal/schemas.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\nimport { z } from 'zod';\n\nimport {\n  BigintLiteralSchema,\n  DatetimeLiteralSchema,\n  LocalDatetimeLiteralSchema,\n  NumericLiteralSchema,\n  RangeLiteralSchema,\n  TimeLiteralSchema,\n} from '../../../_generated/style-rules/literal-schemas';\nimport type {\n  DataGridCellStyle,\n  DataGridColorRange,\n  DataGridColumnRef,\n  DataGridDisableableColor,\n  DataGridStyleRule,\n  DataGridStyleRuleLiteral,\n  DataGridStyleRuleOperand,\n  DataGridStyleRuleWhere,\n} from '../types';\n\n/*\n * Internal only. Do NOT re-export these schemas. They are only the runtime\n * backing for `isDataGridStyleRule`; the public contract is the hand-written\n * types in `../types.ts`. We should never export a Zod schema since it would\n * force consumers onto our Zod version.\n *\n * Every schema is anchored to its type with `satisfies` so editing one without\n * the other fails the build.\n */\n\n/**\n * A literal value used in style-rule where clauses, converter return values,\n * and cell data. Temporal wrappers resolve to numbers at evaluation time.\n */\nexport const DataGridStyleRuleLiteralSchema = z.union([\n  z.string(),\n  NumericLiteralSchema,\n  z.boolean(),\n  z.null(),\n  DatetimeLiteralSchema,\n  LocalDatetimeLiteralSchema,\n  TimeLiteralSchema,\n]) satisfies z.ZodType<DataGridStyleRuleLiteral>;\n\n/** A JSON-safe bigint literal represented by a signed decimal string. */\nexport const DataGridBigintLiteralSchema = BigintLiteralSchema;\n\n/** A number, native bigint, or JSON-safe bigint literal. */\nexport const DataGridNumericLiteralSchema = NumericLiteralSchema;\n\n/** A numeric, datetime, localdatetime, or time literal used as a range boundary. */\nexport const DataGridRangeLiteralSchema = RangeLiteralSchema;\n\n/** A reference to a column whose cell value is resolved at evaluation time. */\nexport const DataGridColumnRefSchema = z.object({\n  column: z.string(),\n}) satisfies z.ZodType<DataGridColumnRef>;\n\n/**\n * An ISO 8601 or RFC 9557 datetime literal that resolves to a Unix millisecond\n * timestamp at evaluation time. Wraps the shared `DatetimeLiteralSchema` with a\n * DataGrid-specific name. Supported formats:\n * - RFC 9557 with IANA timezone: `\"2024-06-15T14:00:00[Europe/Stockholm]\"` (offset\n *   inferred) or `\"2024-06-15T14:00:00+02:00[Europe/Stockholm]\"` (offset explicit)\n * - UTC or offset datetime: `\"2024-01-01T00:00:00Z\"`, `\"2024-01-01T00:00:00+02:00\"`\n * - Plain datetime (treated as UTC): `\"2024-01-01T14:30:00\"`\n * - Date-only (treated as UTC midnight): `\"2024-01-01\"`\n *\n * Unzoned datetimes without `Z` or an offset are treated as UTC wall-clock time.\n */\nexport const DataGridDatetimeLiteralSchema = DatetimeLiteralSchema;\n\n/**\n * A plain (unzoned) ISO 8601 date or datetime literal that resolves to a Unix\n * millisecond timestamp in the browser's local timezone at evaluation time.\n * Wraps the shared `LocalDatetimeLiteralSchema` with a DataGrid-specific name.\n *\n * Only plain date/datetime strings without timezone qualifiers are accepted:\n * - Plain datetime: `\"2024-01-01T14:30:00\"`\n * - Date-only (treated as local midnight): `\"2024-01-01\"`\n *\n * Strings with `Z`, a UTC offset, or an IANA bracket are rejected — use\n * `{ datetime }` for timezone-aware instants.\n */\nexport const DataGridLocalDatetimeLiteralSchema = LocalDatetimeLiteralSchema;\n\n/**\n * An ISO 8601 time literal that resolves to milliseconds since UTC midnight at\n * evaluation time. Wraps the shared `TimeLiteralSchema` with a DataGrid-specific\n * name. Supported formats:\n * - Local time (treated as UTC): `\"14:30:00\"`, `\"14:30:00.500\"`\n * - Offset time (UTC-normalised): `\"14:30:00+02:00\"`\n */\nexport const DataGridTimeLiteralSchema = TimeLiteralSchema;\n\n/** An operand in a style-rule where clause -- either a literal value or a column reference. */\nexport const DataGridStyleRuleOperandSchema = z.union([\n  DataGridColumnRefSchema,\n  DataGridStyleRuleLiteralSchema,\n]) satisfies z.ZodType<DataGridStyleRuleOperand>;\n\nexport const DataGridStyleRuleWhereSchema: z.ZodType<DataGridStyleRuleWhere> =\n  z.lazy(() =>\n    z.union([\n      z.object({ not: DataGridStyleRuleWhereSchema }),\n      z.object({ and: z.array(DataGridStyleRuleWhereSchema) }),\n      z.object({ or: z.array(DataGridStyleRuleWhereSchema) }),\n      z.object({\n        equal: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        lessThan: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        lessThanOrEqual: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        greaterThan: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        greaterThanOrEqual: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        contains: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        startsWith: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        endsWith: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({ isNull: DataGridStyleRuleOperandSchema }),\n    ]),\n  );\n\n/**\n * Gradient coloring based on a continuous orderable column value.\n * Colors should be hex strings (#rrggbb).\n * Temporal range boundaries resolve to numbers before interpolation.\n * If the column value is missing or non-orderable, the colorRange is ignored.\n */\nexport const DataGridColorRangeSchema = z.object({\n  /** Disable this color range without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** Hex color (#rrggbb) at the maximum value. */\n  maxColor: z.string(),\n  /** The high end of the range. Values above this clamp to maxColor. */\n  maxValue: DataGridRangeLiteralSchema,\n  /** Hex color (#rrggbb) at the optional mid-point for a 3-stop gradient. */\n  midColor: z.string().optional(),\n  /** Optional inflection point between minValue and maxValue for a 3-stop gradient. */\n  midValue: DataGridRangeLiteralSchema.optional(),\n  /** Hex color (#rrggbb) at the minimum value. */\n  minColor: z.string(),\n  /** The low end of the range. Values below this clamp to minColor. */\n  minValue: DataGridRangeLiteralSchema,\n  /** The column whose orderable value drives the interpolation. */\n  onColumn: z.string(),\n}) satisfies z.ZodType<DataGridColorRange>;\n\n/** A disable-able static color value. */\nexport const DataGridDisableableColorSchema = z.object({\n  /** Disable this style without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** The CSS color value (e.g. '#fee2e2'). */\n  value: z.string(),\n}) satisfies z.ZodType<DataGridDisableableColor>;\n\n/** Visual properties that a style rule can apply to a cell or row. */\nexport const DataGridCellStyleSchema = z.object({\n  /** CSS background color / cell fill (e.g. '#fee2e2'). Matches the graph `Style.color`. */\n  color: DataGridDisableableColorSchema.optional(),\n  /** Gradient color interpolation applied to the cell fill. Matches the graph `Style.colorRange`. */\n  colorRange: DataGridColorRangeSchema.optional(),\n  /** CSS text color (e.g. '#991b1b'). Grid-only; no graph equivalent. */\n  textColor: DataGridDisableableColorSchema.optional(),\n  /** Gradient color interpolation applied to the text color. Grid-only; no graph equivalent. */\n  textColorRange: DataGridColorRangeSchema.optional(),\n}) satisfies z.ZodType<DataGridCellStyle>;\n\n/**\n * metaData is an free-form object that can be used to store additional information about a style rule.\n * The data is not taken into account when evaluating the rule.\n */\nconst metaDataSchema = z.record(z.string(), z.unknown());\n\n/** A single declarative rule that conditionally applies styles to DataGrid cells. */\nexport const DataGridStyleRuleSchema = z.object({\n  /** Style properties to apply when the rule matches. */\n  apply: DataGridCellStyleSchema,\n  /** Which column this rule targets. Set to null to apply styles to all columns (row-level effect). */\n  column: z.string().nullable(),\n  /** Disable this rule without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** Additional metadata about the rule. */\n  metaData: metaDataSchema.optional(),\n  /** Higher priority rules are applied later (override lower). Must be `>= 0`; negative values are reserved for internal use. Rules without explicit priority preserve their array order but are always applied before rules with explicit priority. */\n  priority: z.number().nonnegative().optional(),\n  /** Condition to evaluate. If omitted, rule always applies to matched column(s). */\n  where: DataGridStyleRuleWhereSchema.optional(),\n}) satisfies z.ZodType<DataGridStyleRule>;\n"]}