@neo4j-ndl/react 4.14.1 → 4.14.3

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

@@ -0,0 +1,24 @@
+/**
+ *
+ *  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/>.
+ */
+export { evaluateDataGridStyleRules } from './evaluate';
+export { useDataGridCellStyle } from './hooks';
+export { DataGridCellStyleSchema, DataGridColorRangeSchema, DataGridColumnRefSchema, DataGridDisableableColorSchema, DataGridStyleRuleLiteralSchema, DataGridStyleRuleOperandSchema, DataGridStyleRuleSchema, DataGridStyleRuleWhereSchema, } from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,GAC7B,MAAM,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { evaluateDataGridStyleRules } from './evaluate';\nexport { useDataGridCellStyle } from './hooks';\nexport {\n  DataGridCellStyleSchema,\n  DataGridColorRangeSchema,\n  DataGridColumnRefSchema,\n  DataGridDisableableColorSchema,\n  DataGridStyleRuleLiteralSchema,\n  DataGridStyleRuleOperandSchema,\n  DataGridStyleRuleSchema,\n  DataGridStyleRuleWhereSchema,\n} from './types';\nexport type {\n  DataGridCellStyle,\n  DataGridColorRange,\n  DataGridColumnRef,\n  DataGridDisableableColor,\n  DataGridStyleRuleLiteral,\n  DataGridStyleRuleOperand,\n  DataGridStyleRule,\n  DataGridStyleRuleWhere,\n} from './types';\n"]}

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

