@neo4j-ndl/react 4.16.1 → 4.16.3

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

@@ -20,7 +20,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridStyleRuleSchema = exports.DataGridCellStyleSchema = exports.DataGridDisableableColorSchema = exports.DataGridColorRangeSchema = exports.DataGridStyleRuleWhereSchema = exports.DataGridStyleRuleOperandSchema = exports.DataGridTimeLiteralSchema = exports.DataGridDatetimeLiteralSchema = exports.DataGridColumnRefSchema = exports.DataGridStyleRuleLiteralSchema = void 0;
+exports.isDataGridStyleRule = exports.DataGridStyleRuleSchema = exports.DataGridCellStyleSchema = exports.DataGridDisableableColorSchema = exports.DataGridColorRangeSchema = exports.DataGridStyleRuleWhereSchema = exports.DataGridStyleRuleOperandSchema = exports.DataGridTimeLiteralSchema = exports.DataGridDatetimeLiteralSchema = exports.DataGridColumnRefSchema = exports.DataGridStyleRuleLiteralSchema = void 0;
 const zod_1 = require("zod");
 const style_rules_1 = require("../../_generated/style-rules");
 /*
@@ -179,4 +179,26 @@ exports.DataGridStyleRuleSchema = zod_1.z.object({
     /** Condition to evaluate. If omitted, rule always applies to matched column(s). */
     where: exports.DataGridStyleRuleWhereSchema.optional(),
 });
+/**
+ * Runtime type guard for {@link DataGridStyleRule}, backed by the internal Zod
+ * schema. Narrows an `unknown` value to `DataGridStyleRule` when it is a valid
+ * style rule.
+ *
+ * This lets consumers validate values without taking a dependency on Zod or on
+ * our schema export. For example, it can be passed to another validation
+ * library's custom check:
+ *
+ * @example
+ * ```ts
+ * import { z } from 'zod';
+ * import { isDataGridStyleRule, type DataGridStyleRule } from '@neo4j-ndl/react';
+ *
+ * const formSchema = z.object({
+ *   rule: z.custom<DataGridStyleRule>(isDataGridStyleRule),
+ *   notes: z.string(),
+ * });
+ * ```
+ */
+const isDataGridStyleRule = (value) => exports.DataGridStyleRuleSchema.safeParse(value).success;
+exports.isDataGridStyleRule = isDataGridStyleRule;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { z } from 'zod';\n\nimport {\n  DatetimeLiteralSchema,\n  TimeLiteralSchema,\n} from '../../_generated/style-rules';\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/**\n * An ISO 8601 or RFC 9557 datetime literal that resolves to a Unix millisecond\n * timestamp at evaluation time. Wraps the shared `DatetimeLiteralSchema` with a\n * DataGrid-specific name. Supported formats:\n * - RFC 9557 with IANA timezone: `\"2024-06-15T14:00:00[Europe/Stockholm]\"` (offset\n *   inferred) or `\"2024-06-15T14:00:00+02:00[Europe/Stockholm]\"` (offset explicit)\n * - UTC or offset datetime: `\"2024-01-01T00:00:00Z\"`, `\"2024-01-01T00:00:00+02:00\"`\n * - Plain datetime (treated as UTC): `\"2024-01-01T14:30:00\"`\n * - Date-only (treated as UTC midnight): `\"2024-01-01\"`\n *\n * Unzoned datetimes without `Z` or an offset are treated as UTC wall-clock time.\n */\nexport const DataGridDatetimeLiteralSchema = DatetimeLiteralSchema;\nexport type DataGridDatetimeLiteral = z.infer<\n  typeof DataGridDatetimeLiteralSchema\n>;\n\n/**\n * An ISO 8601 time literal that resolves to milliseconds since UTC midnight at\n * evaluation time. Wraps the shared `TimeLiteralSchema` with a DataGrid-specific\n * name. Supported formats:\n * - Local time (treated as UTC): `\"14:30:00\"`, `\"14:30:00.500\"`\n * - Offset time (UTC-normalised): `\"14:30:00+02:00\"`\n */\nexport const DataGridTimeLiteralSchema = TimeLiteralSchema;\nexport type DataGridTimeLiteral = z.infer<typeof DataGridTimeLiteralSchema>;\n\n/** An operand in a style-rule where clause -- either a literal value, a datetime literal, a time literal, or a column reference. */\nexport const DataGridStyleRuleOperandSchema = z.union([\n  DataGridColumnRefSchema,\n  DataGridDatetimeLiteralSchema,\n  DataGridTimeLiteralSchema,\n  DataGridStyleRuleLiteralSchema,\n]);\nexport type DataGridStyleRuleOperand =\n  | DataGridColumnRef\n  | DataGridDatetimeLiteral\n  | DataGridTimeLiteral\n  | DataGridStyleRuleLiteral;\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/**\n * A function that converts a complex or non-scalar cell value into a\n * `DataGridStyleRuleLiteral` so it can participate in where-clause evaluation\n * and color-range interpolation.\n *\n * The function receives the raw cell value (`unknown`) and must return a scalar\n * (`string | number | boolean | null`). Return `null` to signal that the value\n * is missing or cannot be represented.\n *\n * Note: converter functions are TypeScript-only — they cannot be serialized as\n * JSON, so no Zod schema is provided.\n */\nexport type DataGridStyleRuleValueConverter = (\n  value: unknown,\n) => DataGridStyleRuleLiteral;\n\n/**\n * A map of column id → converter function.\n * Pass this as the `styleRuleValueConverters` prop on `DataGrid` to teach the\n * style-rule engine how to interpret complex cell values for specific columns.\n *\n * @example\n * ```ts\n * const converters: DataGridStyleRuleValueConverters = {\n *   priority: (v) => {\n *     const s = v as { min: number; max: number };\n *     return s.max - s.min;\n *   },\n * };\n * ```\n */\nexport type DataGridStyleRuleValueConverters = Record<\n  string,\n  DataGridStyleRuleValueConverter\n>;\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"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { z } from 'zod';\n\nimport {\n  DatetimeLiteralSchema,\n  TimeLiteralSchema,\n} from '../../_generated/style-rules';\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/**\n * An ISO 8601 or RFC 9557 datetime literal that resolves to a Unix millisecond\n * timestamp at evaluation time. Wraps the shared `DatetimeLiteralSchema` with a\n * DataGrid-specific name. Supported formats:\n * - RFC 9557 with IANA timezone: `\"2024-06-15T14:00:00[Europe/Stockholm]\"` (offset\n *   inferred) or `\"2024-06-15T14:00:00+02:00[Europe/Stockholm]\"` (offset explicit)\n * - UTC or offset datetime: `\"2024-01-01T00:00:00Z\"`, `\"2024-01-01T00:00:00+02:00\"`\n * - Plain datetime (treated as UTC): `\"2024-01-01T14:30:00\"`\n * - Date-only (treated as UTC midnight): `\"2024-01-01\"`\n *\n * Unzoned datetimes without `Z` or an offset are treated as UTC wall-clock time.\n */\nexport const DataGridDatetimeLiteralSchema = DatetimeLiteralSchema;\nexport type DataGridDatetimeLiteral = z.infer<\n  typeof DataGridDatetimeLiteralSchema\n>;\n\n/**\n * An ISO 8601 time literal that resolves to milliseconds since UTC midnight at\n * evaluation time. Wraps the shared `TimeLiteralSchema` with a DataGrid-specific\n * name. Supported formats:\n * - Local time (treated as UTC): `\"14:30:00\"`, `\"14:30:00.500\"`\n * - Offset time (UTC-normalised): `\"14:30:00+02:00\"`\n */\nexport const DataGridTimeLiteralSchema = TimeLiteralSchema;\nexport type DataGridTimeLiteral = z.infer<typeof DataGridTimeLiteralSchema>;\n\n/** An operand in a style-rule where clause -- either a literal value, a datetime literal, a time literal, or a column reference. */\nexport const DataGridStyleRuleOperandSchema = z.union([\n  DataGridColumnRefSchema,\n  DataGridDatetimeLiteralSchema,\n  DataGridTimeLiteralSchema,\n  DataGridStyleRuleLiteralSchema,\n]);\nexport type DataGridStyleRuleOperand =\n  | DataGridColumnRef\n  | DataGridDatetimeLiteral\n  | DataGridTimeLiteral\n  | DataGridStyleRuleLiteral;\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/**\n * A function that converts a complex or non-scalar cell value into a\n * `DataGridStyleRuleLiteral` so it can participate in where-clause evaluation\n * and color-range interpolation.\n *\n * The function receives the raw cell value (`unknown`) and must return a scalar\n * (`string | number | boolean | null`). Return `null` to signal that the value\n * is missing or cannot be represented.\n *\n * Note: converter functions are TypeScript-only — they cannot be serialized as\n * JSON, so no Zod schema is provided.\n */\nexport type DataGridStyleRuleValueConverter = (\n  value: unknown,\n) => DataGridStyleRuleLiteral;\n\n/**\n * A map of column id → converter function.\n * Pass this as the `styleRuleValueConverters` prop on `DataGrid` to teach the\n * style-rule engine how to interpret complex cell values for specific columns.\n *\n * @example\n * ```ts\n * const converters: DataGridStyleRuleValueConverters = {\n *   priority: (v) => {\n *     const s = v as { min: number; max: number };\n *     return s.max - s.min;\n *   },\n * };\n * ```\n */\nexport type DataGridStyleRuleValueConverters = Record<\n  string,\n  DataGridStyleRuleValueConverter\n>;\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\n/**\n * Runtime type guard for {@link DataGridStyleRule}, backed by the internal Zod\n * schema. Narrows an `unknown` value to `DataGridStyleRule` when it is a valid\n * style rule.\n *\n * This lets consumers validate values without taking a dependency on Zod or on\n * our schema export. For example, it can be passed to another validation\n * library's custom check:\n *\n * @example\n * ```ts\n * import { z } from 'zod';\n * import { isDataGridStyleRule, type DataGridStyleRule } from '@neo4j-ndl/react';\n *\n * const formSchema = z.object({\n *   rule: z.custom<DataGridStyleRule>(isDataGridStyleRule),\n *   notes: z.string(),\n * });\n * ```\n */\nexport const isDataGridStyleRule = (\n  value: unknown,\n): value is DataGridStyleRule =>\n  DataGridStyleRuleSchema.safeParse(value).success;\n"]}

