@neo4j-ndl/react 4.15.1 → 4.15.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,aAAa,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAsC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { 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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,aAAa,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAsC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { 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 * from './style-rules';\n"]}

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

@@ -0,0 +1,284 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DataGrid } from '@neo4j-ndl/react';
+import { createColumnHelper, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+const data = [
+    // ── Past events (before start of 2026-06-25 in Stockholm / CEST) ──────────
+    {
+        event: 'Quarterly review',
+        // 09:00 Stockholm CEST = 07:00 UTC
+        scheduledDate: new Date('2026-06-10T09:00:00+02:00'),
+        scheduledTimeMs: 7 * 3600000,
+        localTimeDisplay: '09:00 CEST (+02:00)',
+        status: 'confirmed',
+    },
+    {
+        event: 'Security audit',
+        // 07:30 London BST (+01:00) = 06:30 UTC — before Stockholm opens
+        scheduledDate: new Date('2026-06-18T07:30:00+01:00'),
+        scheduledTimeMs: 6 * 3600000 + 30 * 60000,
+        localTimeDisplay: '07:30 BST (+01:00)',
+        status: 'delayed',
+    },
+    // ── Today (2026-06-25 in Stockholm / CEST) ─────────────────────────────────
+    {
+        event: 'Customer demo',
+        // 09:00 New York EDT (-04:00) = 13:00 UTC
+        scheduledDate: new Date('2026-06-25T09:00:00-04:00'),
+        scheduledTimeMs: 13 * 3600000,
+        localTimeDisplay: '09:00 EDT (-04:00)',
+        status: 'confirmed',
+    },
+    {
+        event: 'Platform migration',
+        // 22:00 Stockholm CEST (+02:00) = 20:00 UTC — after Stockholm closes
+        scheduledDate: new Date('2026-06-25T22:00:00+02:00'),
+        scheduledTimeMs: 20 * 3600000,
+        localTimeDisplay: '22:00 CEST (+02:00)',
+        status: 'confirmed',
+    },
+    // ── Near future (up to and including 2026-07-14 in Stockholm) ─────────────
+    {
+        event: 'Board presentation',
+        // 10:00 Singapore SGT (+08:00) = 02:00 UTC — before Stockholm opens
+        scheduledDate: new Date('2026-07-02T10:00:00+08:00'),
+        scheduledTimeMs: 2 * 3600000,
+        localTimeDisplay: '10:00 SGT (+08:00)',
+        status: 'confirmed',
+    },
+    {
+        event: 'Partner onboarding',
+        // 13:15 Paris CEST (+02:00) = 11:15 UTC
+        scheduledDate: new Date('2026-07-08T13:15:00+02:00'),
+        scheduledTimeMs: 11 * 3600000 + 15 * 60000,
+        localTimeDisplay: '13:15 CEST (+02:00)',
+        status: 'cancelled',
+    },
+    // ── Far future (after 2026-07-15T00:00 Stockholm / CEST = 2026-07-14T22:00Z)
+    {
+        event: 'Architecture summit',
+        // 08:00 Amsterdam CEST (+02:00) = 06:00 UTC.
+        // Although the calendar date is "July 15", 08:00 CEST is still within the
+        // same UTC day as July 14 22:00Z, so it crosses the far-future boundary.
+        scheduledDate: new Date('2026-07-15T08:00:00+02:00'),
+        scheduledTimeMs: 6 * 3600000,
+        localTimeDisplay: '08:00 CEST (+02:00)',
+        status: 'confirmed',
+    },
+    {
+        event: 'Annual conference',
+        // 09:00 San Francisco PDT (-07:00) = 16:00 UTC — after Stockholm closes
+        scheduledDate: new Date('2026-08-03T09:00:00-07:00'),
+        scheduledTimeMs: 16 * 3600000,
+        localTimeDisplay: '09:00 PDT (-07:00)',
+        status: 'confirmed',
+    },
+    {
+        event: 'Year-end planning',
+        // 09:00 Tokyo JST (+09:00) = 00:00 UTC — midnight, well before Stockholm opens
+        scheduledDate: new Date('2026-11-20T09:00:00+09:00'),
+        scheduledTimeMs: 0,
+        localTimeDisplay: '09:00 JST (+09:00)',
+        status: 'confirmed',
+    },
+];
+/**
+ * All date and time boundaries are anchored to Stockholm in June–July 2026.
+ * Date literals use RFC 9557 IANA bracket notation — the UTC offset is inferred
+ * from the named zone (CEST = +02:00 in this period); writing `+02:00` explicitly
+ * is optional. Time literals use UTC-offset notation.
+ *
+ * "Today" from a Stockholm perspective:
+ *   2026-06-25T00:00:00[Europe/Stockholm] = 2026-06-24T22:00:00Z
+ *   2026-06-26T00:00:00[Europe/Stockholm] = 2026-06-25T22:00:00Z
+ *
+ * "Far future" threshold:
+ *   2026-07-15T00:00:00[Europe/Stockholm] = 2026-07-14T22:00:00Z
+ *
+ * Business hours (Stockholm):
+ *   { time: '09:00:00+02:00' } resolves to 07:00 UTC (25 200 000 ms)
+ *   { time: '17:00:00+02:00' } resolves to 15:00 UTC (54 000 000 ms)
+ */
+const styleRules = [
+    // Past events — entire row in muted red
+    {
+        apply: {
+            color: { value: '#fee2e2' },
+            textColor: { value: '#7f1d1d' },
+        },
+        column: null,
+        priority: 1,
+        where: {
+            lessThan: [
+                { column: 'scheduledDate' },
+                { datetime: '2026-06-25T00:00:00[Europe/Stockholm]' },
+            ],
+        },
+    },
+    // Today (in Stockholm timezone) — entire row in amber
+    {
+        apply: {
+            color: { value: '#fef9c3' },
+            textColor: { value: '#713f12' },
+        },
+        column: null,
+        priority: 1,
+        where: {
+            and: [
+                {
+                    greaterThanOrEqual: [
+                        { column: 'scheduledDate' },
+                        { datetime: '2026-06-25T00:00:00[Europe/Stockholm]' },
+                    ],
+                },
+                {
+                    lessThan: [
+                        { column: 'scheduledDate' },
+                        { datetime: '2026-06-26T00:00:00[Europe/Stockholm]' },
+                    ],
+                },
+            ],
+        },
+    },
+    // Far future (after 2026-07-15 midnight Stockholm time) — entire row in green
+    {
+        apply: {
+            color: { value: '#dcfce7' },
+            textColor: { value: '#14532d' },
+        },
+        column: null,
+        priority: 1,
+        where: {
+            greaterThanOrEqual: [
+                { column: 'scheduledDate' },
+                { datetime: '2026-07-15T00:00:00[Europe/Stockholm]' },
+            ],
+        },
+    },
+    // Outside Stockholm business hours (before 09:00 CEST or from 17:00 CEST) —
+    // time cell in orange. The { time: "..." } literals carry an offset so the
+    // engine normalises them to UTC before comparing against scheduledTimeMs.
+    {
+        apply: {
+            color: { value: '#ffedd5' },
+            textColor: { value: '#7c2d12' },
+        },
+        column: 'scheduledTimeMs',
+        priority: 2,
+        where: {
+            or: [
+                {
+                    lessThan: [{ column: 'scheduledTimeMs' }, { time: '09:00:00+02:00' }],
+                },
+                {
+                    greaterThanOrEqual: [
+                        { column: 'scheduledTimeMs' },
+                        { time: '17:00:00+02:00' },
+                    ],
+                },
+            ],
+        },
+    },
+    // Cancelled events — all cells grayed out at highest priority
+    {
+        apply: {
+            color: { value: '#f3f4f6' },
+            textColor: { value: '#9ca3af' },
+        },
+        column: null,
+        priority: 5,
+        where: { equal: [{ column: 'status' }, 'cancelled'] },
+    },
+];
+const Component = () => {
+    const columnHelper = createColumnHelper();
+    const columns = [
+        columnHelper.accessor('event', {
+            cell: (info) => info.getValue(),
+            header: () => 'Event',
+            minSize: 180,
+            size: 220,
+        }),
+        columnHelper.accessor('scheduledDate', {
+            cell: (info) => info.getValue().toLocaleDateString('en-GB', {
+                day: 'numeric',
+                month: 'short',
+                timeZone: 'Europe/Stockholm',
+                year: 'numeric',
+            }),
+            header: () => 'Date (Stockholm)',
+            minSize: 150,
+            size: 170,
+        }),
+        columnHelper.accessor('localTimeDisplay', {
+            cell: (info) => info.getValue(),
+            header: () => 'Local time',
+            minSize: 160,
+            size: 180,
+        }),
+        columnHelper.accessor('scheduledTimeMs', {
+            cell: (info) => {
+                const ms = info.getValue();
+                const h = Math.floor(ms / 3600000)
+                    .toString()
+                    .padStart(2, '0');
+                const m = Math.floor((ms % 3600000) / 60000)
+                    .toString()
+                    .padStart(2, '0');
+                return `${h}:${m} UTC`;
+            },
+            header: () => 'Time (UTC)',
+            minSize: 110,
+            size: 130,
+        }),
+        columnHelper.accessor('status', {
+            cell: (info) => info.getValue(),
+            header: () => 'Status',
+            minSize: 100,
+            size: 120,
+        }),
+    ];
+    const table = useReactTable({
+        columnResizeMode: 'onChange',
+        columns,
+        data,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        initialState: {
+            pagination: { pageSize: 10 },
+        },
+    });
+    return (_jsx("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: _jsx(DataGrid, { isResizable: false, isKeyboardNavigable: false, tableInstance: table, styleRules: styleRules, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+            } }) }));
+};
+export default Component;
+//# sourceMappingURL=datagrid-rule-based-styling-datetime.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-rule-based-styling-datetime.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-rule-based-styling-datetime.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';\n\ntype EventRow = {\n  event: string;\n  /**\n   * JS Date coerced from the event's local ISO string. Natively converted to\n   * Unix ms by the engine and compared against { datetime: \"...\" } literals.\n   */\n  scheduledDate: Date;\n  /**\n   * UTC milliseconds since midnight. Compared against { time: \"...\" } literals\n   * that are defined in Stockholm / CEST (+02:00) time — the engine normalises\n   * both sides to UTC before comparing.\n   */\n  scheduledTimeMs: number;\n  /** Human-readable local time shown in the cell, e.g. \"09:00 CEST (+02:00)\". */\n  localTimeDisplay: string;\n  status: 'confirmed' | 'delayed' | 'cancelled';\n};\n\nconst data: EventRow[] = [\n  // ── Past events (before start of 2026-06-25 in Stockholm / CEST) ──────────\n  {\n    event: 'Quarterly review',\n    // 09:00 Stockholm CEST = 07:00 UTC\n    scheduledDate: new Date('2026-06-10T09:00:00+02:00'),\n    scheduledTimeMs: 7 * 3_600_000,\n    localTimeDisplay: '09:00 CEST (+02:00)',\n    status: 'confirmed',\n  },\n  {\n    event: 'Security audit',\n    // 07:30 London BST (+01:00) = 06:30 UTC — before Stockholm opens\n    scheduledDate: new Date('2026-06-18T07:30:00+01:00'),\n    scheduledTimeMs: 6 * 3_600_000 + 30 * 60_000,\n    localTimeDisplay: '07:30 BST (+01:00)',\n    status: 'delayed',\n  },\n  // ── Today (2026-06-25 in Stockholm / CEST) ─────────────────────────────────\n  {\n    event: 'Customer demo',\n    // 09:00 New York EDT (-04:00) = 13:00 UTC\n    scheduledDate: new Date('2026-06-25T09:00:00-04:00'),\n    scheduledTimeMs: 13 * 3_600_000,\n    localTimeDisplay: '09:00 EDT (-04:00)',\n    status: 'confirmed',\n  },\n  {\n    event: 'Platform migration',\n    // 22:00 Stockholm CEST (+02:00) = 20:00 UTC — after Stockholm closes\n    scheduledDate: new Date('2026-06-25T22:00:00+02:00'),\n    scheduledTimeMs: 20 * 3_600_000,\n    localTimeDisplay: '22:00 CEST (+02:00)',\n    status: 'confirmed',\n  },\n  // ── Near future (up to and including 2026-07-14 in Stockholm) ─────────────\n  {\n    event: 'Board presentation',\n    // 10:00 Singapore SGT (+08:00) = 02:00 UTC — before Stockholm opens\n    scheduledDate: new Date('2026-07-02T10:00:00+08:00'),\n    scheduledTimeMs: 2 * 3_600_000,\n    localTimeDisplay: '10:00 SGT (+08:00)',\n    status: 'confirmed',\n  },\n  {\n    event: 'Partner onboarding',\n    // 13:15 Paris CEST (+02:00) = 11:15 UTC\n    scheduledDate: new Date('2026-07-08T13:15:00+02:00'),\n    scheduledTimeMs: 11 * 3_600_000 + 15 * 60_000,\n    localTimeDisplay: '13:15 CEST (+02:00)',\n    status: 'cancelled',\n  },\n  // ── Far future (after 2026-07-15T00:00 Stockholm / CEST = 2026-07-14T22:00Z)\n  {\n    event: 'Architecture summit',\n    // 08:00 Amsterdam CEST (+02:00) = 06:00 UTC.\n    // Although the calendar date is \"July 15\", 08:00 CEST is still within the\n    // same UTC day as July 14 22:00Z, so it crosses the far-future boundary.\n    scheduledDate: new Date('2026-07-15T08:00:00+02:00'),\n    scheduledTimeMs: 6 * 3_600_000,\n    localTimeDisplay: '08:00 CEST (+02:00)',\n    status: 'confirmed',\n  },\n  {\n    event: 'Annual conference',\n    // 09:00 San Francisco PDT (-07:00) = 16:00 UTC — after Stockholm closes\n    scheduledDate: new Date('2026-08-03T09:00:00-07:00'),\n    scheduledTimeMs: 16 * 3_600_000,\n    localTimeDisplay: '09:00 PDT (-07:00)',\n    status: 'confirmed',\n  },\n  {\n    event: 'Year-end planning',\n    // 09:00 Tokyo JST (+09:00) = 00:00 UTC — midnight, well before Stockholm opens\n    scheduledDate: new Date('2026-11-20T09:00:00+09:00'),\n    scheduledTimeMs: 0,\n    localTimeDisplay: '09:00 JST (+09:00)',\n    status: 'confirmed',\n  },\n];\n\n/**\n * All date and time boundaries are anchored to Stockholm in June–July 2026.\n * Date literals use RFC 9557 IANA bracket notation — the UTC offset is inferred\n * from the named zone (CEST = +02:00 in this period); writing `+02:00` explicitly\n * is optional. Time literals use UTC-offset notation.\n *\n * \"Today\" from a Stockholm perspective:\n *   2026-06-25T00:00:00[Europe/Stockholm] = 2026-06-24T22:00:00Z\n *   2026-06-26T00:00:00[Europe/Stockholm] = 2026-06-25T22:00:00Z\n *\n * \"Far future\" threshold:\n *   2026-07-15T00:00:00[Europe/Stockholm] = 2026-07-14T22:00:00Z\n *\n * Business hours (Stockholm):\n *   { time: '09:00:00+02:00' } resolves to 07:00 UTC (25 200 000 ms)\n *   { time: '17:00:00+02:00' } resolves to 15:00 UTC (54 000 000 ms)\n */\nconst styleRules: DataGridStyleRule[] = [\n  // Past events — entire row in muted red\n  {\n    apply: {\n      color: { value: '#fee2e2' },\n      textColor: { value: '#7f1d1d' },\n    },\n    column: null,\n    priority: 1,\n    where: {\n      lessThan: [\n        { column: 'scheduledDate' },\n        { datetime: '2026-06-25T00:00:00[Europe/Stockholm]' },\n      ],\n    },\n  },\n  // Today (in Stockholm timezone) — entire row in amber\n  {\n    apply: {\n      color: { value: '#fef9c3' },\n      textColor: { value: '#713f12' },\n    },\n    column: null,\n    priority: 1,\n    where: {\n      and: [\n        {\n          greaterThanOrEqual: [\n            { column: 'scheduledDate' },\n            { datetime: '2026-06-25T00:00:00[Europe/Stockholm]' },\n          ],\n        },\n        {\n          lessThan: [\n            { column: 'scheduledDate' },\n            { datetime: '2026-06-26T00:00:00[Europe/Stockholm]' },\n          ],\n        },\n      ],\n    },\n  },\n  // Far future (after 2026-07-15 midnight Stockholm time) — entire row in green\n  {\n    apply: {\n      color: { value: '#dcfce7' },\n      textColor: { value: '#14532d' },\n    },\n    column: null,\n    priority: 1,\n    where: {\n      greaterThanOrEqual: [\n        { column: 'scheduledDate' },\n        { datetime: '2026-07-15T00:00:00[Europe/Stockholm]' },\n      ],\n    },\n  },\n  // Outside Stockholm business hours (before 09:00 CEST or from 17:00 CEST) —\n  // time cell in orange. The { time: \"...\" } literals carry an offset so the\n  // engine normalises them to UTC before comparing against scheduledTimeMs.\n  {\n    apply: {\n      color: { value: '#ffedd5' },\n      textColor: { value: '#7c2d12' },\n    },\n    column: 'scheduledTimeMs',\n    priority: 2,\n    where: {\n      or: [\n        {\n          lessThan: [{ column: 'scheduledTimeMs' }, { time: '09:00:00+02:00' }],\n        },\n        {\n          greaterThanOrEqual: [\n            { column: 'scheduledTimeMs' },\n            { time: '17:00:00+02:00' },\n          ],\n        },\n      ],\n    },\n  },\n  // Cancelled events — all cells grayed out at highest priority\n  {\n    apply: {\n      color: { value: '#f3f4f6' },\n      textColor: { value: '#9ca3af' },\n    },\n    column: null,\n    priority: 5,\n    where: { equal: [{ column: 'status' }, 'cancelled'] },\n  },\n];\n\nconst Component = () => {\n  const columnHelper = createColumnHelper<EventRow>();\n\n  const columns = [\n    columnHelper.accessor('event', {\n      cell: (info) => info.getValue(),\n      header: () => 'Event',\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('scheduledDate', {\n      cell: (info) =>\n        info.getValue().toLocaleDateString('en-GB', {\n          day: 'numeric',\n          month: 'short',\n          timeZone: 'Europe/Stockholm',\n          year: 'numeric',\n        }),\n      header: () => 'Date (Stockholm)',\n      minSize: 150,\n      size: 170,\n    }),\n    columnHelper.accessor('localTimeDisplay', {\n      cell: (info) => info.getValue(),\n      header: () => 'Local time',\n      minSize: 160,\n      size: 180,\n    }),\n    columnHelper.accessor('scheduledTimeMs', {\n      cell: (info) => {\n        const ms = info.getValue();\n        const h = Math.floor(ms / 3_600_000)\n          .toString()\n          .padStart(2, '0');\n        const m = Math.floor((ms % 3_600_000) / 60_000)\n          .toString()\n          .padStart(2, '0');\n        return `${h}:${m} UTC`;\n      },\n      header: () => 'Time (UTC)',\n      minSize: 110,\n      size: 130,\n    }),\n    columnHelper.accessor('status', {\n      cell: (info) => info.getValue(),\n      header: () => 'Status',\n      minSize: 100,\n      size: 120,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    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: { pageSize: 10 },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isResizable={false}\n        isKeyboardNavigable={false}\n        tableInstance={table}\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/esm/data-grid/stories/index.js

@@ -38,6 +38,7 @@ export { default as DataGridSingleSelectable } from './datagrid-single-selectabl
 export { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';
 export { default as DataGridRuleBasedStyling } from './datagrid-rule-based-styling.story';
 export { default as DataGridCustomCellWithStyleRules } from './datagrid-custom-cell-with-style-rules.story';
+export { default as DataGridRuleBasedStylingDateTime } from './datagrid-rule-based-styling-datetime.story';
 import { removeLicenseHeader } from '../../_common/export-stories-utils';
 import DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';
 import DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';
@@ -52,6 +53,7 @@ import DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?ra
 import DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';
 import DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';
 import DataGridRuleBasedStylingSourceRaw from './datagrid-rule-based-styling.story?raw';
+import DataGridRuleBasedStylingDateTimeSourceRaw from './datagrid-rule-based-styling-datetime.story?raw';
 import DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';
 import DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';
 import DataGridSimpleSourceRaw from './datagrid-simple.story?raw';
@@ -81,4 +83,5 @@ export const DataGridPinnedColumnsSource = removeLicenseHeader(DataGridPinnedCol
 export const DataGridNoPaginationTableSource = removeLicenseHeader(DataGridNoPaginationTableRaw);
 export const DataGridSingleSelectableSource = removeLicenseHeader(DataGridSingleSelectableSourceRaw);
 export const DataGridUsingEditableCellsSource = removeLicenseHeader(DataGridUsingEditableCellsSourceRaw);
+export const DataGridRuleBasedStylingDateTimeSource = removeLicenseHeader(DataGridRuleBasedStylingDateTimeSourceRaw);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"]}
+{"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';\nexport { default as DataGridRuleBasedStylingDateTime } from './datagrid-rule-based-styling-datetime.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 DataGridRuleBasedStylingDateTimeSourceRaw from './datagrid-rule-based-styling-datetime.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);\nexport const DataGridRuleBasedStylingDateTimeSource = removeLicenseHeader(\n  DataGridRuleBasedStylingDateTimeSourceRaw,\n);\n"]}

package/lib/esm/data-grid/style-rules/evaluate.js

@@ -19,18 +19,8 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { color, rgbToHex, validHex } from '@uiw/react-color';
-// --- Color interpolation (duplicated from react-graph to avoid cross-package coupling) ---
-function getWeight(startValue, endValue, value) {
-    return (value - startValue) / (endValue - startValue);
-}
-function lerpColor(startColor, endColor, weight) {
-    return {
-        b: Math.round(startColor.b * (1 - weight) + endColor.b * weight),
-        g: Math.round(startColor.g * (1 - weight) + endColor.g * weight),
-        r: Math.round(startColor.r * (1 - weight) + endColor.r * weight),
-    };
-}
-function getInterpolatedColor(colorRange, rowData) {
+import { getWeight, lerpColor, parseDateString, parseTimeString, } from '../../_generated/style-rules';
+function getInterpolatedColor(colorRange, rowData, converters) {
     const { onColumn, minValue, minColor, maxValue, maxColor, midValue, midColor, } = colorRange;
     if (!validHex(minColor) || !validHex(maxColor)) {
         return null;
@@ -48,10 +38,31 @@ function getInterpolatedColor(colorRange, rowData) {
         midRgb = color(midColor).rgb;
     }
     const rawValue = rowData[onColumn];
-    if (typeof rawValue !== 'number') {
+    let numericValue = null;
+    if (typeof rawValue === 'number') {
+        numericValue = Number.isFinite(rawValue) ? rawValue : null;
+    }
+    else if (typeof rawValue === 'bigint') {
+        const n = Number(rawValue);
+        numericValue = Number.isFinite(n) ? n : null;
+    }
+    else if (rawValue instanceof Date) {
+        const ts = rawValue.getTime();
+        numericValue = Number.isFinite(ts) ? ts : null;
+    }
+    else {
+        const converter = converters === null || converters === void 0 ? void 0 : converters[onColumn];
+        if (converter !== undefined) {
+            const converted = converter(rawValue);
+            if (typeof converted === 'number') {
+                numericValue = Number.isFinite(converted) ? converted : null;
+            }
+        }
+    }
+    if (numericValue === null) {
         return null;
     }
-    const clampedValue = Math.max(actualMinValue, Math.min(actualMaxValue, rawValue));
+    const clampedValue = Math.max(actualMinValue, Math.min(actualMaxValue, numericValue));
     let rgb;
     if (midRgb !== undefined && midValue !== undefined) {
         const t = getWeight(minValue, midValue, clampedValue);
@@ -70,7 +81,7 @@ function getInterpolatedColor(colorRange, rowData) {
     }
     return rgbToHex(rgb);
 }
-function resolveValue(value, rowData) {
+function resolveValue(value, rowData, converters) {
     if (typeof value === 'object' && value !== null && 'column' in value) {
         const cellVal = rowData[value.column];
         if (cellVal === undefined) {
@@ -81,21 +92,38 @@ function resolveValue(value, rowData) {
             typeof cellVal === 'boolean') {
             return cellVal;
         }
+        if (typeof cellVal === 'bigint') {
+            return Number(cellVal);
+        }
+        if (cellVal instanceof Date) {
+            const ts = cellVal.getTime();
+            return isNaN(ts) ? null : ts;
+        }
+        const converter = converters === null || converters === void 0 ? void 0 : converters[value.column];
+        if (converter !== undefined) {
+            return converter(cellVal);
+        }
         return null;
     }
+    if (typeof value === 'object' && value !== null && 'datetime' in value) {
+        return parseDateString(value.datetime);
+    }
+    if (typeof value === 'object' && value !== null && 'time' in value) {
+        return parseTimeString(value.time);
+    }
     return value;
 }
-function safeCompare(left, right, rowData, compareFn) {
-    const leftVal = resolveValue(left, rowData);
-    const rightVal = resolveValue(right, rowData);
+function safeCompare(left, right, rowData, compareFn, converters) {
+    const leftVal = resolveValue(left, rowData, converters);
+    const rightVal = resolveValue(right, rowData, converters);
     if (leftVal === null || rightVal === null) {
         return null;
     }
     return compareFn(leftVal, rightVal);
 }
-function safeStringCompare(left, right, rowData, compareFn) {
-    const leftVal = resolveValue(left, rowData);
-    const rightVal = resolveValue(right, rowData);
+function safeStringCompare(left, right, rowData, compareFn, converters) {
+    const leftVal = resolveValue(left, rowData, converters);
+    const rightVal = resolveValue(right, rowData, converters);
     if (leftVal === null ||
         rightVal === null ||
         typeof leftVal !== 'string' ||
@@ -104,52 +132,52 @@ function safeStringCompare(left, right, rowData, compareFn) {
     }
     return compareFn(leftVal, rightVal);
 }
-function evaluateWhere(rowData, where) {
+function evaluateWhere(rowData, where, converters) {
     if (!where) {
         return true;
     }
     if ('equal' in where) {
         const [left, right] = where.equal;
-        const leftVal = resolveValue(left, rowData);
-        const rightVal = resolveValue(right, rowData);
+        const leftVal = resolveValue(left, rowData, converters);
+        const rightVal = resolveValue(right, rowData, converters);
         if (leftVal === null || rightVal === null) {
             return null;
         }
         return leftVal === rightVal;
     }
     if ('not' in where) {
-        const isMatch = evaluateWhere(rowData, where.not);
+        const isMatch = evaluateWhere(rowData, where.not, converters);
         return isMatch === null ? null : !isMatch;
     }
     if ('lessThan' in where) {
-        return safeCompare(where.lessThan[0], where.lessThan[1], rowData, (a, b) => a < b);
+        return safeCompare(where.lessThan[0], where.lessThan[1], rowData, (a, b) => a < b, converters);
     }
     if ('lessThanOrEqual' in where) {
-        return safeCompare(where.lessThanOrEqual[0], where.lessThanOrEqual[1], rowData, (a, b) => a <= b);
+        return safeCompare(where.lessThanOrEqual[0], where.lessThanOrEqual[1], rowData, (a, b) => a <= b, converters);
     }
     if ('greaterThan' in where) {
-        return safeCompare(where.greaterThan[0], where.greaterThan[1], rowData, (a, b) => a > b);
+        return safeCompare(where.greaterThan[0], where.greaterThan[1], rowData, (a, b) => a > b, converters);
     }
     if ('greaterThanOrEqual' in where) {
-        return safeCompare(where.greaterThanOrEqual[0], where.greaterThanOrEqual[1], rowData, (a, b) => a >= b);
+        return safeCompare(where.greaterThanOrEqual[0], where.greaterThanOrEqual[1], rowData, (a, b) => a >= b, converters);
     }
     if ('contains' in where) {
-        return safeStringCompare(where.contains[0], where.contains[1], rowData, (a, b) => a.includes(b));
+        return safeStringCompare(where.contains[0], where.contains[1], rowData, (a, b) => a.includes(b), converters);
     }
     if ('startsWith' in where) {
-        return safeStringCompare(where.startsWith[0], where.startsWith[1], rowData, (a, b) => a.startsWith(b));
+        return safeStringCompare(where.startsWith[0], where.startsWith[1], rowData, (a, b) => a.startsWith(b), converters);
     }
     if ('endsWith' in where) {
-        return safeStringCompare(where.endsWith[0], where.endsWith[1], rowData, (a, b) => a.endsWith(b));
+        return safeStringCompare(where.endsWith[0], where.endsWith[1], rowData, (a, b) => a.endsWith(b), converters);
     }
     if ('isNull' in where) {
-        const value = resolveValue(where.isNull, rowData);
+        const value = resolveValue(where.isNull, rowData, converters);
         return value === null;
     }
     if ('and' in where) {
         let hasNull = false;
         for (const clause of where.and) {
-            const isMatch = evaluateWhere(rowData, clause);
+            const isMatch = evaluateWhere(rowData, clause, converters);
             if (isMatch === false) {
                 return false;
             }
@@ -162,7 +190,7 @@ function evaluateWhere(rowData, where) {
     if ('or' in where) {
         let hasNull = false;
         for (const clause of where.or) {
-            const isMatch = evaluateWhere(rowData, clause);
+            const isMatch = evaluateWhere(rowData, clause, converters);
             if (isMatch === true) {
                 return true;
             }
@@ -175,7 +203,7 @@ function evaluateWhere(rowData, where) {
     return false;
 }
 // --- Style resolution ---
-function resolveAppliedStyle(apply, rowData) {
+function resolveAppliedStyle(apply, rowData, converters) {
     const result = {};
     let hasStyle = false;
     if (apply.color && !apply.color.isDisabled) {
@@ -187,14 +215,14 @@ function resolveAppliedStyle(apply, rowData) {
         hasStyle = true;
     }
     if (apply.colorRange && !apply.colorRange.isDisabled) {
-        const interpolated = getInterpolatedColor(apply.colorRange, rowData);
+        const interpolated = getInterpolatedColor(apply.colorRange, rowData, converters);
         if (interpolated !== null) {
             result.backgroundColor = interpolated;
             hasStyle = true;
         }
     }
     if (apply.textColorRange && !apply.textColorRange.isDisabled) {
-        const interpolated = getInterpolatedColor(apply.textColorRange, rowData);
+        const interpolated = getInterpolatedColor(apply.textColorRange, rowData, converters);
         if (interpolated !== null) {
             result.color = interpolated;
             hasStyle = true;
@@ -208,7 +236,7 @@ function resolveAppliedStyle(apply, rowData) {
  *
  * Used internally by hooks, but exported for context-free usage.
  */
-export function computeDataGridRowStyles(rules, rowData) {
+export function computeDataGridRowStyles(rules, rowData, converters) {
     const enabledRules = rules.filter((r) => !r.isDisabled);
     const totalRules = enabledRules.length;
     const sortedRules = enabledRules
@@ -227,11 +255,11 @@ export function computeDataGridRowStyles(rules, rowData) {
     });
     const cellPriorityMap = {};
     for (const rule of sortedRules) {
-        const isMatching = evaluateWhere(rowData, rule.where) === true;
+        const isMatching = evaluateWhere(rowData, rule.where, converters) === true;
         if (!isMatching) {
             continue;
         }
-        const style = resolveAppliedStyle(rule.apply, rowData);
+        const style = resolveAppliedStyle(rule.apply, rowData, converters);
         if (!style) {
             continue;
         }
@@ -271,9 +299,10 @@ export function computeDataGridRowStyles(rules, rowData) {
  * @param rules - Array of style rules to evaluate
  * @param rowData - The row's data as a record (column id -> value)
  * @param columnId - Returns the computed style for this specific cell.
+ * @param converters - Optional per-column value converters for complex cell types.
  */
-export function evaluateDataGridStyleRules(rules, rowData, columnId) {
-    const { cellStyles } = computeDataGridRowStyles(rules, rowData);
+export function evaluateDataGridStyleRules(rules, rowData, columnId, converters) {
+    const { cellStyles } = computeDataGridRowStyles(rules, rowData, converters);
     return cellStyles[columnId];
 }
 //# sourceMappingURL=evaluate.js.map