@@ -0,0 +1,155 @@
+/**
+ *
+ *  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 { z } from 'zod';
+/*
+ * Style types defined in Zod, so that we can use the schemas to generate JSON Schema.
+ * This is useful for generating documentation, importing and for future integration into editors.
+ */
+/** A scalar literal that can appear as an operand in a style-rule where clause. */
+export const DataGridStyleRuleLiteralSchema = z.union([
+    z.string(),
+    z.number(),
+    z.boolean(),
+    z.null(),
+]);
+/** A reference to a column whose cell value is resolved at evaluation time. */
+export const DataGridColumnRefSchema = z.object({ column: z.string() });
+/** An operand in a style-rule where clause -- either a literal value or a column reference. */
+export const DataGridStyleRuleOperandSchema = z.union([
+    DataGridColumnRefSchema,
+    DataGridStyleRuleLiteralSchema,
+]);
+export const DataGridStyleRuleWhereSchema = z.lazy(() => z.union([
+    z.object({ not: DataGridStyleRuleWhereSchema }),
+    z.object({ and: z.array(DataGridStyleRuleWhereSchema) }),
+    z.object({ or: z.array(DataGridStyleRuleWhereSchema) }),
+    z.object({
+        equal: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        lessThan: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        lessThanOrEqual: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        greaterThan: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        greaterThanOrEqual: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        contains: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        startsWith: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({
+        endsWith: z.tuple([
+            DataGridStyleRuleOperandSchema,
+            DataGridStyleRuleOperandSchema,
+        ]),
+    }),
+    z.object({ isNull: DataGridStyleRuleOperandSchema }),
+]));
+/**
+ * Gradient coloring based on a continuous numeric column value.
+ * Colors should be hex strings (#rrggbb).
+ * If the column value is missing or non-numeric, the colorRange is ignored.
+ */
+export const DataGridColorRangeSchema = z.object({
+    /** Disable this color range without removing it. */
+    isDisabled: z.boolean().optional(),
+    /** Hex color (#rrggbb) at the maximum value. */
+    maxColor: z.string(),
+    /** The high end of the numeric range. Values above this clamp to maxColor. */
+    maxValue: z.number(),
+    /** Hex color (#rrggbb) at the optional mid-point for a 3-stop gradient. */
+    midColor: z.string().optional(),
+    /** Optional inflection point between minValue and maxValue for a 3-stop gradient. */
+    midValue: z.number().optional(),
+    /** Hex color (#rrggbb) at the minimum value. */
+    minColor: z.string(),
+    /** The low end of the numeric range. Values below this clamp to minColor. */
+    minValue: z.number(),
+    /** The column whose numeric value drives the interpolation. */
+    onColumn: z.string(),
+});
+/** A disable-able static color value. */
+export const DataGridDisableableColorSchema = z.object({
+    /** Disable this style without removing it. */
+    isDisabled: z.boolean().optional(),
+    /** The CSS color value (e.g. '#fee2e2'). */
+    value: z.string(),
+});
+/** Visual properties that a style rule can apply to a cell or row. */
+export const DataGridCellStyleSchema = z.object({
+    /** CSS background color / cell fill (e.g. '#fee2e2'). Matches the graph `Style.color`. */
+    color: DataGridDisableableColorSchema.optional(),
+    /** Gradient color interpolation applied to the cell fill. Matches the graph `Style.colorRange`. */
+    colorRange: DataGridColorRangeSchema.optional(),
+    /** CSS text color (e.g. '#991b1b'). Grid-only; no graph equivalent. */
+    textColor: DataGridDisableableColorSchema.optional(),
+    /** Gradient color interpolation applied to the text color. Grid-only; no graph equivalent. */
+    textColorRange: DataGridColorRangeSchema.optional(),
+});
+/**
+ * metaData is an free-form object that can be used to store additional information about a style rule.
+ * The data is not taken into account when evaluating the rule.
+ */
+const metaDataSchema = z.record(z.string(), z.unknown());
+/** A single declarative rule that conditionally applies styles to DataGrid cells. */
+export const DataGridStyleRuleSchema = z.object({
+    /** Style properties to apply when the rule matches. */
+    apply: DataGridCellStyleSchema,
+    /** Which column this rule targets. Set to null to apply styles to all columns (row-level effect). */
+    column: z.string().nullable(),
+    /** Disable this rule without removing it. */
+    isDisabled: z.boolean().optional(),
+    /** Additional metadata about the rule. */
+    metaData: metaDataSchema.optional(),
+    /** Higher priority rules are applied later (override lower). Must be >= 0; negative values are reserved for internal use. Rules without explicit priority preserve their array order but are always applied before rules with explicit priority. */
+    priority: z.number().nonnegative().optional(),
+    /** Condition to evaluate. If omitted, rule always applies to matched column(s). */
+    where: DataGridStyleRuleWhereSchema.optional(),
+});
+//# sourceMappingURL=types.js.map

package/lib/esm/data-grid/style-rules/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;GAGG;AAEH,mFAAmF;AACnF,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,KAAK,CAAC;IACpD,CAAC,CAAC,MAAM,EAAE;IACV,CAAC,CAAC,MAAM,EAAE;IACV,CAAC,CAAC,OAAO,EAAE;IACX,CAAC,CAAC,IAAI,EAAE;CACT,CAAC,CAAC;AAKH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAGxE,+FAA+F;AAC/F,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,KAAK,CAAC;IACpD,uBAAuB;IACvB,8BAA8B;CAC/B,CAAC,CAAC;AA0BH,MAAM,CAAC,MAAM,4BAA4B,GACvC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,CAAC;IACN,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,4BAA4B,EAAE,CAAC;IAC/C,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACxD,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACvD,CAAC,CAAC,MAAM,CAAC;QACP,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;YACb,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;YAChB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC;YACvB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC;YACnB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC;YAC1B,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;YAChB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;YAClB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC;QACP,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;YAChB,8BAA8B;YAC9B,8BAA8B;SAC/B,CAAC;KACH,CAAC;IACF,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,8BAA8B,EAAE,CAAC;CACrD,CAAC,CACH,CAAC;AAEJ;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC/C,oDAAoD;IACpD,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAClC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;IACpB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;IACpB,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC/B,qFAAqF;IACrF,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC/B,gDAAgD;IAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;IACpB,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;CACrB,CAAC,CAAC;AAGH,yCAAyC;AACzC,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,MAAM,CAAC;IACrD,8CAA8C;IAC9C,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAClC,4CAA4C;IAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;CAClB,CAAC,CAAC;AAKH,sEAAsE;AACtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC9C,0FAA0F;IAC1F,KAAK,EAAE,8BAA8B,CAAC,QAAQ,EAAE;IAChD,mGAAmG;IACnG,UAAU,EAAE,wBAAwB,CAAC,QAAQ,EAAE;IAC/C,uEAAuE;IACvE,SAAS,EAAE,8BAA8B,CAAC,QAAQ,EAAE;IACpD,8FAA8F;IAC9F,cAAc,EAAE,wBAAwB,CAAC,QAAQ,EAAE;CACpD,CAAC,CAAC;AAGH;;;GAGG;AACH,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AAEzD,qFAAqF;AACrF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC9C,uDAAuD;IACvD,KAAK,EAAE,uBAAuB;IAC9B,qGAAqG;IACrG,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC7B,6CAA6C;IAC7C,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAClC,0CAA0C;IAC1C,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE;IACnC,oPAAoP;IACpP,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE;IAC7C,mFAAmF;IACnF,KAAK,EAAE,4BAA4B,CAAC,QAAQ,EAAE;CAC/C,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { z } from 'zod';\n\n/*\n * Style types defined in Zod, so that we can use the schemas to generate JSON Schema.\n * This is useful for generating documentation, importing and for future integration into editors.\n */\n\n/** A scalar literal that can appear as an operand in a style-rule where clause. */\nexport const DataGridStyleRuleLiteralSchema = z.union([\n  z.string(),\n  z.number(),\n  z.boolean(),\n  z.null(),\n]);\nexport type DataGridStyleRuleLiteral = z.infer<\n  typeof DataGridStyleRuleLiteralSchema\n>;\n\n/** A reference to a column whose cell value is resolved at evaluation time. */\nexport const DataGridColumnRefSchema = z.object({ column: z.string() });\nexport type DataGridColumnRef = z.infer<typeof DataGridColumnRefSchema>;\n\n/** An operand in a style-rule where clause -- either a literal value or a column reference. */\nexport const DataGridStyleRuleOperandSchema = z.union([\n  DataGridColumnRefSchema,\n  DataGridStyleRuleLiteralSchema,\n]);\nexport type DataGridStyleRuleOperand = z.infer<\n  typeof DataGridStyleRuleOperandSchema\n>;\n\n/**\n * Recursive WHERE clause for conditional expressions.\n * Inspired by the graph visualization style rule system but adapted for tabular data.\n *\n * The type is manually defined for the export, since zod doesn't support\n * exporting inferred recursive types.\n */\nexport type DataGridStyleRuleWhere =\n  | { not: DataGridStyleRuleWhere }\n  | { and: DataGridStyleRuleWhere[] }\n  | { or: DataGridStyleRuleWhere[] }\n  | { equal: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { lessThan: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { lessThanOrEqual: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { greaterThan: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { greaterThanOrEqual: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { contains: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { startsWith: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { endsWith: [DataGridStyleRuleOperand, DataGridStyleRuleOperand] }\n  | { isNull: DataGridStyleRuleOperand };\n\nexport const DataGridStyleRuleWhereSchema: z.ZodType<DataGridStyleRuleWhere> =\n  z.lazy(() =>\n    z.union([\n      z.object({ not: DataGridStyleRuleWhereSchema }),\n      z.object({ and: z.array(DataGridStyleRuleWhereSchema) }),\n      z.object({ or: z.array(DataGridStyleRuleWhereSchema) }),\n      z.object({\n        equal: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        lessThan: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        lessThanOrEqual: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        greaterThan: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        greaterThanOrEqual: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        contains: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        startsWith: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({\n        endsWith: z.tuple([\n          DataGridStyleRuleOperandSchema,\n          DataGridStyleRuleOperandSchema,\n        ]),\n      }),\n      z.object({ isNull: DataGridStyleRuleOperandSchema }),\n    ]),\n  );\n\n/**\n * Gradient coloring based on a continuous numeric column value.\n * Colors should be hex strings (#rrggbb).\n * If the column value is missing or non-numeric, the colorRange is ignored.\n */\nexport const DataGridColorRangeSchema = z.object({\n  /** Disable this color range without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** Hex color (#rrggbb) at the maximum value. */\n  maxColor: z.string(),\n  /** The high end of the numeric range. Values above this clamp to maxColor. */\n  maxValue: z.number(),\n  /** Hex color (#rrggbb) at the optional mid-point for a 3-stop gradient. */\n  midColor: z.string().optional(),\n  /** Optional inflection point between minValue and maxValue for a 3-stop gradient. */\n  midValue: z.number().optional(),\n  /** Hex color (#rrggbb) at the minimum value. */\n  minColor: z.string(),\n  /** The low end of the numeric range. Values below this clamp to minColor. */\n  minValue: z.number(),\n  /** The column whose numeric value drives the interpolation. */\n  onColumn: z.string(),\n});\nexport type DataGridColorRange = z.infer<typeof DataGridColorRangeSchema>;\n\n/** A disable-able static color value. */\nexport const DataGridDisableableColorSchema = z.object({\n  /** Disable this style without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** The CSS color value (e.g. '#fee2e2'). */\n  value: z.string(),\n});\nexport type DataGridDisableableColor = z.infer<\n  typeof DataGridDisableableColorSchema\n>;\n\n/** Visual properties that a style rule can apply to a cell or row. */\nexport const DataGridCellStyleSchema = z.object({\n  /** CSS background color / cell fill (e.g. '#fee2e2'). Matches the graph `Style.color`. */\n  color: DataGridDisableableColorSchema.optional(),\n  /** Gradient color interpolation applied to the cell fill. Matches the graph `Style.colorRange`. */\n  colorRange: DataGridColorRangeSchema.optional(),\n  /** CSS text color (e.g. '#991b1b'). Grid-only; no graph equivalent. */\n  textColor: DataGridDisableableColorSchema.optional(),\n  /** Gradient color interpolation applied to the text color. Grid-only; no graph equivalent. */\n  textColorRange: DataGridColorRangeSchema.optional(),\n});\nexport type DataGridCellStyle = z.infer<typeof DataGridCellStyleSchema>;\n\n/**\n * metaData is an free-form object that can be used to store additional information about a style rule.\n * The data is not taken into account when evaluating the rule.\n */\nconst metaDataSchema = z.record(z.string(), z.unknown());\n\n/** A single declarative rule that conditionally applies styles to DataGrid cells. */\nexport const DataGridStyleRuleSchema = z.object({\n  /** Style properties to apply when the rule matches. */\n  apply: DataGridCellStyleSchema,\n  /** Which column this rule targets. Set to null to apply styles to all columns (row-level effect). */\n  column: z.string().nullable(),\n  /** Disable this rule without removing it. */\n  isDisabled: z.boolean().optional(),\n  /** Additional metadata about the rule. */\n  metaData: metaDataSchema.optional(),\n  /** Higher priority rules are applied later (override lower). Must be >= 0; negative values are reserved for internal use. Rules without explicit priority preserve their array order but are always applied before rules with explicit priority. */\n  priority: z.number().nonnegative().optional(),\n  /** Condition to evaluate. If omitted, rule always applies to matched column(s). */\n  where: DataGridStyleRuleWhereSchema.optional(),\n});\nexport type DataGridStyleRule = z.infer<typeof DataGridStyleRuleSchema>;\n"]}

package/lib/esm/graph-label/GraphLabel.js

@@ -46,17 +46,14 @@ const HexagonEnd = ({ direction = 'left', color, htmlAttributes, height = 24, })
         'ndl-left': direction === 'left',
         'ndl-right': direction === 'right',
     });
-    return (_jsxs("div", Object.assign({ className: classes }, htmlAttributes, { children: [_jsx("svg", { "aria-hidden": true, className: "ndl-hexagon-end-inner", fill: "none", height: height, preserveAspectRatio: "none", viewBox: "0 0 9 24", width: "9", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) }), _jsx("svg", { "aria-hidden": true, className: "ndl-hexagon-end-active", fill: "none", height: height + 6, preserveAspectRatio: "none", viewBox: "0 0 13 30", width: "13", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) })] })));
+    return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: _jsx("svg", { "aria-hidden": true, className: "ndl-hexagon-end-inner", fill: "none", height: height, preserveAspectRatio: "none", viewBox: "0 0 9 24", width: "9", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) }) })));
 };
-const SquareEnd = ({ direction = 'left', color, height = 24, htmlAttributes, }) => {
+const SquareEnd = ({ direction = 'left', color, htmlAttributes, }) => {
     const classes = classNames('ndl-square-end', {
         'ndl-left': direction === 'left',
         'ndl-right': direction === 'right',
     });
-    return (_jsxs("div", Object.assign({ className: classes }, htmlAttributes, { children: [_jsx("div", { className: "ndl-square-end-inner", style: { backgroundColor: color } }), _jsx("svg", { className: "ndl-square-end-active", width: "7", height: height + 6, preserveAspectRatio: "none", viewBox: "0 0 7 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 3.8774 2 C 3.2697 2 2.7917 2.248 2.3967 2.6605 C 1.928 3.1498 1.7993 3.8555 1.7993 4.5331 V 13.8775 V 25.4669 C 1.7993 26.1445 1.928 26.8502 2.3967 27.3395 C 2.7917 27.752 3.2697 28 3.8774 28 H 7 V 30 H 3.8774 C 2.6211 30 1.4369 29.4282 0.5895 28.4485 C 0.1462 27.936 0.0002 27.2467 0.0002 26.5691 L -0.0002 13.8775 L 0.0002 3.4309 C 0.0002 2.7533 0.1462 2.064 0.5895 1.5515 C 1.4368 0.5718 2.6211 0 3.8774 0 H 7 V 2 H 3.8774 Z" }) })] })));
-};
-const HorizontalLines = ({ height = 24 }) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height + 6, preserveAspectRatio: "none", viewBox: "0 0 37 30", fill: "none", className: "ndl-relationship-label-lines", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 37 2 H 0 V 0 H 37 V 2 Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 37 30 H 0 V 28 H 37 V 30 Z" })] }));
+    return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: _jsx("div", { className: "ndl-square-end-inner", style: { backgroundColor: color } }) })));
 };
 /**
  *
@@ -138,15 +135,19 @@ export const GraphLabel = (_a) => {
         type === 'relationshipRight') {
         const classes = classNames('ndl-relationship-label', commonClasses);
         const height = size === 'small' ? 20 : 24;
+        const focusRingClasses = classNames('ndl-relationship-focus-ring', {
+            'ndl-end-left-square': type === 'relationshipRight',
+            'ndl-end-right-square': type === 'relationshipLeft',
+        });
         return (_jsxs(Component, Object.assign({ style: Object.assign(Object.assign({ maxWidth: isFluid ? '100%' : MAX_WIDTH }, style), { color: isDisabled ? disabledTextColor : textColor }), className: classes }, (isButton && {
             disabled: isDisabled,
             onClick: handleClick,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
             type: 'button',
-        }), { ref: ref }, restProps, htmlAttributes, { children: [type === 'relationshipLeft' || type === 'relationship' ? (_jsx(HexagonEnd, { direction: "left", color: backgroundColor, height: height })) : (_jsx(SquareEnd, { direction: "left", color: backgroundColor, height: height })), _jsxs("div", { className: "ndl-relationship-label-container", style: {
+        }), { ref: ref }, restProps, htmlAttributes, { children: [type === 'relationshipLeft' || type === 'relationship' ? (_jsx(HexagonEnd, { direction: "left", color: backgroundColor, height: height })) : (_jsx(SquareEnd, { direction: "left", color: backgroundColor })), _jsx("div", { className: "ndl-relationship-label-container", style: {
                         backgroundColor: backgroundColor,
-                    }, children: [_jsx("div", { className: "ndl-relationship-label-content", children: children }), _jsx(HorizontalLines, { height: height })] }), type === 'relationshipRight' || type === 'relationship' ? (_jsx(HexagonEnd, { direction: "right", color: backgroundColor, height: height })) : (_jsx(SquareEnd, { direction: "right", color: backgroundColor, height: height }))] })));
+                    }, children: _jsx("div", { className: "ndl-relationship-label-content", children: children }) }), type === 'relationshipRight' || type === 'relationship' ? (_jsx(HexagonEnd, { direction: "right", color: backgroundColor, height: height })) : (_jsx(SquareEnd, { direction: "right", color: backgroundColor })), _jsx("span", { "aria-hidden": true, className: focusRingClasses })] })));
     }
     else {
         const classes = classNames('ndl-property-key-label', commonClasses);

package/lib/esm/graph-label/GraphLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.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 */\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport {\n  getDisabledTextColor,\n  getHoverColor,\n  getTextColorFromBackground,\n} from './color';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype GraphLabelProps = {\n  /**  The type of label */\n  type:\n    | 'node'\n    | 'relationship'\n    | 'propertyKey'\n    | 'relationshipLeft'\n    | 'relationshipRight';\n  /** Callback function that is called when the label is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Additional styles to apply to the label */\n  style?: React.CSSProperties;\n  /** Content displayed inside the label */\n  children?: React.ReactNode;\n  /** The background color of the label */\n  color?: string;\n  /** Whether the label is disabled */\n  isDisabled?: boolean;\n  /** Additional class names */\n  className?: string;\n  /** Whether the label is selected */\n  isSelected?: boolean;\n  /** Whether the label should expand to full available width */\n  isFluid?: boolean;\n  /** The size of the label */\n  size?: 'small' | 'large';\n};\n\ntype HexagonEndProps = {\n  /** The direction of the hexagon end */\n  direction: 'left' | 'right';\n  /** The color of the hexagon end */\n  color?: string;\n  /** The height of the hexagon end in pixels */\n  height?: number;\n  /** HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n/**\n *\n *\n * Helpers\n *\n *\n */\n\nconst HexagonEnd = ({\n  direction = 'left',\n  color,\n  htmlAttributes,\n  height = 24,\n}: HexagonEndProps) => {\n  const classes = classNames('ndl-hexagon-end', {\n    'ndl-left': direction === 'left',\n    'ndl-right': direction === 'right',\n  });\n\n  return (\n    <div className={classes} {...htmlAttributes}>\n      <svg\n        aria-hidden={true}\n        className=\"ndl-hexagon-end-inner\"\n        fill=\"none\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        viewBox=\"0 0 9 24\"\n        width=\"9\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {/* triangle */}\n        <path\n          style={{ fill: color }}\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z\"\n        />\n      </svg>\n      <svg\n        aria-hidden={true}\n        className=\"ndl-hexagon-end-active\"\n        fill=\"none\"\n        height={height + 6}\n        preserveAspectRatio=\"none\"\n        viewBox=\"0 0 13 30\"\n        width=\"13\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z\"\n        />\n      </svg>\n    </div>\n  );\n};\n\ntype SquareEndProps = {\n  /** The direction of the square end (where it's rounded and has the active state) */\n  direction: 'left' | 'right';\n  /** The color of the square end */\n  color: string;\n  /** The height of the square end in pixels */\n  height: number;\n  /** HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst SquareEnd = ({\n  direction = 'left',\n  color,\n  height = 24,\n  htmlAttributes,\n}: SquareEndProps) => {\n  const classes = classNames('ndl-square-end', {\n    'ndl-left': direction === 'left',\n    'ndl-right': direction === 'right',\n  });\n\n  return (\n    <div className={classes} {...htmlAttributes}>\n      <div\n        className=\"ndl-square-end-inner\"\n        style={{ backgroundColor: color }}\n      />\n      <svg\n        className=\"ndl-square-end-active\"\n        width=\"7\"\n        height={height + 6}\n        preserveAspectRatio=\"none\"\n        viewBox=\"0 0 7 30\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M 3.8774 2 C 3.2697 2 2.7917 2.248 2.3967 2.6605 C 1.928 3.1498 1.7993 3.8555 1.7993 4.5331 V 13.8775 V 25.4669 C 1.7993 26.1445 1.928 26.8502 2.3967 27.3395 C 2.7917 27.752 3.2697 28 3.8774 28 H 7 V 30 H 3.8774 C 2.6211 30 1.4369 29.4282 0.5895 28.4485 C 0.1462 27.936 0.0002 27.2467 0.0002 26.5691 L -0.0002 13.8775 L 0.0002 3.4309 C 0.0002 2.7533 0.1462 2.064 0.5895 1.5515 C 1.4368 0.5718 2.6211 0 3.8774 0 H 7 V 2 H 3.8774 Z\"\n        />\n      </svg>\n    </div>\n  );\n};\n\ntype HorizontalLinesProps = {\n  height?: number;\n};\n\nconst HorizontalLines = ({ height = 24 }: HorizontalLinesProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={height + 6}\n      preserveAspectRatio=\"none\"\n      viewBox=\"0 0 37 30\"\n      fill=\"none\"\n      className=\"ndl-relationship-label-lines\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M 37 2 H 0 V 0 H 37 V 2 Z\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M 37 30 H 0 V 28 H 37 V 30 Z\"\n      />\n    </svg>\n  );\n};\n\n/**\n *\n *\n * GraphLabel Component\n *\n *\n */\n\nconst MAX_WIDTH = 200;\n\nexport const GraphLabel = <T extends React.ElementType = 'button'>({\n  type = 'node',\n  color,\n  isDisabled = false,\n  isSelected = false,\n  as,\n  onClick,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  isFluid = false,\n  size = 'large',\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, GraphLabelProps>) => {\n  const [isHover, setIsHover] = useState(false);\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    setIsHover(true);\n\n    if (htmlAttributes && htmlAttributes.onMouseEnter !== undefined) {\n      htmlAttributes.onMouseEnter(event);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    setIsHover(false);\n\n    htmlAttributes?.onMouseLeave?.(event);\n  };\n\n  const Component: React.ElementType = as ?? 'button';\n  const isButton = Component === 'button';\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    // By default, a <button /> element with disabled set to true will not get its\n    // on click handler called. To support the same behavior on <a /> tags we\n    // swallow the event here when disabled, since the <a /> tag with disabled set to\n    // true will have its onClick handler called\n    if (isDisabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  let backgroundColor = useMemo(() => {\n    if (color === undefined) {\n      switch (type) {\n        case 'node':\n          return tokens.graph['1'];\n        case 'relationship':\n        case 'relationshipLeft':\n        case 'relationshipRight':\n          return tokens.theme.light.color.neutral.bg.strong;\n        default:\n          return tokens.theme.light.color.neutral.bg.strongest;\n      }\n    }\n    return color;\n  }, [color, type]);\n\n  const hoverColor = useMemo(\n    () =>\n      getHoverColor(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n  const textColor = useMemo(\n    () =>\n      getTextColorFromBackground(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n  const disabledTextColor = useMemo(\n    () =>\n      getDisabledTextColor(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n\n  if (isHover && !isDisabled) {\n    backgroundColor = hoverColor;\n  }\n\n  const commonClasses = classNames('ndl-graph-label', className, {\n    'ndl-disabled': isDisabled,\n    'ndl-interactable': isButton,\n    'ndl-selected': isSelected,\n    'ndl-small': size === 'small',\n  });\n\n  if (type === 'node') {\n    const classes = classNames('ndl-node-label', commonClasses);\n\n    return (\n      <Component\n        className={classes}\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColor,\n          color: isDisabled ? disabledTextColor : textColor,\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n        }}\n        {...(isButton && {\n          disabled: isDisabled,\n          onClick: handleClick,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          type: 'button',\n        })}\n        {...htmlAttributes}\n      >\n        <div className=\"ndl-node-label-content\">{children}</div>\n      </Component>\n    );\n  } else if (\n    type === 'relationship' ||\n    type === 'relationshipLeft' ||\n    type === 'relationshipRight'\n  ) {\n    const classes = classNames('ndl-relationship-label', commonClasses);\n    const height = size === 'small' ? 20 : 24;\n\n    return (\n      <Component\n        style={{\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n          color: isDisabled ? disabledTextColor : textColor,\n        }}\n        className={classes}\n        {...(isButton && {\n          disabled: isDisabled,\n          onClick: handleClick,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          type: 'button',\n        })}\n        ref={ref}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {type === 'relationshipLeft' || type === 'relationship' ? (\n          <HexagonEnd\n            direction=\"left\"\n            color={backgroundColor}\n            height={height}\n          />\n        ) : (\n          <SquareEnd direction=\"left\" color={backgroundColor} height={height} />\n        )}\n        <div\n          className=\"ndl-relationship-label-container\"\n          style={{\n            backgroundColor: backgroundColor,\n          }}\n        >\n          <div className=\"ndl-relationship-label-content\">{children}</div>\n          <HorizontalLines height={height} />\n        </div>\n        {type === 'relationshipRight' || type === 'relationship' ? (\n          <HexagonEnd\n            direction=\"right\"\n            color={backgroundColor}\n            height={height}\n          />\n        ) : (\n          <SquareEnd\n            direction=\"right\"\n            color={backgroundColor}\n            height={height}\n          />\n        )}\n      </Component>\n    );\n  } else {\n    const classes = classNames('ndl-property-key-label', commonClasses);\n\n    return (\n      <Component\n        {...(isButton && {\n          type: 'button',\n        })}\n        style={{\n          backgroundColor: backgroundColor,\n          color: isDisabled ? disabledTextColor : textColor,\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n        }}\n        className={classes}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n        {...htmlAttributes}\n      >\n        <div className=\"ndl-property-key-label-content\">{children}</div>\n      </Component>\n    );\n  }\n};\n"]}
+{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.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 */\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport {\n  getDisabledTextColor,\n  getHoverColor,\n  getTextColorFromBackground,\n} from './color';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype GraphLabelProps = {\n  /**  The type of label */\n  type:\n    | 'node'\n    | 'relationship'\n    | 'propertyKey'\n    | 'relationshipLeft'\n    | 'relationshipRight';\n  /** Callback function that is called when the label is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Additional styles to apply to the label */\n  style?: React.CSSProperties;\n  /** Content displayed inside the label */\n  children?: React.ReactNode;\n  /** The background color of the label */\n  color?: string;\n  /** Whether the label is disabled */\n  isDisabled?: boolean;\n  /** Additional class names */\n  className?: string;\n  /** Whether the label is selected */\n  isSelected?: boolean;\n  /** Whether the label should expand to full available width */\n  isFluid?: boolean;\n  /** The size of the label */\n  size?: 'small' | 'large';\n};\n\ntype HexagonEndProps = {\n  /** The direction of the hexagon end */\n  direction: 'left' | 'right';\n  /** The color of the hexagon end */\n  color?: string;\n  /** The height of the hexagon end in pixels */\n  height?: number;\n  /** HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n/**\n *\n *\n * Helpers\n *\n *\n */\n\nconst HexagonEnd = ({\n  direction = 'left',\n  color,\n  htmlAttributes,\n  height = 24,\n}: HexagonEndProps) => {\n  const classes = classNames('ndl-hexagon-end', {\n    'ndl-left': direction === 'left',\n    'ndl-right': direction === 'right',\n  });\n\n  return (\n    <div className={classes} {...htmlAttributes}>\n      <svg\n        aria-hidden={true}\n        className=\"ndl-hexagon-end-inner\"\n        fill=\"none\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        viewBox=\"0 0 9 24\"\n        width=\"9\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {/* triangle */}\n        <path\n          style={{ fill: color }}\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z\"\n        />\n      </svg>\n    </div>\n  );\n};\n\ntype SquareEndProps = {\n  /** The direction of the square end (where it's rounded) */\n  direction: 'left' | 'right';\n  /** The color of the square end */\n  color: string;\n  /** HTML attributes */\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst SquareEnd = ({\n  direction = 'left',\n  color,\n  htmlAttributes,\n}: SquareEndProps) => {\n  const classes = classNames('ndl-square-end', {\n    'ndl-left': direction === 'left',\n    'ndl-right': direction === 'right',\n  });\n\n  return (\n    <div className={classes} {...htmlAttributes}>\n      <div\n        className=\"ndl-square-end-inner\"\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  );\n};\n\n/**\n *\n *\n * GraphLabel Component\n *\n *\n */\n\nconst MAX_WIDTH = 200;\n\nexport const GraphLabel = <T extends React.ElementType = 'button'>({\n  type = 'node',\n  color,\n  isDisabled = false,\n  isSelected = false,\n  as,\n  onClick,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  isFluid = false,\n  size = 'large',\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, GraphLabelProps>) => {\n  const [isHover, setIsHover] = useState(false);\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    setIsHover(true);\n\n    if (htmlAttributes && htmlAttributes.onMouseEnter !== undefined) {\n      htmlAttributes.onMouseEnter(event);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    setIsHover(false);\n\n    htmlAttributes?.onMouseLeave?.(event);\n  };\n\n  const Component: React.ElementType = as ?? 'button';\n  const isButton = Component === 'button';\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    // By default, a <button /> element with disabled set to true will not get its\n    // on click handler called. To support the same behavior on <a /> tags we\n    // swallow the event here when disabled, since the <a /> tag with disabled set to\n    // true will have its onClick handler called\n    if (isDisabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  let backgroundColor = useMemo(() => {\n    if (color === undefined) {\n      switch (type) {\n        case 'node':\n          return tokens.graph['1'];\n        case 'relationship':\n        case 'relationshipLeft':\n        case 'relationshipRight':\n          return tokens.theme.light.color.neutral.bg.strong;\n        default:\n          return tokens.theme.light.color.neutral.bg.strongest;\n      }\n    }\n    return color;\n  }, [color, type]);\n\n  const hoverColor = useMemo(\n    () =>\n      getHoverColor(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n  const textColor = useMemo(\n    () =>\n      getTextColorFromBackground(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n  const disabledTextColor = useMemo(\n    () =>\n      getDisabledTextColor(\n        backgroundColor ? backgroundColor : tokens.palette.lemon[40],\n      ),\n    [backgroundColor],\n  );\n\n  if (isHover && !isDisabled) {\n    backgroundColor = hoverColor;\n  }\n\n  const commonClasses = classNames('ndl-graph-label', className, {\n    'ndl-disabled': isDisabled,\n    'ndl-interactable': isButton,\n    'ndl-selected': isSelected,\n    'ndl-small': size === 'small',\n  });\n\n  if (type === 'node') {\n    const classes = classNames('ndl-node-label', commonClasses);\n\n    return (\n      <Component\n        className={classes}\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColor,\n          color: isDisabled ? disabledTextColor : textColor,\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n        }}\n        {...(isButton && {\n          disabled: isDisabled,\n          onClick: handleClick,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          type: 'button',\n        })}\n        {...htmlAttributes}\n      >\n        <div className=\"ndl-node-label-content\">{children}</div>\n      </Component>\n    );\n  } else if (\n    type === 'relationship' ||\n    type === 'relationshipLeft' ||\n    type === 'relationshipRight'\n  ) {\n    const classes = classNames('ndl-relationship-label', commonClasses);\n    const height = size === 'small' ? 20 : 24;\n    const focusRingClasses = classNames('ndl-relationship-focus-ring', {\n      'ndl-end-left-square': type === 'relationshipRight',\n      'ndl-end-right-square': type === 'relationshipLeft',\n    });\n\n    return (\n      <Component\n        style={{\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n          color: isDisabled ? disabledTextColor : textColor,\n        }}\n        className={classes}\n        {...(isButton && {\n          disabled: isDisabled,\n          onClick: handleClick,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          type: 'button',\n        })}\n        ref={ref}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {type === 'relationshipLeft' || type === 'relationship' ? (\n          <HexagonEnd\n            direction=\"left\"\n            color={backgroundColor}\n            height={height}\n          />\n        ) : (\n          <SquareEnd direction=\"left\" color={backgroundColor} />\n        )}\n        <div\n          className=\"ndl-relationship-label-container\"\n          style={{\n            backgroundColor: backgroundColor,\n          }}\n        >\n          <div className=\"ndl-relationship-label-content\">{children}</div>\n        </div>\n        {type === 'relationshipRight' || type === 'relationship' ? (\n          <HexagonEnd\n            direction=\"right\"\n            color={backgroundColor}\n            height={height}\n          />\n        ) : (\n          <SquareEnd direction=\"right\" color={backgroundColor} />\n        )}\n        <span aria-hidden={true} className={focusRingClasses} />\n      </Component>\n    );\n  } else {\n    const classes = classNames('ndl-property-key-label', commonClasses);\n\n    return (\n      <Component\n        {...(isButton && {\n          type: 'button',\n        })}\n        style={{\n          backgroundColor: backgroundColor,\n          color: isDisabled ? disabledTextColor : textColor,\n          maxWidth: isFluid ? '100%' : MAX_WIDTH,\n          ...style,\n        }}\n        className={classes}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n        {...htmlAttributes}\n      >\n        <div className=\"ndl-property-key-label-content\">{children}</div>\n      </Component>\n    );\n  }\n};\n"]}

package/lib/esm/index.js

@@ -33,7 +33,7 @@ export { SegmentedControl } from './segmented-control';
 export { Popover } from './popover';
 export { ProgressBar } from './progress-bar';
 export { Dropzone } from './dropzone';
-export { DataGrid, useDataGridContext, useTableNav, dataGridUtils, DataGridNav, } from './data-grid';
+export * from './data-grid';
 export { TextInput } from './text-input';
 export { TextArea } from './text-area';
 export { TextLink } from './text-link';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/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 { Accordion } from './accordion';\nexport { StatusLabel } from './status-label';\nexport { Banner } from './banner';\nexport { Checkbox } from './checkbox';\nexport { Switch } from './switch';\nexport { Radio } from './radio';\nexport { Menu } from './menu';\nexport { DatePicker } from './date-picker';\nexport { Dialog } from './dialog';\nexport { LoadingSpinner } from './loading-spinner';\nexport { Tabs } from './tabs';\nexport { SegmentedControl } from './segmented-control';\nexport { Popover } from './popover';\nexport { ProgressBar } from './progress-bar';\nexport { Dropzone } from './dropzone';\nexport {\n  DataGrid,\n  useDataGridContext,\n  useTableNav,\n  dataGridUtils,\n  DataGridNav,\n} from './data-grid';\nexport { TextInput } from './text-input';\nexport { TextArea } from './text-area';\nexport { TextLink } from './text-link';\nexport { Select } from './select';\nexport { Tag } from './tag';\nexport * from './theme';\nexport { Wizard } from './wizard';\nexport { GraphLabel } from './graph-label';\nexport { CodeBlock } from './code-block';\nexport { StatusIndicator } from './status-indicator';\nexport { SideNavigation } from './side-navigation';\nexport { Typography } from './typography';\nexport { Drawer } from './drawer';\nexport { Breadcrumbs } from './breadcrumbs';\nexport * from './hooks';\nexport { Box } from './box';\nexport { Flex } from './flex';\nexport { Avatar } from './avatar';\nexport { Logo } from './logo';\nexport { ClipboardButton } from './clipboard-button';\nexport { Slider } from './slider';\nexport { InlineEdit } from './inline-edit';\nexport { DropdownButton } from './dropdown-button';\nexport { Divider } from './divider';\nexport * from './tree-view';\nexport { ToasterControlled, Toaster, toast, type ToastId } from './toast';\nexport { Tooltip } from './tooltip';\nexport { Skeleton } from './skeleton';\nexport { TimePicker, NeedleTime } from './time-picker';\nexport { TimeZonePicker } from './timezone-picker';\nexport {\n  Spotlight,\n  SpotlightProvider,\n  SpotlightTarget,\n  SpotlightTour,\n  useSpotlightContext,\n} from './spotlight';\nexport { LoadingBar } from './loading-bar';\nexport { IconButton } from './icon-button';\nexport { CleanIconButton } from './clean-icon-button';\nexport { IconButtonArray } from './icon-button-array';\nexport { ConditionalWrap } from './conditional-wrap';\nexport { ColorPicker } from './color-picker';\nexport { OutlinedButton } from './outlined-button';\nexport { FilledButton } from './filled-button';\nexport { TextButton } from './text-button';\nexport { Code } from './code';\nexport { Kbd } from './kbd';\nexport { SelectIconButton } from './select-icon-button';\nexport { ReadOnlyTag } from './read-only-tag';\nexport { DismissibleTag } from './dismissible-tag';\nexport { SelectableTag } from './selectable-tag';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/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 { Accordion } from './accordion';\nexport { StatusLabel } from './status-label';\nexport { Banner } from './banner';\nexport { Checkbox } from './checkbox';\nexport { Switch } from './switch';\nexport { Radio } from './radio';\nexport { Menu } from './menu';\nexport { DatePicker } from './date-picker';\nexport { Dialog } from './dialog';\nexport { LoadingSpinner } from './loading-spinner';\nexport { Tabs } from './tabs';\nexport { SegmentedControl } from './segmented-control';\nexport { Popover } from './popover';\nexport { ProgressBar } from './progress-bar';\nexport { Dropzone } from './dropzone';\nexport * from './data-grid';\nexport { TextInput } from './text-input';\nexport { TextArea } from './text-area';\nexport { TextLink } from './text-link';\nexport { Select } from './select';\nexport { Tag } from './tag';\nexport * from './theme';\nexport { Wizard } from './wizard';\nexport { GraphLabel } from './graph-label';\nexport { CodeBlock } from './code-block';\nexport { StatusIndicator } from './status-indicator';\nexport { SideNavigation } from './side-navigation';\nexport { Typography } from './typography';\nexport { Drawer } from './drawer';\nexport { Breadcrumbs } from './breadcrumbs';\nexport * from './hooks';\nexport { Box } from './box';\nexport { Flex } from './flex';\nexport { Avatar } from './avatar';\nexport { Logo } from './logo';\nexport { ClipboardButton } from './clipboard-button';\nexport { Slider } from './slider';\nexport { InlineEdit } from './inline-edit';\nexport { DropdownButton } from './dropdown-button';\nexport { Divider } from './divider';\nexport * from './tree-view';\nexport { ToasterControlled, Toaster, toast, type ToastId } from './toast';\nexport { Tooltip } from './tooltip';\nexport { Skeleton } from './skeleton';\nexport { TimePicker, NeedleTime } from './time-picker';\nexport { TimeZonePicker } from './timezone-picker';\nexport {\n  Spotlight,\n  SpotlightProvider,\n  SpotlightTarget,\n  SpotlightTour,\n  useSpotlightContext,\n} from './spotlight';\nexport { LoadingBar } from './loading-bar';\nexport { IconButton } from './icon-button';\nexport { CleanIconButton } from './clean-icon-button';\nexport { IconButtonArray } from './icon-button-array';\nexport { ConditionalWrap } from './conditional-wrap';\nexport { ColorPicker } from './color-picker';\nexport { OutlinedButton } from './outlined-button';\nexport { FilledButton } from './filled-button';\nexport { TextButton } from './text-button';\nexport { Code } from './code';\nexport { Kbd } from './kbd';\nexport { SelectIconButton } from './select-icon-button';\nexport { ReadOnlyTag } from './read-only-tag';\nexport { DismissibleTag } from './dismissible-tag';\nexport { SelectableTag } from './selectable-tag';\n"]}

package/lib/types/_common/{readme-docs-page.d.ts → component-docs-page.d.ts}

@@ -19,5 +19,5 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-export declare function createReadmeDocsPage(markdownContent: string): () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=readme-docs-page.d.ts.map
+export declare function createComponentDocsPage(readme: string, accessibility?: string): () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component-docs-page.d.ts.map

package/lib/types/_common/component-docs-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-docs-page.d.ts","sourceRoot":"","sources":["../../../src/_common/component-docs-page.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,EACd,aAAa,CAAC,EAAE,MAAM,iDAkDvB"}

package/lib/types/data-grid/Components.d.ts.map

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

package/lib/types/data-grid/DataGrid.d.ts

@@ -22,6 +22,7 @@ import { type RowData, type Table as DataGridType } from '@tanstack/react-table'
 import { type CommonProps, type HtmlAttributes } from '../_common/types';
 import { type Skeleton } from '../skeleton';
 import { type DataGridComponentsInterface } from './data-grid-context';
+import { type DataGridStyleRule } from './style-rules/types';
 declare enum BorderStyleEnum {
     AllSides = "all-sides",
     Horizontal = "horizontal",
@@ -82,9 +83,11 @@ export type DataGridProps<T extends RowData> = {
      * This is used in for example the DropdownCell, RowsPerPage, and ColumnControls.
      */
     portalTarget?: HTMLElement | null;
+    /** Rule-based conditional styling for cells and rows. */
+    styleRules?: DataGridStyleRule[];
     ref?: React.Ref<HTMLDivElement>;
 };
-declare const DataGrid: (<T extends RowData = unknown>({ isResizable, isLoading, isKeyboardNavigable, isAutoResizingColumns, tableInstance, components, rootProps, styling, tableNavRef, isSkeletonLoading, skeletonProps, ref, portalTarget, htmlAttributes, className, style, ...restProps }: CommonProps<"div", DataGridProps<T>>) => import("react/jsx-runtime").JSX.Element) & {
+declare const DataGrid: (<T extends RowData = unknown>({ isResizable, isLoading, isKeyboardNavigable, isAutoResizingColumns, tableInstance, components, rootProps, styling, tableNavRef, isSkeletonLoading, skeletonProps, ref, portalTarget, styleRules, htmlAttributes, className, style, ...restProps }: CommonProps<"div", DataGridProps<T>>) => import("react/jsx-runtime").JSX.Element) & {
     ActionButton: <T extends React.ElementType = "button">({ action, onClose, as, className, style, htmlAttributes, ref, ...restProps }: import("../_common/types").PolymorphicCommonProps<T, {
         action: import("./datagrid-types").ColumnAction;
         onClose: () => void;

package/lib/types/data-grid/DataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,KAAK,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2B5C,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,qBAAqB,CAAC;AAI7B,aAAK,eAAe;IAClB,QAAQ,cAAc;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,aAAK,eAAe;IAClB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;QAChB,6CAA6C;QAC7C,gBAAgB,EAAE,OAAO,CAAC;QAC1B,uCAAuC;QACvC,WAAW,EAAE,WAAW,CAAC;QACzB,yDAAyD;QACzD,WAAW,EAAE,WAAW,CAAC;QACzB,6EAA6E;QAC7E,eAAe,EAAE,OAAO,CAAC;QACzB,wCAAwC;QACxC,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IAEH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,4CAA4C;IAC5C,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IAC5C,sFAAsF;IACtF,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AA0NF,QAAA,MAAM,QAAQ,IAhN8B,CAAC,SAAS,OAAO,qPAkB1D,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8L8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,KAAK,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2B5C,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,aAAK,eAAe;IAClB,QAAQ,cAAc;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,aAAK,eAAe;IAClB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;QAChB,6CAA6C;QAC7C,gBAAgB,EAAE,OAAO,CAAC;QAC1B,uCAAuC;QACvC,WAAW,EAAE,WAAW,CAAC;QACzB,yDAAyD;QACzD,WAAW,EAAE,WAAW,CAAC;QACzB,6EAA6E;QAC7E,eAAe,EAAE,OAAO,CAAC;QACzB,wCAAwC;QACxC,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IAEH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,4CAA4C;IAC5C,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IAC5C,sFAAsF;IACtF,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,yDAAyD;IACzD,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AA4NF,QAAA,MAAM,QAAQ,IAlN8B,CAAC,SAAS,OAAO,iQAmB1D,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+L8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/types/data-grid/data-grid-context.d.ts

@@ -22,6 +22,7 @@ import { type RowData, type Table as DataGridType } from '@tanstack/react-table'
 import { type Skeleton } from '../skeleton';
 import { type ActionButton, type ActionCell, type Body, type BodyCell, type BodyRow, type ColumnControls, type Header, type HeaderCell, type HeaderTitle, type LoadingPlaceholder, type Navigation, type NoDataPlaceholder, type Pagination, type PaginationArrowButton, type PaginationNumericButton, type PaginationNumericButtons, type ResizingBar, type RowsPerPage, type Scrollable, type TableResults } from './Components';
 import { type DataGridNav } from './data-grid-nav/data-grid-nav';
+import { type DataGridStyleRule } from './style-rules/types';
 type Nullable<T> = T | null;
 export interface DataGridComponentsInterface<T extends RowData> {
     ResizingBar?: Nullable<typeof ResizingBar<T>>;
@@ -67,6 +68,7 @@ export interface DataGridContextType<T extends RowData> {
     portalTarget: HTMLElement | null;
     isMediumNavigation: boolean;
     isSmallNavigation: boolean;
+    styleRules?: DataGridStyleRule[];
 }
 export declare const DataGridContext: import("react").Context<DataGridContextType<any>>;
 export declare function useDataGridContext<T extends RowData>(): DataGridContextType<T>;

package/lib/types/data-grid/data-grid-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-context.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid-context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-grid-context.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,KAAK,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,IAAI,EACT,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAE5B,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,OAAO;IAC5D,WAAW,CAAC,EAAE,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,kBAAkB,CAAC,EAAE,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;IACzC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;IAC3C,wBAAwB,CAAC,EAAE,QAAQ,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACrE,uBAAuB,CAAC,EAAE,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO;IACpD,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5B,UAAU,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,2BAA2B,EAAE,OAAO,CAAC;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC;AAGD,eAAO,MAAM,eAAe,mDAAiD,CAAC;AAE9E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,4BAQnD"}

package/lib/types/data-grid/index.d.ts

@@ -25,4 +25,8 @@ export { dataGridUtils, useDataGridContext };
 export type * from './datagrid-types';
 export { useTableNav } from './data-grid-nav';
 export * from './data-grid-nav/data-grid-nav';
+export { evaluateDataGridStyleRules } from './style-rules/evaluate';
+export { useDataGridCellStyle } from './style-rules/hooks';
+export { DataGridCellStyleSchema, DataGridColorRangeSchema, DataGridColumnRefSchema, DataGridDisableableColorSchema, DataGridStyleRuleLiteralSchema, DataGridStyleRuleOperandSchema, DataGridStyleRuleSchema, DataGridStyleRuleWhereSchema, } from './style-rules/types';
+export type { DataGridCellStyle, DataGridColorRange, DataGridColumnRef, DataGridDisableableColor, DataGridStyleRuleLiteral, DataGridStyleRuleOperand, DataGridStyleRule, DataGridStyleRuleWhere, } from './style-rules/types';
 //# sourceMappingURL=index.d.ts.map

package/lib/types/data-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","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,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAC7C,mBAAmB,kBAAkB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","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,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAC7C,mBAAmB,kBAAkB,CAAC;AACtC,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;AAC7B,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC"}

package/lib/types/data-grid/stories/datagrid-custom-cell-with-style-rules.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  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';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=datagrid-custom-cell-with-style-rules.story.d.ts.map

package/lib/types/data-grid/stories/datagrid-custom-cell-with-style-rules.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-custom-cell-with-style-rules.story.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-custom-cell-with-style-rules.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAwGjD,QAAA,MAAM,SAAS,+CA4Dd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/data-grid/stories/datagrid-pinned-columns.stories.d.ts

@@ -20,9 +20,9 @@
  */
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 declare const _default: {
-    component: (<T extends import("@tanstack/react-table").RowData = unknown>({ isResizable, isLoading, isKeyboardNavigable, isAutoResizingColumns, tableInstance, components, rootProps, styling, tableNavRef, isSkeletonLoading, skeletonProps, ref, portalTarget, htmlAttributes, className, style, ...restProps }: import("../../_common/types").CommonProps<"div", import("../DataGrid").DataGridProps<T>>) => import("react/jsx-runtime").JSX.Element) & {
+    component: (<T extends import("@tanstack/react-table").RowData = unknown>({ isResizable, isLoading, isKeyboardNavigable, isAutoResizingColumns, tableInstance, components, rootProps, styling, tableNavRef, isSkeletonLoading, skeletonProps, ref, portalTarget, styleRules, htmlAttributes, className, style, ...restProps }: import("../../_common/types").CommonProps<"div", import("../DataGrid").DataGridProps<T>>) => import("react/jsx-runtime").JSX.Element) & {
         ActionButton: <T extends React.ElementType = "button">({ action, onClose, as, className, style, htmlAttributes, ref, ...restProps }: import("../../_common/types").PolymorphicCommonProps<T, {
-            action: import("..").ColumnAction;
+            action: import("@neo4j-ndl/react").ColumnAction;
             onClose: () => void;
         }>) => import("react/jsx-runtime").JSX.Element;
         ActionCell: <T extends import("@tanstack/react-table").RowData>({ cell, innerCleanIconButtonProps, innerMenuProps, }: import("../Components").ActionCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/lib/types/data-grid/stories/datagrid-rule-based-styling.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  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';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=datagrid-rule-based-styling.story.d.ts.map