package/lib/cjs/date-picker/DatePicker.js

@@ -45,7 +45,10 @@ const react_datepicker_1 = __importDefault(require("react-datepicker"));
 const clean_icon_button_1 = require("../clean-icon-button");
 const dialog_context_1 = require("../dialog/dialog-context");
 const divider_1 = require("../divider");
-const icons_1 = require("../icons");
+const ArrowLeftIconOutline_1 = require("../icons/generated/heroIcons/ArrowLeftIconOutline");
+const ArrowRightIconOutline_1 = require("../icons/generated/heroIcons/ArrowRightIconOutline");
+const CalendarDaysIconOutline_1 = require("../icons/generated/heroIcons/CalendarDaysIconOutline");
+const ChevronDownIconOutline_1 = require("../icons/generated/heroIcons/ChevronDownIconOutline");
 const text_input_1 = require("../text-input");
 const time_picker_1 = require("../time-picker");
 const timezone_picker_1 = require("../timezone-picker");
@@ -63,7 +66,7 @@ const DatePickerTextInputWrapper = (_a) => {
         injectedOnChange === null || injectedOnChange === void 0 ? void 0 : injectedOnChange(event);
         textInputOnChange === null || textInputOnChange === void 0 ? void 0 : textInputOnChange(event);
     };
-    return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({ ref: ref, trailingElement: (0, jsx_runtime_1.jsx)(icons_1.CalendarDaysIconOutline, {}), value: value, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : textInputPlaceholder, isDisabled: isDisabled, isClearable: isClearable, onChange: handleChange, 
+    return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({ ref: ref, trailingElement: (0, jsx_runtime_1.jsx)(CalendarDaysIconOutline_1.CalendarDaysIconOutline, {}), value: value, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : textInputPlaceholder, isDisabled: isDisabled, isClearable: isClearable, onChange: handleChange, 
         // react-datepicker injects html attributes into the custom input
         htmlAttributes: Object.assign(Object.assign({}, textInputHtmlAttributes), restInjectedProps) }, restTextInputProps)));
 };
@@ -86,13 +89,13 @@ const DatePicker = (_a) => {
         const nextCallback = picker === 'year' ? increaseYear : increaseMonth;
         const prevDisabled = picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;
         const nextDisabled = picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-datepicker-header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-datepicker-selects", children: [picker !== 'year' && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": `${picker === 'month' ? 'Close' : 'Open'} month picker`, "aria-pressed": picker === 'month', onClick: () => headerAction('month'), children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-items-center n-gap-token-4", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-small", children: (0, date_fns_1.format)(props.date, 'MMM') }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-datepicker-header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-datepicker-selects", children: [picker !== 'year' && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": `${picker === 'month' ? 'Close' : 'Open'} month picker`, "aria-pressed": picker === 'month', onClick: () => headerAction('month'), children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-items-center n-gap-token-4", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-small", children: (0, date_fns_1.format)(props.date, 'MMM') }), (0, jsx_runtime_1.jsx)(ChevronDownIconOutline_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
                                             'n-rotate-180': picker === 'month',
                                         }), "aria-label": "Chevron icon" })] }) })), picker !== 'month' && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": `${picker === 'year' ? 'Close' : 'Open'} year picker`, onClick: () => headerAction('year'), children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-items-center n-gap-token-4", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-small", children: picker === 'year'
                                             ? (0, utils_1.getYearsPeriodString)(props.date, reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.yearItemNumber)
