@neo4j-ndl/react 4.15.1 → 4.15.3

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

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_table_1 = require("@tanstack/react-table");
+const 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 = (0, react_table_1.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 = (0, react_table_1.useReactTable)({
+        columnResizeMode: 'onChange',
+        columns,
+        data,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        initialState: {
+            pagination: { pageSize: 10 },
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, isKeyboardNavigable: false, tableInstance: table, styleRules: styleRules, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+            } }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=datagrid-rule-based-styling-datetime.story.js.map

package/lib/cjs/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/cjs/data-grid/stories/index.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridCompactModeSource = exports.DataGridSimpleSource = exports.DataGridRuleBasedStylingSource = exports.DataGridCustomCellWithStyleRulesSource = exports.DataGridCustomCellWithStyleRules = exports.DataGridRuleBasedStyling = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = exports.DataGridCompactMode = void 0;
+exports.DataGridRuleBasedStylingDateTimeSource = exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridCompactModeSource = exports.DataGridSimpleSource = exports.DataGridRuleBasedStylingSource = exports.DataGridCustomCellWithStyleRulesSource = exports.DataGridRuleBasedStylingDateTime = exports.DataGridCustomCellWithStyleRules = exports.DataGridRuleBasedStyling = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = exports.DataGridCompactMode = void 0;
 var datagrid_compact_mode_story_1 = require("./datagrid-compact-mode.story");
 Object.defineProperty(exports, "DataGridCompactMode", { enumerable: true, get: function () { return __importDefault(datagrid_compact_mode_story_1).default; } });
 var datagrid_simple_story_1 = require("./datagrid-simple.story");
@@ -67,6 +67,8 @@ var datagrid_rule_based_styling_story_1 = require("./datagrid-rule-based-styling
 Object.defineProperty(exports, "DataGridRuleBasedStyling", { enumerable: true, get: function () { return __importDefault(datagrid_rule_based_styling_story_1).default; } });
 var datagrid_custom_cell_with_style_rules_story_1 = require("./datagrid-custom-cell-with-style-rules.story");
 Object.defineProperty(exports, "DataGridCustomCellWithStyleRules", { enumerable: true, get: function () { return __importDefault(datagrid_custom_cell_with_style_rules_story_1).default; } });
+var datagrid_rule_based_styling_datetime_story_1 = require("./datagrid-rule-based-styling-datetime.story");
+Object.defineProperty(exports, "DataGridRuleBasedStylingDateTime", { enumerable: true, get: function () { return __importDefault(datagrid_rule_based_styling_datetime_story_1).default; } });
 const export_stories_utils_1 = require("../../_common/export-stories-utils");
 const datagrid_column_filtering_story_raw_1 = __importDefault(require("./datagrid-column-filtering.story?raw"));
 const datagrid_compact_mode_story_raw_1 = __importDefault(require("./datagrid-compact-mode.story?raw"));
@@ -81,6 +83,7 @@ const datagrid_pinned_columns_stories_raw_1 = __importDefault(require("./datagri
 const datagrid_placeholder_states_story_raw_1 = __importDefault(require("./datagrid-placeholder-states.story?raw"));
 const datagrid_resizable_column_story_raw_1 = __importDefault(require("./datagrid-resizable-column.story?raw"));
 const datagrid_rule_based_styling_story_raw_1 = __importDefault(require("./datagrid-rule-based-styling.story?raw"));
+const datagrid_rule_based_styling_datetime_story_raw_1 = __importDefault(require("./datagrid-rule-based-styling-datetime.story?raw"));
 const datagrid_search_and_filters_stories_raw_1 = __importDefault(require("./datagrid-search-and-filters.stories?raw"));
 const datagrid_selectable_story_raw_1 = __importDefault(require("./datagrid-selectable.story?raw"));
 const datagrid_simple_story_raw_1 = __importDefault(require("./datagrid-simple.story?raw"));
@@ -110,4 +113,5 @@ exports.DataGridPinnedColumnsSource = (0, export_stories_utils_1.removeLicenseHe
 exports.DataGridNoPaginationTableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_no_pagination_table_story_raw_1.default);
 exports.DataGridSingleSelectableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_single_selectable_story_raw_1.default);
 exports.DataGridUsingEditableCellsSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_using_editable_cells_story_raw_1.default);
+exports.DataGridRuleBasedStylingDateTimeSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_rule_based_styling_datetime_story_raw_1.default);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.ts"],"names":[],"mappings":"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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"]}