-                                            : (0, date_fns_1.format)(props.date, 'yyyy') }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
+                                            : (0, date_fns_1.format)(props.date, 'yyyy') }), (0, jsx_runtime_1.jsx)(ChevronDownIconOutline_1.ChevronDownIconOutline, { className: (0, classnames_1.default)('ndl-datepicker-chevron', {
                                             'n-rotate-180': picker === 'year',
-                                        }), "aria-label": "Chevron icon" })] }) }))] }), picker !== 'month' && ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { description: picker === 'year' ? 'Previous period' : 'Previous month', onClick: prevCallback, isDisabled: prevDisabled, className: "n-text-neutral-text-weak", size: "small", children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLeftIconOutline, {}) }), (0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { description: picker === 'year' ? 'Next period' : 'Next month', onClick: nextCallback, isDisabled: nextDisabled, className: "n-text-neutral-text-weak", size: "small", children: (0, jsx_runtime_1.jsx)(icons_1.ArrowRightIconOutline, {}) })] }))] }));
+                                        }), "aria-label": "Chevron icon" })] }) }))] }), picker !== 'month' && ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { description: picker === 'year' ? 'Previous period' : 'Previous month', onClick: prevCallback, isDisabled: prevDisabled, className: "n-text-neutral-text-weak", size: "small", children: (0, jsx_runtime_1.jsx)(ArrowLeftIconOutline_1.ArrowLeftIconOutline, {}) }), (0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { description: picker === 'year' ? 'Next period' : 'Next month', onClick: nextCallback, isDisabled: nextDisabled, className: "n-text-neutral-text-weak", size: "small", children: (0, jsx_runtime_1.jsx)(ArrowRightIconOutline_1.ArrowRightIconOutline, {}) })] }))] }));
     }, [picker, headerAction, reactDatePickerProps === null || reactDatePickerProps === void 0 ? void 0 : reactDatePickerProps.yearItemNumber]);
     const handleTimeChange = (newTime) => {
         if (reactDatePickerProps.selectsRange ||

package/lib/cjs/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: try to fix as some point\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\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 classNames from 'classnames';\nimport { format } from 'date-fns';\nimport { useCallback, useRef, useState } from 'react';\nimport ReactDatePicker, {\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\n\nimport type { CommonProps, HtmlAttributes } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport {\n  ArrowLeftIconOutline,\n  ArrowRightIconOutline,\n  CalendarDaysIconOutline,\n  ChevronDownIconOutline,\n} from '../icons';\nimport { TextInput } from '../text-input';\nimport { NeedleTime, TimePicker, type TimePickerProps } from '../time-picker';\nimport { TimeZonePicker } from '../timezone-picker';\nimport { Typography } from '../typography';\nimport { daysInMonth, getYearsPeriodString } from './utils';\n\ntype DatePickerTextInputWrapperProps = React.ComponentProps<'input'> & {\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  isDisabled?: boolean;\n  isClearable?: boolean;\n  value?: string;\n  ariaLabel?: string;\n};\n\n// This wrapper is needed due to react-datepicker injecting html attributes\n// into the custom input component on root level, since we use htmlAttributes\n// we need to help spread them there instead of the root level\nconst DatePickerTextInputWrapper = ({\n  textInputProps,\n  isDisabled,\n  isClearable,\n  value,\n  placeholder,\n  ...restProps\n}: DatePickerTextInputWrapperProps) => {\n  // deconstruct textInputProps to avoid bugs with react-datepicker injecting props\n  const {\n    placeholder: textInputPlaceholder,\n    htmlAttributes: textInputHtmlAttributes,\n    onChange: textInputOnChange,\n    ref,\n    ...restTextInputProps\n  } = textInputProps ?? {};\n  const { onChange: injectedOnChange, ...restInjectedProps } = restProps;\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    injectedOnChange?.(event);\n    textInputOnChange?.(event);\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      trailingElement={<CalendarDaysIconOutline />}\n      value={value}\n      placeholder={placeholder ?? textInputPlaceholder}\n      isDisabled={isDisabled}\n      isClearable={isClearable}\n      onChange={handleChange}\n      // react-datepicker injects html attributes into the custom input\n      htmlAttributes={{\n        ...textInputHtmlAttributes,\n        ...restInjectedProps,\n      }}\n      {...restTextInputProps}\n    />\n  );\n};\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype PickerType = 'day' | 'month' | 'year';\n\n// Define a more flexible type for onChange\ntype DatePickerChangeHandler = (\n  date: Date | null | [Date | null, Date | null] | Date[],\n  event?: React.SyntheticEvent | undefined,\n) => void;\n\ninterface DatePickerProps {\n  /** Props for the embedded `TextInput` component. */\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  /** Whether the date picker is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether to show the clear button.\n   * @default false\n   */\n  isClearable?: boolean;\n  /** Props for the embedded `TimePicker` component. */\n  timePickerProps?: TimePickerProps;\n  /** Props for the embedded `TimeZonePicker` component. */\n  timeZonePickerProps?: React.ComponentProps<typeof TimeZonePicker>;\n  /** Props forwarded to underlying `react-datepicker` component. */\n  reactDatePickerProps: React.ComponentProps<typeof ReactDatePicker>;\n  /**\n   * WARNING: these attributes do not apply to the underlying input element currently. This will be fixed in a future version.\n   */\n  htmlAttributes?: HtmlAttributes<'div'>;\n}\n\nexport const DatePicker = ({\n  reactDatePickerProps,\n  textInputProps,\n  timePickerProps,\n  timeZonePickerProps,\n  isDisabled,\n  isClearable = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', DatePickerProps>) => {\n  const classes = classNames(`ndl-datepicker`, className, {});\n  const datetimeRef = useRef<ReactDatePicker>(null);\n  const [picker, setPicker] = useState<PickerType>('day');\n  const [preSelectedDate, setPreSelectedDate] = useState<Date | null>(\n    (reactDatePickerProps.selected as Date | null) ||\n      (reactDatePickerProps.startDate as Date | null),\n  );\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string | undefined>(\n    timeZonePickerProps?.value,\n  );\n\n  const isInsideDialog = useIsInsideDialog();\n\n  const headerAction = useCallback(\n    (action: PickerType) => {\n      setPicker(picker === action ? 'day' : action);\n    },\n    [picker],\n  );\n\n  const CustomHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const {\n        decreaseMonth,\n        increaseMonth,\n        increaseYear,\n        decreaseYear,\n        nextMonthButtonDisabled,\n        nextYearButtonDisabled,\n        prevMonthButtonDisabled,\n        prevYearButtonDisabled,\n      } = props;\n\n      const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;\n      const nextCallback = picker === 'year' ? increaseYear : increaseMonth;\n      const prevDisabled =\n        picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;\n      const nextDisabled =\n        picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;\n\n      return (\n        <div className=\"ndl-datepicker-header\">\n          <div className=\"ndl-datepicker-selects\">\n            {picker !== 'year' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'month' ? 'Close' : 'Open'} month picker`}\n                aria-pressed={picker === 'month'}\n                onClick={() => headerAction('month')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {format(props.date, 'MMM')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'month',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n            {picker !== 'month' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'year' ? 'Close' : 'Open'} year picker`}\n                onClick={() => headerAction('year')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {picker === 'year'\n                      ? getYearsPeriodString(\n                          props.date,\n                          reactDatePickerProps?.yearItemNumber,\n                        )\n                      : format(props.date, 'yyyy')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'year',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n          </div>\n          {picker !== 'month' && (\n            <div className=\"n-flex n-justify-center n-gap-token-16\">\n              <CleanIconButton\n                description={\n                  picker === 'year' ? 'Previous period' : 'Previous month'\n                }\n                onClick={prevCallback}\n                isDisabled={prevDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowLeftIconOutline />\n              </CleanIconButton>\n              <CleanIconButton\n                description={picker === 'year' ? 'Next period' : 'Next month'}\n                onClick={nextCallback}\n                isDisabled={nextDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowRightIconOutline />\n              </CleanIconButton>\n            </div>\n          )}\n        </div>\n      );\n    },\n    [picker, headerAction, reactDatePickerProps?.yearItemNumber],\n  );\n\n  const handleTimeChange = (newTime: NeedleTime) => {\n    if (\n      reactDatePickerProps.selectsRange ||\n      reactDatePickerProps.selectsMultiple\n    ) {\n      // this is consistent with the behavior of react-datepicker\n      return;\n    }\n\n    if (!preSelectedDate) {\n      return;\n    }\n\n    const newDate = new Date(preSelectedDate);\n    newDate.setHours(newTime.hour, newTime.minute, 0, 0);\n    setPreSelectedDate(newDate);\n\n    if (reactDatePickerProps.onChange) {\n      // For single date selection\n      reactDatePickerProps.onChange(newDate, undefined);\n    }\n  };\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n    if (timeZonePickerProps?.onChange) {\n      timeZonePickerProps.onChange(timezone);\n    }\n  };\n\n  /**\n   * Intercept onChange so we can work with\n   * Month and Year pickers\n   */\n  const interceptedChange: DatePickerChangeHandler = useCallback(\n    (\n      date: Date | null | [Date | null, Date | null] | Date[],\n      event?: React.SyntheticEvent,\n    ) => {\n      if (picker !== 'day') {\n        // setTimeout to prevent picker change before the handleMonthChange logic\n        setTimeout(() => {\n          setPicker('day');\n        });\n      } else if (picker === 'day') {\n        if (date instanceof Date) {\n          setPreSelectedDate(date);\n        } else if (\n          Array.isArray(date) &&\n          date.length > 0 &&\n          date[0] instanceof Date\n        ) {\n          setPreSelectedDate(date[0]);\n        } else if (date === null) {\n          setPreSelectedDate(null);\n        }\n\n        if (reactDatePickerProps.onChange && date !== null) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            date,\n            event,\n          );\n        }\n      }\n    },\n    [picker, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onCalendarClose so we can\n   * switch to \"day\" picker if we close on \"month\" or \"year\"\n   * view\n   */\n  const interceptedOnCalendarClose = useCallback(() => {\n    if (picker !== 'day') {\n      setPicker('day');\n    }\n    reactDatePickerProps?.onCalendarClose?.();\n  }, [picker, reactDatePickerProps]);\n\n  const handleMonthChange = useCallback(\n    (date: Date) => {\n      if (picker === 'month') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const daysInNewMonth = daysInMonth(date.getMonth(), date.getFullYear());\n        date.setDate(Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      } else if (picker === 'year') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const selectedMonth = preSelectedDate?.getMonth() ?? 0;\n        const daysInNewMonth = daysInMonth(selectedMonth, date.getFullYear());\n        date.setMonth(selectedMonth, Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      }\n      setPreSelectedDate(date);\n    },\n    [picker, preSelectedDate, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onChangeRaw to handle clearing the input\n   * When the user clears the text input, set the date to null\n   */\n  const interceptedOnChangeRaw = useCallback(\n    (\n      event?:\n        | React.KeyboardEvent<HTMLElement>\n        | React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => {\n      const target = event?.target as HTMLInputElement | undefined;\n      if (target?.value === '') {\n        setPreSelectedDate(null);\n        if (reactDatePickerProps.onChange) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            null,\n            event,\n          );\n        }\n      }\n      reactDatePickerProps?.onChangeRaw?.(event);\n    },\n    [reactDatePickerProps],\n  );\n\n  const datePickerProps = {\n    ...reactDatePickerProps,\n    onCalendarClose: interceptedOnCalendarClose,\n    onChange: interceptedChange,\n    onChangeRaw: interceptedOnChangeRaw,\n    onMonthChange: handleMonthChange,\n  };\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/** TODO v5: Remove the div wrapper, type the component as an input, and apply all root props to the TextInput */}\n      <ReactDatePicker\n        ref={datetimeRef}\n        customInput={\n          <DatePickerTextInputWrapper\n            isDisabled={isDisabled}\n            isClearable={isClearable}\n            textInputProps={textInputProps}\n          />\n        }\n        customTimeInput={\n          <span className=\"ndl-time-picker-wrapper\">\n            <Divider />\n            <TimePicker\n              isFluid\n              value={\n                preSelectedDate\n                  ? new NeedleTime(\n                      preSelectedDate.getHours(),\n                      preSelectedDate.getMinutes(),\n                    )\n                  : undefined\n              }\n              onChange={handleTimeChange}\n              {...timePickerProps}\n              floatingStrategy=\"absolute\"\n              isPortaled={false}\n            />\n            {timeZonePickerProps && (\n              <TimeZonePicker\n                isFluid\n                value={selectedTimeZone}\n                onChange={handleTimeZoneChange}\n                referenceDate={preSelectedDate || undefined}\n                {...timeZonePickerProps}\n                floatingStrategy=\"absolute\"\n                isPortaled={false}\n              />\n            )}\n          </span>\n        }\n        disabled={isDisabled}\n        showPopperArrow={false}\n        showMonthYearPicker={picker === 'month'}\n        showYearPicker={picker === 'year'}\n        shouldCloseOnSelect={\n          picker === 'day' && !(reactDatePickerProps.showTimeInput ?? false)\n        }\n        dayClassName={() => 'ndl-datepicker-day'}\n        renderCustomHeader={CustomHeader}\n        {...datePickerProps}\n        isClearable={isClearable}\n        popperClassName={classNames(\n          'ndl-datepicker-popper',\n          reactDatePickerProps.popperClassName,\n        )}\n        popperProps={{\n          strategy: isInsideDialog ? 'fixed' : 'absolute',\n          ...reactDatePickerProps.popperProps,\n        }}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: try to fix as some point\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\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 classNames from 'classnames';\nimport { format } from 'date-fns';\nimport { useCallback, useRef, useState } from 'react';\nimport ReactDatePicker, {\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\n\nimport type { CommonProps, HtmlAttributes } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport { ArrowLeftIconOutline } from '../icons/generated/heroIcons/ArrowLeftIconOutline';\nimport { ArrowRightIconOutline } from '../icons/generated/heroIcons/ArrowRightIconOutline';\nimport { CalendarDaysIconOutline } from '../icons/generated/heroIcons/CalendarDaysIconOutline';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { TextInput } from '../text-input';\nimport { NeedleTime, TimePicker, type TimePickerProps } from '../time-picker';\nimport { TimeZonePicker } from '../timezone-picker';\nimport { Typography } from '../typography';\nimport { daysInMonth, getYearsPeriodString } from './utils';\n\ntype DatePickerTextInputWrapperProps = React.ComponentProps<'input'> & {\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  isDisabled?: boolean;\n  isClearable?: boolean;\n  value?: string;\n  ariaLabel?: string;\n};\n\n// This wrapper is needed due to react-datepicker injecting html attributes\n// into the custom input component on root level, since we use htmlAttributes\n// we need to help spread them there instead of the root level\nconst DatePickerTextInputWrapper = ({\n  textInputProps,\n  isDisabled,\n  isClearable,\n  value,\n  placeholder,\n  ...restProps\n}: DatePickerTextInputWrapperProps) => {\n  // deconstruct textInputProps to avoid bugs with react-datepicker injecting props\n  const {\n    placeholder: textInputPlaceholder,\n    htmlAttributes: textInputHtmlAttributes,\n    onChange: textInputOnChange,\n    ref,\n    ...restTextInputProps\n  } = textInputProps ?? {};\n  const { onChange: injectedOnChange, ...restInjectedProps } = restProps;\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    injectedOnChange?.(event);\n    textInputOnChange?.(event);\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      trailingElement={<CalendarDaysIconOutline />}\n      value={value}\n      placeholder={placeholder ?? textInputPlaceholder}\n      isDisabled={isDisabled}\n      isClearable={isClearable}\n      onChange={handleChange}\n      // react-datepicker injects html attributes into the custom input\n      htmlAttributes={{\n        ...textInputHtmlAttributes,\n        ...restInjectedProps,\n      }}\n      {...restTextInputProps}\n    />\n  );\n};\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype PickerType = 'day' | 'month' | 'year';\n\n// Define a more flexible type for onChange\ntype DatePickerChangeHandler = (\n  date: Date | null | [Date | null, Date | null] | Date[],\n  event?: React.SyntheticEvent | undefined,\n) => void;\n\ninterface DatePickerProps {\n  /** Props for the embedded `TextInput` component. */\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  /** Whether the date picker is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether to show the clear button.\n   * @default false\n   */\n  isClearable?: boolean;\n  /** Props for the embedded `TimePicker` component. */\n  timePickerProps?: TimePickerProps;\n  /** Props for the embedded `TimeZonePicker` component. */\n  timeZonePickerProps?: React.ComponentProps<typeof TimeZonePicker>;\n  /** Props forwarded to underlying `react-datepicker` component. */\n  reactDatePickerProps: React.ComponentProps<typeof ReactDatePicker>;\n  /**\n   * WARNING: these attributes do not apply to the underlying input element currently. This will be fixed in a future version.\n   */\n  htmlAttributes?: HtmlAttributes<'div'>;\n}\n\nexport const DatePicker = ({\n  reactDatePickerProps,\n  textInputProps,\n  timePickerProps,\n  timeZonePickerProps,\n  isDisabled,\n  isClearable = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', DatePickerProps>) => {\n  const classes = classNames(`ndl-datepicker`, className, {});\n  const datetimeRef = useRef<ReactDatePicker>(null);\n  const [picker, setPicker] = useState<PickerType>('day');\n  const [preSelectedDate, setPreSelectedDate] = useState<Date | null>(\n    (reactDatePickerProps.selected as Date | null) ||\n      (reactDatePickerProps.startDate as Date | null),\n  );\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string | undefined>(\n    timeZonePickerProps?.value,\n  );\n\n  const isInsideDialog = useIsInsideDialog();\n\n  const headerAction = useCallback(\n    (action: PickerType) => {\n      setPicker(picker === action ? 'day' : action);\n    },\n    [picker],\n  );\n\n  const CustomHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const {\n        decreaseMonth,\n        increaseMonth,\n        increaseYear,\n        decreaseYear,\n        nextMonthButtonDisabled,\n        nextYearButtonDisabled,\n        prevMonthButtonDisabled,\n        prevYearButtonDisabled,\n      } = props;\n\n      const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;\n      const nextCallback = picker === 'year' ? increaseYear : increaseMonth;\n      const prevDisabled =\n        picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;\n      const nextDisabled =\n        picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;\n\n      return (\n        <div className=\"ndl-datepicker-header\">\n          <div className=\"ndl-datepicker-selects\">\n            {picker !== 'year' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'month' ? 'Close' : 'Open'} month picker`}\n                aria-pressed={picker === 'month'}\n                onClick={() => headerAction('month')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {format(props.date, 'MMM')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'month',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n            {picker !== 'month' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'year' ? 'Close' : 'Open'} year picker`}\n                onClick={() => headerAction('year')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {picker === 'year'\n                      ? getYearsPeriodString(\n                          props.date,\n                          reactDatePickerProps?.yearItemNumber,\n                        )\n                      : format(props.date, 'yyyy')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'year',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n          </div>\n          {picker !== 'month' && (\n            <div className=\"n-flex n-justify-center n-gap-token-16\">\n              <CleanIconButton\n                description={\n                  picker === 'year' ? 'Previous period' : 'Previous month'\n                }\n                onClick={prevCallback}\n                isDisabled={prevDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowLeftIconOutline />\n              </CleanIconButton>\n              <CleanIconButton\n                description={picker === 'year' ? 'Next period' : 'Next month'}\n                onClick={nextCallback}\n                isDisabled={nextDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowRightIconOutline />\n              </CleanIconButton>\n            </div>\n          )}\n        </div>\n      );\n    },\n    [picker, headerAction, reactDatePickerProps?.yearItemNumber],\n  );\n\n  const handleTimeChange = (newTime: NeedleTime) => {\n    if (\n      reactDatePickerProps.selectsRange ||\n      reactDatePickerProps.selectsMultiple\n    ) {\n      // this is consistent with the behavior of react-datepicker\n      return;\n    }\n\n    if (!preSelectedDate) {\n      return;\n    }\n\n    const newDate = new Date(preSelectedDate);\n    newDate.setHours(newTime.hour, newTime.minute, 0, 0);\n    setPreSelectedDate(newDate);\n\n    if (reactDatePickerProps.onChange) {\n      // For single date selection\n      reactDatePickerProps.onChange(newDate, undefined);\n    }\n  };\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n    if (timeZonePickerProps?.onChange) {\n      timeZonePickerProps.onChange(timezone);\n    }\n  };\n\n  /**\n   * Intercept onChange so we can work with\n   * Month and Year pickers\n   */\n  const interceptedChange: DatePickerChangeHandler = useCallback(\n    (\n      date: Date | null | [Date | null, Date | null] | Date[],\n      event?: React.SyntheticEvent,\n    ) => {\n      if (picker !== 'day') {\n        // setTimeout to prevent picker change before the handleMonthChange logic\n        setTimeout(() => {\n          setPicker('day');\n        });\n      } else if (picker === 'day') {\n        if (date instanceof Date) {\n          setPreSelectedDate(date);\n        } else if (\n          Array.isArray(date) &&\n          date.length > 0 &&\n          date[0] instanceof Date\n        ) {\n          setPreSelectedDate(date[0]);\n        } else if (date === null) {\n          setPreSelectedDate(null);\n        }\n\n        if (reactDatePickerProps.onChange && date !== null) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            date,\n            event,\n          );\n        }\n      }\n    },\n    [picker, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onCalendarClose so we can\n   * switch to \"day\" picker if we close on \"month\" or \"year\"\n   * view\n   */\n  const interceptedOnCalendarClose = useCallback(() => {\n    if (picker !== 'day') {\n      setPicker('day');\n    }\n    reactDatePickerProps?.onCalendarClose?.();\n  }, [picker, reactDatePickerProps]);\n\n  const handleMonthChange = useCallback(\n    (date: Date) => {\n      if (picker === 'month') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const daysInNewMonth = daysInMonth(date.getMonth(), date.getFullYear());\n        date.setDate(Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      } else if (picker === 'year') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const selectedMonth = preSelectedDate?.getMonth() ?? 0;\n        const daysInNewMonth = daysInMonth(selectedMonth, date.getFullYear());\n        date.setMonth(selectedMonth, Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      }\n      setPreSelectedDate(date);\n    },\n    [picker, preSelectedDate, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onChangeRaw to handle clearing the input\n   * When the user clears the text input, set the date to null\n   */\n  const interceptedOnChangeRaw = useCallback(\n    (\n      event?:\n        | React.KeyboardEvent<HTMLElement>\n        | React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => {\n      const target = event?.target as HTMLInputElement | undefined;\n      if (target?.value === '') {\n        setPreSelectedDate(null);\n        if (reactDatePickerProps.onChange) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            null,\n            event,\n          );\n        }\n      }\n      reactDatePickerProps?.onChangeRaw?.(event);\n    },\n    [reactDatePickerProps],\n  );\n\n  const datePickerProps = {\n    ...reactDatePickerProps,\n    onCalendarClose: interceptedOnCalendarClose,\n    onChange: interceptedChange,\n    onChangeRaw: interceptedOnChangeRaw,\n    onMonthChange: handleMonthChange,\n  };\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/** TODO v5: Remove the div wrapper, type the component as an input, and apply all root props to the TextInput */}\n      <ReactDatePicker\n        ref={datetimeRef}\n        customInput={\n          <DatePickerTextInputWrapper\n            isDisabled={isDisabled}\n            isClearable={isClearable}\n            textInputProps={textInputProps}\n          />\n        }\n        customTimeInput={\n          <span className=\"ndl-time-picker-wrapper\">\n            <Divider />\n            <TimePicker\n              isFluid\n              value={\n                preSelectedDate\n                  ? new NeedleTime(\n                      preSelectedDate.getHours(),\n                      preSelectedDate.getMinutes(),\n                    )\n                  : undefined\n              }\n              onChange={handleTimeChange}\n              {...timePickerProps}\n              floatingStrategy=\"absolute\"\n              isPortaled={false}\n            />\n            {timeZonePickerProps && (\n              <TimeZonePicker\n                isFluid\n                value={selectedTimeZone}\n                onChange={handleTimeZoneChange}\n                referenceDate={preSelectedDate || undefined}\n                {...timeZonePickerProps}\n                floatingStrategy=\"absolute\"\n                isPortaled={false}\n              />\n            )}\n          </span>\n        }\n        disabled={isDisabled}\n        showPopperArrow={false}\n        showMonthYearPicker={picker === 'month'}\n        showYearPicker={picker === 'year'}\n        shouldCloseOnSelect={\n          picker === 'day' && !(reactDatePickerProps.showTimeInput ?? false)\n        }\n        dayClassName={() => 'ndl-datepicker-day'}\n        renderCustomHeader={CustomHeader}\n        {...datePickerProps}\n        isClearable={isClearable}\n        popperClassName={classNames(\n          'ndl-datepicker-popper',\n          reactDatePickerProps.popperClassName,\n        )}\n        popperProps={{\n          strategy: isInsideDialog ? 'fixed' : 'absolute',\n          ...reactDatePickerProps.popperProps,\n        }}\n      />\n    </div>\n  );\n};\n"]}

package/lib/cjs/dialog/Dialog.js

@@ -73,7 +73,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const clean_icon_button_1 = require("../clean-icon-button");
 const filled_button_1 = require("../filled-button");
-const icons_1 = require("../icons");
+const ExclamationCircleIconOutline_1 = require("../icons/generated/heroIcons/ExclamationCircleIconOutline");
+const ExclamationTriangleIconOutline_1 = require("../icons/generated/heroIcons/ExclamationTriangleIconOutline");
+const InformationCircleIconOutline_1 = require("../icons/generated/heroIcons/InformationCircleIconOutline");
+const XMarkIconOutline_1 = require("../icons/generated/heroIcons/XMarkIconOutline");
 const modal_1 = require("../modal");
 const outlined_button_1 = require("../outlined-button");
 const text_button_1 = require("../text-button");
@@ -89,17 +92,17 @@ const convertCloseReason = (reason) => {
 };
 /* Stroke width on regular icons is 1.5px */
 const typeIcons = {
-    danger: ((0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconOutline, { htmlAttributes: {
+    danger: ((0, jsx_runtime_1.jsx)(ExclamationCircleIconOutline_1.ExclamationCircleIconOutline, { htmlAttributes: {
             'aria-hidden': undefined,
             'aria-label': 'Danger',
             strokeWidth: 3,
         } })),
-    info: ((0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, { htmlAttributes: {
+    info: ((0, jsx_runtime_1.jsx)(InformationCircleIconOutline_1.InformationCircleIconOutline, { htmlAttributes: {
             'aria-hidden': undefined,
             'aria-label': 'Information',
             strokeWidth: 3,
         } })),
-    warning: ((0, jsx_runtime_1.jsx)(icons_1.ExclamationTriangleIconOutline, { htmlAttributes: {
+    warning: ((0, jsx_runtime_1.jsx)(ExclamationTriangleIconOutline_1.ExclamationTriangleIconOutline, { htmlAttributes: {
             'aria-hidden': undefined,
             'aria-label': 'Warning',
             strokeWidth: 3,
@@ -154,7 +157,7 @@ const DialogComponent = (_a) => {
                         'aria-label': 'Close',
                         // TODO v5: remove data-testid
                         'data-testid': 'ndl-dialog-close',
-                    }, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-dialog-content-wrapper", children: [variant && ((0, jsx_runtime_1.jsx)("div", { className: `ndl-dialog-type-icon ndl-${variant}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[variant] })), (0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-flex-1 n-w-full", children: children })] })] }) })));
+                    }, children: (0, jsx_runtime_1.jsx)(XMarkIconOutline_1.XMarkIconOutline, {}) })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-dialog-content-wrapper", children: [variant && ((0, jsx_runtime_1.jsx)("div", { className: `ndl-dialog-type-icon ndl-${variant}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[variant] })), (0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-flex-1 n-w-full", children: children })] })] }) })));
 };
 const Actions = (_a) => {
     var { as, children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "children", "className", "style", "htmlAttributes", "ref"]);

package/lib/cjs/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.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 classNames from 'classnames';\nimport React, { useEffect, useId, useState } from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { type ButtonBase } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { FilledButton } from '../filled-button';\nimport {\n  ExclamationCircleIconOutline,\n  ExclamationTriangleIconOutline,\n  InformationCircleIconOutline,\n  XMarkIconOutline,\n} from '../icons';\nimport { Modal, ModalCloseReason } from '../modal';\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Typography } from '../typography';\nimport { DialogContext, useDialogContext } from './dialog-context';\nimport {\n  type DialogActionsProps,\n  DialogCloseReason,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogHeaderProps,\n  type DialogImageProps,\n  type DialogProps,\n  type DialogSubtitleProps,\n} from './dialog-types';\n\nconst convertCloseReason = (reason: ModalCloseReason): DialogCloseReason => {\n  const dialogReason = reason as unknown as DialogCloseReason;\n  if (Object.values(DialogCloseReason).includes(dialogReason)) {\n    return dialogReason;\n  }\n\n  throw new Error(`Unknown reason '${reason}' received from popup`);\n};\n/* Stroke width on regular icons is 1.5px */\nconst typeIcons: Record<\n  NonNullable<React.ComponentProps<typeof Dialog>['variant']>,\n  React.ReactNode\n> = {\n  danger: (\n    <ExclamationCircleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Danger',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n  info: (\n    <InformationCircleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Information',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n  warning: (\n    <ExclamationTriangleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Warning',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n};\n\nconst DialogComponent = ({\n  isOpen,\n  onClose,\n  children,\n  variant,\n  size,\n  container,\n  rootProps,\n  hasDisabledCloseButton = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'div', DialogProps>) => {\n  const generatedDescriptionId = useId();\n  const generatedHeaderId = useId();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    generatedDescriptionId,\n  );\n  const [headerId, setHeaderId] = useState<string | undefined>(\n    generatedHeaderId,\n  );\n\n  const handleCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    onClose?.(e, DialogCloseReason.CLOSE_BUTTON_CLICK);\n  };\n\n  const handleClose = (\n    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    reason?: ModalCloseReason,\n  ) => {\n    // Dialog should not be closed when backdrop is clicked\n    if (reason === ModalCloseReason.BACKDROP_CLICK) {\n      return;\n    }\n\n    onClose?.(e, reason !== undefined ? convertCloseReason(reason) : undefined);\n  };\n\n  const hasHeaderChild = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    return childrenArray.some(\n      (child) => React.isValidElement(child) && child.type === Header,\n    );\n  }, [children]);\n\n  const hasDescriptionChild = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    return childrenArray.some(\n      (child) => React.isValidElement(child) && child.type === Description,\n    );\n  }, [children]);\n\n  const ariaLabelledBy =\n    htmlAttributes?.['aria-labelledby'] ??\n    (hasHeaderChild ? headerId : undefined);\n\n  const ariaDescribedBy =\n    htmlAttributes?.['aria-describedby'] ??\n    (hasDescriptionChild ? descriptionId : undefined);\n\n  const dialogRole =\n    variant === 'warning' || variant === 'danger' ? 'alertdialog' : 'dialog';\n\n  if (!isOpen) {\n    return null;\n  }\n\n  if (htmlAttributes?.['aria-label'] === undefined && !ariaLabelledBy) {\n    console.warn(\n      'The Dialog is missing aria-label and Header. Please add one of them for accessibility.',\n    );\n  }\n\n  const classes = classNames('ndl-dialog', className, {\n    'ndl-with-close-button': !hasDisabledCloseButton,\n    'ndl-with-icon': !!variant,\n  });\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={handleClose}\n      container={container}\n      rootProps={rootProps}\n      size={size}\n      htmlAttributes={{\n        ...htmlAttributes,\n        'aria-describedby': ariaDescribedBy,\n        'aria-labelledby': ariaLabelledBy,\n        role: dialogRole,\n      }}\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      <DialogContext.Provider\n        value={{\n          descriptionId,\n          headerId,\n          setDescriptionId,\n          setHeaderId,\n          variant,\n        }}\n      >\n        {!hasDisabledCloseButton && (\n          <CleanIconButton\n            size=\"medium\"\n            className=\"ndl-dialog-close\"\n            onClick={handleCloseClick}\n            description={null}\n            htmlAttributes={{\n              'aria-label': 'Close',\n              // TODO v5: remove data-testid\n              'data-testid': 'ndl-dialog-close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n        <div className=\"ndl-dialog-content-wrapper\">\n          {variant && (\n            <div\n              className={`ndl-dialog-type-icon ndl-${variant}`}\n              // TODO v5: remove data-testid\n              data-testid=\"ndl-dialog-type-icon\"\n            >\n              {typeIcons[variant]}\n            </div>\n          )}\n          <div className=\"n-flex n-flex-col n-flex-1 n-w-full\">{children}</div>\n        </div>\n      </DialogContext.Provider>\n    </Modal>\n  );\n};\n\nconst Actions = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogActionsProps>) => {\n  const { variant } = useDialogContext();\n  const classes = classNames('ndl-dialog-actions', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  let childrenToRender = children;\n\n  // For danger dialogs, we want to convert primary buttons to danger buttons by default\n  if (variant === 'danger') {\n    childrenToRender = React.Children.map(children, (element) => {\n      if (!React.isValidElement(element)) {\n        return;\n      }\n      if (\n        element.type === OutlinedButton ||\n        element.type === FilledButton ||\n        element.type === TextButton\n      ) {\n        const buttonElement = element as React.ReactElement<\n          React.ComponentProps<typeof ButtonBase>\n        >;\n\n        if (\n          buttonElement.props.variant === 'primary' ||\n          buttonElement.props.variant === undefined\n        ) {\n          return React.cloneElement(buttonElement, {\n            ...buttonElement.props,\n            variant: 'danger',\n          });\n        }\n      }\n      return element;\n    });\n  }\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {childrenToRender}\n    </Component>\n  );\n};\n\nconst Header = <T extends React.ElementType = 'span'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogHeaderProps>) => {\n  const { headerId, setHeaderId } = useDialogContext();\n  const classes = classNames('ndl-dialog-header', className);\n  const Component: React.ElementType = as ?? 'span';\n\n  useEffect(() => {\n    if (Boolean(htmlAttributes?.id) === true) {\n      setHeaderId?.(htmlAttributes?.id);\n    }\n  }, [htmlAttributes?.id, setHeaderId]);\n\n  return (\n    <Typography\n      as={Component}\n      className={classes}\n      ref={ref}\n      style={style}\n      variant=\"title-2\"\n      {...restProps}\n      htmlAttributes={{ ...htmlAttributes, id: headerId }}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst Subtitle = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogSubtitleProps>) => {\n  const classes = classNames('ndl-dialog-subtitle', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Description = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogDescriptionProps>) => {\n  const { descriptionId, setDescriptionId } = useDialogContext();\n  const classes = classNames('ndl-dialog-description', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  useEffect(() => {\n    if (Boolean(htmlAttributes?.id) === true) {\n      setDescriptionId?.(htmlAttributes?.id);\n    }\n  }, [htmlAttributes?.id, setDescriptionId]);\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n      id={descriptionId}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Content = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogContentProps>) => {\n  const classes = classNames('ndl-dialog-content', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Image = ({\n  src,\n  alt,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'img', DialogImageProps>) => {\n  const classes = classNames('ndl-dialog-image', className);\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\nconst Dialog = Object.assign(DialogComponent, {\n  Actions,\n  Content,\n  Description,\n  Header,\n  Image,\n  Subtitle,\n});\n\nexport { Dialog };\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.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 classNames from 'classnames';\nimport React, { useEffect, useId, useState } from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { type ButtonBase } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { FilledButton } from '../filled-button';\nimport { ExclamationCircleIconOutline } from '../icons/generated/heroIcons/ExclamationCircleIconOutline';\nimport { ExclamationTriangleIconOutline } from '../icons/generated/heroIcons/ExclamationTriangleIconOutline';\nimport { InformationCircleIconOutline } from '../icons/generated/heroIcons/InformationCircleIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Modal, ModalCloseReason } from '../modal';\nimport { OutlinedButton } from '../outlined-button';\nimport { TextButton } from '../text-button';\nimport { Typography } from '../typography';\nimport { DialogContext, useDialogContext } from './dialog-context';\nimport {\n  type DialogActionsProps,\n  DialogCloseReason,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogHeaderProps,\n  type DialogImageProps,\n  type DialogProps,\n  type DialogSubtitleProps,\n} from './dialog-types';\n\nconst convertCloseReason = (reason: ModalCloseReason): DialogCloseReason => {\n  const dialogReason = reason as unknown as DialogCloseReason;\n  if (Object.values(DialogCloseReason).includes(dialogReason)) {\n    return dialogReason;\n  }\n\n  throw new Error(`Unknown reason '${reason}' received from popup`);\n};\n/* Stroke width on regular icons is 1.5px */\nconst typeIcons: Record<\n  NonNullable<React.ComponentProps<typeof Dialog>['variant']>,\n  React.ReactNode\n> = {\n  danger: (\n    <ExclamationCircleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Danger',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n  info: (\n    <InformationCircleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Information',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n  warning: (\n    <ExclamationTriangleIconOutline\n      htmlAttributes={{\n        'aria-hidden': undefined,\n        'aria-label': 'Warning',\n        strokeWidth: 3,\n      }}\n    />\n  ),\n};\n\nconst DialogComponent = ({\n  isOpen,\n  onClose,\n  children,\n  variant,\n  size,\n  container,\n  rootProps,\n  hasDisabledCloseButton = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'div', DialogProps>) => {\n  const generatedDescriptionId = useId();\n  const generatedHeaderId = useId();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    generatedDescriptionId,\n  );\n  const [headerId, setHeaderId] = useState<string | undefined>(\n    generatedHeaderId,\n  );\n\n  const handleCloseClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    onClose?.(e, DialogCloseReason.CLOSE_BUTTON_CLICK);\n  };\n\n  const handleClose = (\n    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    reason?: ModalCloseReason,\n  ) => {\n    // Dialog should not be closed when backdrop is clicked\n    if (reason === ModalCloseReason.BACKDROP_CLICK) {\n      return;\n    }\n\n    onClose?.(e, reason !== undefined ? convertCloseReason(reason) : undefined);\n  };\n\n  const hasHeaderChild = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    return childrenArray.some(\n      (child) => React.isValidElement(child) && child.type === Header,\n    );\n  }, [children]);\n\n  const hasDescriptionChild = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    return childrenArray.some(\n      (child) => React.isValidElement(child) && child.type === Description,\n    );\n  }, [children]);\n\n  const ariaLabelledBy =\n    htmlAttributes?.['aria-labelledby'] ??\n    (hasHeaderChild ? headerId : undefined);\n\n  const ariaDescribedBy =\n    htmlAttributes?.['aria-describedby'] ??\n    (hasDescriptionChild ? descriptionId : undefined);\n\n  const dialogRole =\n    variant === 'warning' || variant === 'danger' ? 'alertdialog' : 'dialog';\n\n  if (!isOpen) {\n    return null;\n  }\n\n  if (htmlAttributes?.['aria-label'] === undefined && !ariaLabelledBy) {\n    console.warn(\n      'The Dialog is missing aria-label and Header. Please add one of them for accessibility.',\n    );\n  }\n\n  const classes = classNames('ndl-dialog', className, {\n    'ndl-with-close-button': !hasDisabledCloseButton,\n    'ndl-with-icon': !!variant,\n  });\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={handleClose}\n      container={container}\n      rootProps={rootProps}\n      size={size}\n      htmlAttributes={{\n        ...htmlAttributes,\n        'aria-describedby': ariaDescribedBy,\n        'aria-labelledby': ariaLabelledBy,\n        role: dialogRole,\n      }}\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n    >\n      <DialogContext.Provider\n        value={{\n          descriptionId,\n          headerId,\n          setDescriptionId,\n          setHeaderId,\n          variant,\n        }}\n      >\n        {!hasDisabledCloseButton && (\n          <CleanIconButton\n            size=\"medium\"\n            className=\"ndl-dialog-close\"\n            onClick={handleCloseClick}\n            description={null}\n            htmlAttributes={{\n              'aria-label': 'Close',\n              // TODO v5: remove data-testid\n              'data-testid': 'ndl-dialog-close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n        <div className=\"ndl-dialog-content-wrapper\">\n          {variant && (\n            <div\n              className={`ndl-dialog-type-icon ndl-${variant}`}\n              // TODO v5: remove data-testid\n              data-testid=\"ndl-dialog-type-icon\"\n            >\n              {typeIcons[variant]}\n            </div>\n          )}\n          <div className=\"n-flex n-flex-col n-flex-1 n-w-full\">{children}</div>\n        </div>\n      </DialogContext.Provider>\n    </Modal>\n  );\n};\n\nconst Actions = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogActionsProps>) => {\n  const { variant } = useDialogContext();\n  const classes = classNames('ndl-dialog-actions', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  let childrenToRender = children;\n\n  // For danger dialogs, we want to convert primary buttons to danger buttons by default\n  if (variant === 'danger') {\n    childrenToRender = React.Children.map(children, (element) => {\n      if (!React.isValidElement(element)) {\n        return;\n      }\n      if (\n        element.type === OutlinedButton ||\n        element.type === FilledButton ||\n        element.type === TextButton\n      ) {\n        const buttonElement = element as React.ReactElement<\n          React.ComponentProps<typeof ButtonBase>\n        >;\n\n        if (\n          buttonElement.props.variant === 'primary' ||\n          buttonElement.props.variant === undefined\n        ) {\n          return React.cloneElement(buttonElement, {\n            ...buttonElement.props,\n            variant: 'danger',\n          });\n        }\n      }\n      return element;\n    });\n  }\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {childrenToRender}\n    </Component>\n  );\n};\n\nconst Header = <T extends React.ElementType = 'span'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogHeaderProps>) => {\n  const { headerId, setHeaderId } = useDialogContext();\n  const classes = classNames('ndl-dialog-header', className);\n  const Component: React.ElementType = as ?? 'span';\n\n  useEffect(() => {\n    if (Boolean(htmlAttributes?.id) === true) {\n      setHeaderId?.(htmlAttributes?.id);\n    }\n  }, [htmlAttributes?.id, setHeaderId]);\n\n  return (\n    <Typography\n      as={Component}\n      className={classes}\n      ref={ref}\n      style={style}\n      variant=\"title-2\"\n      {...restProps}\n      htmlAttributes={{ ...htmlAttributes, id: headerId }}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nconst Subtitle = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogSubtitleProps>) => {\n  const classes = classNames('ndl-dialog-subtitle', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Description = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogDescriptionProps>) => {\n  const { descriptionId, setDescriptionId } = useDialogContext();\n  const classes = classNames('ndl-dialog-description', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  useEffect(() => {\n    if (Boolean(htmlAttributes?.id) === true) {\n      setDescriptionId?.(htmlAttributes?.id);\n    }\n  }, [htmlAttributes?.id, setDescriptionId]);\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n      id={descriptionId}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Content = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, DialogContentProps>) => {\n  const classes = classNames('ndl-dialog-content', className);\n  const Component: React.ElementType = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Image = ({\n  src,\n  alt,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'img', DialogImageProps>) => {\n  const classes = classNames('ndl-dialog-image', className);\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\nconst Dialog = Object.assign(DialogComponent, {\n  Actions,\n  Content,\n  Description,\n  Header,\n  Image,\n  Subtitle,\n});\n\nexport { Dialog };\n"]}

package/lib/cjs/dismissible-tag/DismissibleTag.js

@@ -35,12 +35,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DismissibleTag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../icons");
+const XMarkIconOutline_1 = require("../icons/generated/heroIcons/XMarkIconOutline");
 const tag_base_1 = require("../tag-base");
 const DismissibleTag = (_a) => {
     var { size = 'medium', color, children, htmlAttributes, leadingVisual, onRemove } = _a, restProps = __rest(_a, ["size", "color", "children", "htmlAttributes", "leadingVisual", "onRemove"]);
     const contentId = (0, react_1.useId)();
-    return ((0, jsx_runtime_1.jsx)(tag_base_1.TagBase, Object.assign({ color: color, contentId: contentId, htmlAttributes: htmlAttributes, leadingVisual: leadingVisual, size: size, trailingContent: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "ndl-remove-icon", onClick: onRemove, "aria-describedby": contentId, "aria-label": "Remove", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }) }, restProps, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(tag_base_1.TagBase, Object.assign({ color: color, contentId: contentId, htmlAttributes: htmlAttributes, leadingVisual: leadingVisual, size: size, trailingContent: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "ndl-remove-icon", onClick: onRemove, "aria-describedby": contentId, "aria-label": "Remove", children: (0, jsx_runtime_1.jsx)(XMarkIconOutline_1.XMarkIconOutline, {}) }) }, restProps, { children: children })));
 };
 exports.DismissibleTag = DismissibleTag;
 //# sourceMappingURL=DismissibleTag.js.map

package/lib/cjs/dismissible-tag/DismissibleTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleTag.js","sourceRoot":"","sources":["../../../src/dismissible-tag/DismissibleTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,iCAA8B;AAG9B,oCAA4C;AAE5C,0CAAsC;AAe/B,MAAM,cAAc,GAAG,CAAC,EAQW,EAAE,EAAE;QARf,EAC7B,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,QAAQ,OAEgC,EADrC,SAAS,cAPiB,4EAQ9B,CADa;IAEZ,MAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAC;IAE1B,OAAO,CACL,uBAAC,kBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,eAAe,EACb,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,QAAQ,sBACC,SAAS,gBAChB,QAAQ,YAEnB,uBAAC,wBAAgB,KAAG,GACb,IAEP,SAAS,cAEZ,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB","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 type React from 'react';\nimport { useId } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { XMarkIconOutline } from '../icons';\nimport type { TagColor, TagSize } from '../tag-base';\nimport { TagBase } from '../tag-base';\n\ninterface DismissibleTagProps {\n  /** Categorical color for the background */\n  color?: TagColor;\n  /** The content of the tag */\n  children?: React.ReactNode;\n  /** Icon to display before the content */\n  leadingVisual?: React.ReactNode;\n  /** Size of the tag */\n  size?: TagSize;\n  /** Callback function triggered when tag should be removed. */\n  onRemove: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const DismissibleTag = ({\n  size = 'medium',\n  color,\n  children,\n  htmlAttributes,\n  leadingVisual,\n  onRemove,\n  ...restProps\n}: CommonProps<'div', DismissibleTagProps>) => {\n  const contentId = useId();\n\n  return (\n    <TagBase\n      color={color}\n      contentId={contentId}\n      htmlAttributes={htmlAttributes}\n      leadingVisual={leadingVisual}\n      size={size}\n      trailingContent={\n        <button\n          type=\"button\"\n          className=\"ndl-remove-icon\"\n          onClick={onRemove}\n          aria-describedby={contentId}\n          aria-label=\"Remove\"\n        >\n          <XMarkIconOutline />\n        </button>\n      }\n      {...restProps}\n    >\n      {children}\n    </TagBase>\n  );\n};\n"]}
+{"version":3,"file":"DismissibleTag.js","sourceRoot":"","sources":["../../../src/dismissible-tag/DismissibleTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,iCAA8B;AAG9B,oFAAiF;AAEjF,0CAAsC;AAe/B,MAAM,cAAc,GAAG,CAAC,EAQW,EAAE,EAAE;QARf,EAC7B,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,QAAQ,OAEgC,EADrC,SAAS,cAPiB,4EAQ9B,CADa;IAEZ,MAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAC;IAE1B,OAAO,CACL,uBAAC,kBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,eAAe,EACb,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,QAAQ,sBACC,SAAS,gBAChB,QAAQ,YAEnB,uBAAC,mCAAgB,KAAG,GACb,IAEP,SAAS,cAEZ,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB","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 type React from 'react';\nimport { useId } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport type { TagColor, TagSize } from '../tag-base';\nimport { TagBase } from '../tag-base';\n\ninterface DismissibleTagProps {\n  /** Categorical color for the background */\n  color?: TagColor;\n  /** The content of the tag */\n  children?: React.ReactNode;\n  /** Icon to display before the content */\n  leadingVisual?: React.ReactNode;\n  /** Size of the tag */\n  size?: TagSize;\n  /** Callback function triggered when tag should be removed. */\n  onRemove: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const DismissibleTag = ({\n  size = 'medium',\n  color,\n  children,\n  htmlAttributes,\n  leadingVisual,\n  onRemove,\n  ...restProps\n}: CommonProps<'div', DismissibleTagProps>) => {\n  const contentId = useId();\n\n  return (\n    <TagBase\n      color={color}\n      contentId={contentId}\n      htmlAttributes={htmlAttributes}\n      leadingVisual={leadingVisual}\n      size={size}\n      trailingContent={\n        <button\n          type=\"button\"\n          className=\"ndl-remove-icon\"\n          onClick={onRemove}\n          aria-describedby={contentId}\n          aria-label=\"Remove\"\n        >\n          <XMarkIconOutline />\n        </button>\n      }\n      {...restProps}\n    >\n      {children}\n    </TagBase>\n  );\n};\n"]}

package/lib/cjs/drawer/Drawer.js

@@ -43,7 +43,7 @@ const react_2 = require("react");
 const utils_1 = require("../_common/utils");
 const clean_icon_button_1 = require("../clean-icon-button");
 const conditional_wrap_1 = require("../conditional-wrap");
-const icons_1 = require("../icons");
+const XMarkIconOutline_1 = require("../icons/generated/heroIcons/XMarkIconOutline");
 const typography_1 = require("../typography");
 const KEYBOARD_RESIZE_STEP_PX = 16;
 function parsePixelSize(value) {
@@ -161,7 +161,7 @@ const DrawerComponent = function DrawerComponent(_a) {
     }, [onExpandedChange]);
     const closeButton = (0, react_2.useMemo)(() => isCloseable || type === 'modal' ? ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { className: "ndl-drawer-close-button", onClick: handleClose, description: null, size: "medium", htmlAttributes: {
             'aria-label': 'Close',
-        }, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) })) : null, [handleClose, isCloseable, type]);
+        }, children: (0, jsx_runtime_1.jsx)(XMarkIconOutline_1.XMarkIconOutline, {}) })) : null, [handleClose, isCloseable, type]);
     const resizableContent = ((0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, Object.assign({ as: Component, defaultSize: {
             height: '100%',
             width: 'auto',