@neo4j-ndl/react 4.1.5 → 4.1.6

package/lib/cjs/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/box/Box.tsx"],"names":[],"mappings":";;;;AA2BA,4CAAyD;AAmClD,MAAM,GAAG,GAAG,CAAsC,EACvD,EAAE,GAAG,KAAU,EACf,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,GAAG,GACqC,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IAEjD,MAAM,eAAe,GAAG;QACtB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;QACrD,OAAO,EAAE,IAAA,kBAAU,EAAC,OAAO,EAAE,SAAS,CAAC;QACvC,eAAe,EAAE,IAAA,kBAAU,EAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/D,iBAAiB,EAAE,IAAA,kBAAU,EAAC,iBAAiB,EAAE,mBAAmB,CAAC;QACrE,aAAa,EAAE,IAAA,kBAAU,EAAC,aAAa,EAAE,eAAe,CAAC;QACzD,gBAAgB,EAAE,IAAA,kBAAU,EAAC,gBAAgB,EAAE,kBAAkB,CAAC;QAClE,kBAAkB,EAAE,IAAA,kBAAU,EAAC,kBAAkB,EAAE,oBAAoB,CAAC;KACzE,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,GAAG,OAmCd","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';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype BaseBoxProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  padding?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingBlockStart?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingBlockEnd?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInline?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInlineStart?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInlineEnd?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const Box = <T extends React.ElementType = 'div'>({\n  as = 'div' as T,\n  padding,\n  paddingInline,\n  paddingInlineStart,\n  paddingInlineEnd,\n  paddingBlockEnd,\n  paddingBlockStart,\n  borderRadius,\n  children,\n  style,\n  htmlAttributes,\n  ref,\n}: PolymorphicCommonProps<T, BaseBoxProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n\n  const additionalStyle = {\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n    padding: getSpacing(padding, 'padding'),\n    paddingBlockEnd: getSpacing(paddingBlockEnd, 'paddingBlockEnd'),\n    paddingBlockStart: getSpacing(paddingBlockStart, 'paddingBlockStart'),\n    paddingInline: getSpacing(paddingInline, 'paddingInline'),\n    paddingInlineEnd: getSpacing(paddingInlineEnd, 'paddingInlineEnd'),\n    paddingInlineStart: getSpacing(paddingInlineStart, 'paddingInlineStart'),\n  };\n\n  return (\n    <Component\n      ref={ref}\n      style={{ ...additionalStyle, ...style }}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2BA,4CAAyD;AAmClD,MAAM,GAAG,GAAG,CAAsC,EAcf,EAAE,EAAE;QAdW,EACvD,EAAE,GAAG,KAAU,EACf,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,GAAG,OAEqC,EADrC,SAAS,cAb2C,kLAcxD,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAAC;IAEjD,MAAM,eAAe,GAAG;QACtB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;QACrD,OAAO,EAAE,IAAA,kBAAU,EAAC,OAAO,EAAE,SAAS,CAAC;QACvC,eAAe,EAAE,IAAA,kBAAU,EAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/D,iBAAiB,EAAE,IAAA,kBAAU,EAAC,iBAAiB,EAAE,mBAAmB,CAAC;QACrE,aAAa,EAAE,IAAA,kBAAU,EAAC,aAAa,EAAE,eAAe,CAAC;QACzD,gBAAgB,EAAE,IAAA,kBAAU,EAAC,gBAAgB,EAAE,kBAAkB,CAAC;QAClE,kBAAkB,EAAE,IAAA,kBAAU,EAAC,kBAAkB,EAAE,oBAAoB,CAAC;KACzE,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,GAAG,OAqCd","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';\n\nimport {\n  type PolymorphicCommonProps,\n  type Radius,\n  type Spacing,\n} from '../_common/types';\nimport { getRadius, getSpacing } from '../_common/utils';\n\ntype BaseBoxProps = {\n  /**\n   * @default tokens.space['4']\n   */\n  padding?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingBlockStart?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingBlockEnd?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInline?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInlineStart?: Spacing;\n  /**\n   * @default undefined\n   */\n  paddingInlineEnd?: Spacing;\n  /**\n   * @default undefined\n   */\n  borderRadius?: Radius;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const Box = <T extends React.ElementType = 'div'>({\n  as = 'div' as T,\n  padding,\n  paddingInline,\n  paddingInlineStart,\n  paddingInlineEnd,\n  paddingBlockEnd,\n  paddingBlockStart,\n  borderRadius,\n  children,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BaseBoxProps>) => {\n  const Component: React.ElementType = as ?? 'div';\n\n  const additionalStyle = {\n    borderRadius: getRadius(borderRadius, 'borderRadius'),\n    padding: getSpacing(padding, 'padding'),\n    paddingBlockEnd: getSpacing(paddingBlockEnd, 'paddingBlockEnd'),\n    paddingBlockStart: getSpacing(paddingBlockStart, 'paddingBlockStart'),\n    paddingInline: getSpacing(paddingInline, 'paddingInline'),\n    paddingInlineEnd: getSpacing(paddingInlineEnd, 'paddingInlineEnd'),\n    paddingInlineStart: getSpacing(paddingInlineStart, 'paddingInlineStart'),\n  };\n\n  return (\n    <Component\n      ref={ref}\n      style={{ ...additionalStyle, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n"]}

package/lib/cjs/box/stories/box.stories.js

@@ -22,8 +22,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const __1 = require("../../");
-const _1 = require("./");
+const __1 = require("../..");
+const _1 = require(".");
 const componentMeta = {
     component: __1.Box,
     id: 'components-box',

package/lib/cjs/box/stories/box.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.stories.js","sourceRoot":"","sources":["../../../../src/box/stories/box.stories.tsx"],"names":[],"mappings":";;;AAsBA,8BAA6B;AAC7B,yBAA+C;AAE/C,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,OAAG;IACd,EAAE,EAAE,gBAAgB;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gBAAgB;CACG,CAAC;AAE7B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,8DAA8D;QACzE,OAAO,EAAE,GAAG;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAa;gBACnB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,aAAU;CACnB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Box } from '../../';\nimport { BoxDefault, BoxDefaultSrc } from './';\n\nconst componentMeta = {\n  component: Box,\n  id: 'components-box',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Box',\n} satisfies Meta<typeof Box>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: 'Box',\n    className: 'n-bg-primary-bg-weak n-border n-border-primary-border-strong',\n    padding: '8',\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: BoxDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BoxDefault,\n};\n"]}
+{"version":3,"file":"box.stories.js","sourceRoot":"","sources":["../../../../src/box/stories/box.stories.tsx"],"names":[],"mappings":";;;AAsBA,6BAA4B;AAC5B,wBAA8C;AAE9C,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,OAAG;IACd,EAAE,EAAE,gBAAgB;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gBAAgB;CACG,CAAC;AAE7B,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,8DAA8D;QACzE,OAAO,EAAE,GAAG;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAa;gBACnB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,aAAU;CACnB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Box } from '../..';\nimport { BoxDefault, BoxDefaultSrc } from '.';\n\nconst componentMeta = {\n  component: Box,\n  id: 'components-box',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Box',\n} satisfies Meta<typeof Box>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {\n    children: 'Box',\n    className: 'n-bg-primary-bg-weak n-border n-border-primary-border-strong',\n    padding: '8',\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: BoxDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: BoxDefault,\n};\n"]}

package/lib/cjs/breadcrumbs/Breadcrumbs.js

@@ -39,12 +39,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@neo4j-ndl/react/icons");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const BreadcrumbsComponent = ({ children, className, htmlAttributes, style, ref, shouldWrap = true, }) => {
+const BreadcrumbsComponent = (_a) => {
+    var { children, className, htmlAttributes, style, ref, shouldWrap = true } = _a, restProps = __rest(_a, ["children", "className", "htmlAttributes", "style", "ref", "shouldWrap"]);
     const classes = (0, classnames_1.default)('ndl-breadcrumbs', className);
     const listClasses = (0, classnames_1.default)('ndl-breadcrumbs-list', {
         'ndl-breadcrumbs-wrap': shouldWrap,
     });
-    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ "aria-label": "Breadcrumb", ref: ref, className: classes, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { className: listClasses, children: children }) })));
+    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ "aria-label": "Breadcrumb", ref: ref, className: classes, style: style }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { className: listClasses, children: children }) })));
 };
 const BreadcrumbsItemContext = (0, react_1.createContext)(null);
 const useBreadcrumbsItemContext = () => {
@@ -55,21 +56,23 @@ const useBreadcrumbsItemContext = () => {
     return context;
 };
 exports.useBreadcrumbsItemContext = useBreadcrumbsItemContext;
-const BreadcrumbsItem = ({ children, className, style, htmlAttributes, ref, }) => {
+const BreadcrumbsItem = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
     const classes = (0, classnames_1.default)('ndl-breadcrumbs-item', className);
-    return ((0, jsx_runtime_1.jsx)(BreadcrumbsItemContext.Provider, { value: { isInBreadcrumbsItem: true }, children: (0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-item-inner", children: children }) })) }));
+    return ((0, jsx_runtime_1.jsx)(BreadcrumbsItemContext.Provider, { value: { isInBreadcrumbsItem: true }, children: (0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, restProps, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-item-inner", children: children }) })) }));
 };
 const BreadcrumbsButton = (_a) => {
     var { children, as, className, style, htmlAttributes, ref, leadingElement, trailingElement } = _a, restProps = __rest(_a, ["children", "as", "className", "style", "htmlAttributes", "ref", "leadingElement", "trailingElement"]);
     (0, exports.useBreadcrumbsItemContext)();
     const Component = as !== null && as !== void 0 ? as : 'button';
     const classes = (0, classnames_1.default)('ndl-breadcrumbs-button ndl-breadcrumbs-sibling-hover', className);
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, style: style }, restProps, htmlAttributes, { children: [Boolean(leadingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-leading-element", children: leadingElement })), (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-content", children: children }), Boolean(trailingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-trailing-element", children: trailingElement }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, restProps, { children: [Boolean(leadingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-leading-element", children: leadingElement })), (0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-content", children: children }), Boolean(trailingElement) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-breadcrumbs-button-trailing-element", children: trailingElement }))] })));
 };
-const BreadcrumbsSelectButton = ({ onClick, children, className, style, htmlAttributes, ariaLabel, ref, }) => {
+const BreadcrumbsSelectButton = (_a) => {
+    var { onClick, children, className, style, htmlAttributes, ariaLabel, ref } = _a, restProps = __rest(_a, ["onClick", "children", "className", "style", "htmlAttributes", "ariaLabel", "ref"]);
     (0, exports.useBreadcrumbsItemContext)();
     const classes = (0, classnames_1.default)('ndl-breadcrumbs-select', className);
-    return ((0, jsx_runtime_1.jsx)(BreadcrumbsButton, { ref: ref, as: "button", className: classes, style: style, onClick: onClick, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { 'aria-label': ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes['aria-label'] }), leadingElement: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}), children: children }));
+    return ((0, jsx_runtime_1.jsx)(BreadcrumbsButton, Object.assign({ ref: ref, as: "button", className: classes, style: style, onClick: onClick, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { 'aria-label': ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes['aria-label'] }), leadingElement: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }, restProps, { children: children })));
 };
 const BreadcrumbsLink = (_a) => {
     var { children, as, className, style, htmlAttributes, ariaCurrent = false, ref } = _a, restProps = __rest(_a, ["children", "as", "className", "style", "htmlAttributes", "ariaCurrent", "ref"]);

package/lib/cjs/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { ChevronDownIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { createContext, useContext } from 'react';\n\nimport {\n  type CommonProps,\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\n\ntype BreadcrumbsProps = {\n  /** Content to be rendered. Should only be `Breadcrumbs.Item`. */\n  children?: React.ReactNode;\n  /** Additional classnames. */\n  shouldWrap?: boolean;\n};\n\nconst BreadcrumbsComponent = ({\n  children,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n  shouldWrap = true,\n}: CommonProps<'nav', BreadcrumbsProps>) => {\n  const classes = classNames('ndl-breadcrumbs', className);\n  const listClasses = classNames('ndl-breadcrumbs-list', {\n    'ndl-breadcrumbs-wrap': shouldWrap,\n  });\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      ref={ref}\n      className={classes}\n      style={style}\n      {...htmlAttributes}\n    >\n      <ol className={listClasses}>{children}</ol>\n    </nav>\n  );\n};\n\ntype BreadcrumbsItemContextType = {\n  isInBreadcrumbsItem: boolean;\n};\n\nconst BreadcrumbsItemContext = createContext<BreadcrumbsItemContextType | null>(\n  null,\n);\n\nexport const useBreadcrumbsItemContext = (): BreadcrumbsItemContextType => {\n  const context = useContext(BreadcrumbsItemContext);\n  if (!context) {\n    throw new Error('This component must be used within a <Breadcrumbs.Item>');\n  }\n\n  return context;\n};\n\ntype BreadcrumbsItemProps = {\n  /** Content to be rendered. Should be either `Breadcrumbs.Link`, `Breadcrumbs.Button` or `Breadcrumbs.SelectButton`. */\n  children?: React.ReactNode;\n};\n\nconst BreadcrumbsItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n}: CommonProps<'li', BreadcrumbsItemProps>) => {\n  const classes = classNames('ndl-breadcrumbs-item', className);\n\n  return (\n    <BreadcrumbsItemContext.Provider value={{ isInBreadcrumbsItem: true }}>\n      <li ref={ref} className={classes} style={style} {...htmlAttributes}>\n        <div className=\"ndl-breadcrumbs-item-inner\">{children}</div>\n      </li>\n    </BreadcrumbsItemContext.Provider>\n  );\n};\n\ntype InteractiveBreadcrumbProps = {\n  /** Content to be rendered. */\n  children?: React.ReactNode;\n} & (\n  | {\n      as: 'button';\n      /**\n       * Event handler for when the button is clicked. Only applicable if `as` is `'button'`.\n       */\n      onClick?: (\n        event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      ) => void;\n    }\n  | {\n      as: 'a';\n      /**\n       * The href of the link. Only applicable if `as` is `'a'`.\n       */\n      href: HtmlAttributes<'a'>['href'];\n      /**\n       * The target of the link. Only applicable if `as` is `'a'`.\n       */\n      target?: HtmlAttributes<'a'>['target'];\n    }\n  | {\n      /**\n       * What HTML element to render the root element as.\n       */\n      as?: React.ElementType;\n    }\n);\n\ntype BreadcrumbsButtonProps = InteractiveBreadcrumbProps & {\n  /** Leading element to be rendered. */\n  leadingElement?: React.ReactNode;\n  /** Trailing element to be rendered. */\n  trailingElement?: React.ReactNode;\n};\n\nconst BreadcrumbsButton = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  leadingElement,\n  trailingElement,\n  ...restProps\n}: PolymorphicCommonProps<T, BreadcrumbsButtonProps>) => {\n  useBreadcrumbsItemContext();\n\n  const Component: React.ElementType = as ?? 'button';\n\n  const classes = classNames(\n    'ndl-breadcrumbs-button ndl-breadcrumbs-sibling-hover',\n    className,\n  );\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {Boolean(leadingElement) && (\n        <div className=\"ndl-breadcrumbs-button-leading-element\">\n          {leadingElement}\n        </div>\n      )}\n      <div className=\"ndl-breadcrumbs-button-content\">{children}</div>\n      {Boolean(trailingElement) && (\n        <div className=\"ndl-breadcrumbs-button-trailing-element\">\n          {trailingElement}\n        </div>\n      )}\n    </Component>\n  );\n};\n\ntype BreadcrumbsSelectButtonProps = {\n  /** Event handler for when the button is clicked. Should be used to open a `Menu`. */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Aria label needed for accessibility. */\n  ariaLabel: string;\n  /** Content to be rendered. */\n  children?: React.ReactNode;\n  /** Additional classnames. */\n  className?: string;\n  /** Additional css styling. */\n  style?: React.CSSProperties;\n  /** HTML attributes. */\n  htmlAttributes?: HtmlAttributes<'button'>;\n};\n\nconst BreadcrumbsSelectButton = ({\n  onClick,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ariaLabel,\n  ref,\n}: CommonProps<'button', BreadcrumbsSelectButtonProps>) => {\n  useBreadcrumbsItemContext();\n\n  const classes = classNames('ndl-breadcrumbs-select', className);\n\n  return (\n    <BreadcrumbsButton\n      ref={ref}\n      as=\"button\"\n      className={classes}\n      style={style}\n      onClick={onClick}\n      htmlAttributes={{\n        ...htmlAttributes,\n        'aria-label': ariaLabel ?? htmlAttributes?.['aria-label'],\n      }}\n      leadingElement={<ChevronDownIconOutline />}\n    >\n      {children}\n    </BreadcrumbsButton>\n  );\n};\n\ntype BreadcrumbsLinkProps = InteractiveBreadcrumbProps & {\n  /**\n   * Whether the link is the current item. Use `'page'` if it indicates the current page and `'step'` for steps (in a multi-step wizard for example).\n   * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n   */\n  ariaCurrent?: React.AriaAttributes['aria-current'];\n};\n\nconst BreadcrumbsLink = <T extends React.ElementType = 'a'>({\n  children,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ariaCurrent = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BreadcrumbsLinkProps>) => {\n  useBreadcrumbsItemContext();\n\n  const Component: React.ElementType = as ?? 'a';\n\n  const classes = classNames(\n    'ndl-breadcrumbs-link',\n    {\n      'ndl-breadcrumbs-link-current': Boolean(ariaCurrent),\n    },\n    className,\n  );\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      aria-current={ariaCurrent}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Breadcrumbs = Object.assign(BreadcrumbsComponent, {\n  Button: BreadcrumbsButton,\n  Item: BreadcrumbsItem,\n  Link: BreadcrumbsLink,\n  SelectButton: BreadcrumbsSelectButton,\n});\n\nexport { Breadcrumbs };\n"]}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { ChevronDownIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { createContext, useContext } from 'react';\n\nimport {\n  type CommonProps,\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\n\ntype BreadcrumbsProps = {\n  /** Content to be rendered. Should only be `Breadcrumbs.Item`. */\n  children?: React.ReactNode;\n  /** Additional classnames. */\n  shouldWrap?: boolean;\n};\n\nconst BreadcrumbsComponent = ({\n  children,\n  className,\n  htmlAttributes,\n  style,\n  ref,\n  shouldWrap = true,\n  ...restProps\n}: CommonProps<'nav', BreadcrumbsProps>) => {\n  const classes = classNames('ndl-breadcrumbs', className);\n  const listClasses = classNames('ndl-breadcrumbs-list', {\n    'ndl-breadcrumbs-wrap': shouldWrap,\n  });\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <ol className={listClasses}>{children}</ol>\n    </nav>\n  );\n};\n\ntype BreadcrumbsItemContextType = {\n  isInBreadcrumbsItem: boolean;\n};\n\nconst BreadcrumbsItemContext = createContext<BreadcrumbsItemContextType | null>(\n  null,\n);\n\nexport const useBreadcrumbsItemContext = (): BreadcrumbsItemContextType => {\n  const context = useContext(BreadcrumbsItemContext);\n  if (!context) {\n    throw new Error('This component must be used within a <Breadcrumbs.Item>');\n  }\n\n  return context;\n};\n\ntype BreadcrumbsItemProps = {\n  /** Content to be rendered. Should be either `Breadcrumbs.Link`, `Breadcrumbs.Button` or `Breadcrumbs.SelectButton`. */\n  children?: React.ReactNode;\n};\n\nconst BreadcrumbsItem = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'li', BreadcrumbsItemProps>) => {\n  const classes = classNames('ndl-breadcrumbs-item', className);\n\n  return (\n    <BreadcrumbsItemContext.Provider value={{ isInBreadcrumbsItem: true }}>\n      <li\n        ref={ref}\n        className={classes}\n        style={style}\n        {...htmlAttributes}\n        {...restProps}\n      >\n        <div className=\"ndl-breadcrumbs-item-inner\">{children}</div>\n      </li>\n    </BreadcrumbsItemContext.Provider>\n  );\n};\n\ntype InteractiveBreadcrumbProps = {\n  /** Content to be rendered. */\n  children?: React.ReactNode;\n} & (\n  | {\n      as: 'button';\n      /**\n       * Event handler for when the button is clicked. Only applicable if `as` is `'button'`.\n       */\n      onClick?: (\n        event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      ) => void;\n    }\n  | {\n      as: 'a';\n      /**\n       * The href of the link. Only applicable if `as` is `'a'`.\n       */\n      href: HtmlAttributes<'a'>['href'];\n      /**\n       * The target of the link. Only applicable if `as` is `'a'`.\n       */\n      target?: HtmlAttributes<'a'>['target'];\n    }\n  | {\n      /**\n       * What HTML element to render the root element as.\n       */\n      as?: React.ElementType;\n    }\n);\n\ntype BreadcrumbsButtonProps = InteractiveBreadcrumbProps & {\n  /** Leading element to be rendered. */\n  leadingElement?: React.ReactNode;\n  /** Trailing element to be rendered. */\n  trailingElement?: React.ReactNode;\n};\n\nconst BreadcrumbsButton = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  leadingElement,\n  trailingElement,\n  ...restProps\n}: PolymorphicCommonProps<T, BreadcrumbsButtonProps>) => {\n  useBreadcrumbsItemContext();\n\n  const Component: React.ElementType = as ?? 'button';\n\n  const classes = classNames(\n    'ndl-breadcrumbs-button ndl-breadcrumbs-sibling-hover',\n    className,\n  );\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      {Boolean(leadingElement) && (\n        <div className=\"ndl-breadcrumbs-button-leading-element\">\n          {leadingElement}\n        </div>\n      )}\n      <div className=\"ndl-breadcrumbs-button-content\">{children}</div>\n      {Boolean(trailingElement) && (\n        <div className=\"ndl-breadcrumbs-button-trailing-element\">\n          {trailingElement}\n        </div>\n      )}\n    </Component>\n  );\n};\n\ntype BreadcrumbsSelectButtonProps = {\n  /** Event handler for when the button is clicked. Should be used to open a `Menu`. */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Aria label needed for accessibility. */\n  ariaLabel: string;\n  /** Content to be rendered. */\n  children?: React.ReactNode;\n  /** Additional classnames. */\n  className?: string;\n  /** Additional css styling. */\n  style?: React.CSSProperties;\n  /** HTML attributes. */\n  htmlAttributes?: HtmlAttributes<'button'>;\n};\n\nconst BreadcrumbsSelectButton = ({\n  onClick,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ariaLabel,\n  ref,\n  ...restProps\n}: CommonProps<'button', BreadcrumbsSelectButtonProps>) => {\n  useBreadcrumbsItemContext();\n\n  const classes = classNames('ndl-breadcrumbs-select', className);\n\n  return (\n    <BreadcrumbsButton\n      ref={ref}\n      as=\"button\"\n      className={classes}\n      style={style}\n      onClick={onClick}\n      htmlAttributes={{\n        ...htmlAttributes,\n        'aria-label': ariaLabel ?? htmlAttributes?.['aria-label'],\n      }}\n      leadingElement={<ChevronDownIconOutline />}\n      {...restProps}\n    >\n      {children}\n    </BreadcrumbsButton>\n  );\n};\n\ntype BreadcrumbsLinkProps = InteractiveBreadcrumbProps & {\n  /**\n   * Whether the link is the current item. Use `'page'` if it indicates the current page and `'step'` for steps (in a multi-step wizard for example).\n   * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n   */\n  ariaCurrent?: React.AriaAttributes['aria-current'];\n};\n\nconst BreadcrumbsLink = <T extends React.ElementType = 'a'>({\n  children,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ariaCurrent = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, BreadcrumbsLinkProps>) => {\n  useBreadcrumbsItemContext();\n\n  const Component: React.ElementType = as ?? 'a';\n\n  const classes = classNames(\n    'ndl-breadcrumbs-link',\n    {\n      'ndl-breadcrumbs-link-current': Boolean(ariaCurrent),\n    },\n    className,\n  );\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      aria-current={ariaCurrent}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </Component>\n  );\n};\n\nconst Breadcrumbs = Object.assign(BreadcrumbsComponent, {\n  Button: BreadcrumbsButton,\n  Item: BreadcrumbsItem,\n  Link: BreadcrumbsLink,\n  SelectButton: BreadcrumbsSelectButton,\n});\n\nexport { Breadcrumbs };\n"]}

package/lib/cjs/button/stories/button.stories.js

@@ -23,10 +23,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Floating = exports.Disabled = exports.Loading = exports.Variants = exports.Fluid = exports.WithLeadingVisual = exports.Sizes = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../../button");
+const __1 = require("..");
 const _1 = require(".");
 const componentMeta = {
-    component: button_1.ButtonBase,
+    component: __1.ButtonBase,
     decorators: [
         (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center n-w-full", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
     ],

package/lib/cjs/button/stories/button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/button/stories/button.stories.tsx"],"names":[],"mappings":";;;;AAuBA,yCAA0C;AAC1C,wBAeW;AAEX,MAAM,aAAa,GAA4B;IAC7C,SAAS,EAAE,mBAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,mBAAmB;IACvB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,KAAK,EAAE,mBAAmB;CACO,CAAC;AAEpC,kBAAe,aAAa,CAAC;AAGhB,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ButtonBase } from '../../button';\nimport {\n  ButtonDisabled,\n  ButtonDisabledSrc,\n  ButtonFloating,\n  ButtonFloatingSrc,\n  ButtonFluid,\n  ButtonFluidSrc,\n  ButtonLeadingIcon,\n  ButtonLeadingIconSrc,\n  ButtonLoading,\n  ButtonLoadingSrc,\n  ButtonSizes,\n  ButtonSizesSrc,\n  ButtonVariants,\n  ButtonVariantsSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof ButtonBase> = {\n  component: ButtonBase,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center n-w-full\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  title: 'Components/Button',\n} satisfies Meta<typeof ButtonBase>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonSizes,\n};\n\nexport const WithLeadingVisual: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonLeadingIconSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonLeadingIcon,\n};\n\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonFluidSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonFluid,\n};\n\nexport const Variants: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonVariantsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonVariants,\n};\n\nexport const Loading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonLoadingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonLoading,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonDisabled,\n};\n\nexport const Floating: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonFloating,\n};\n"]}
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/button/stories/button.stories.tsx"],"names":[],"mappings":";;;;AAuBA,0BAAgC;AAChC,wBAeW;AAEX,MAAM,aAAa,GAA4B;IAC7C,SAAS,EAAE,cAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,mBAAmB;IACvB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,KAAK,EAAE,mBAAmB;CACO,CAAC;AAEpC,kBAAe,aAAa,CAAC;AAGhB,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,uBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,oBAAiB;CAC1B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAW;CACpB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ButtonBase } from '..';\nimport {\n  ButtonDisabled,\n  ButtonDisabledSrc,\n  ButtonFloating,\n  ButtonFloatingSrc,\n  ButtonFluid,\n  ButtonFluidSrc,\n  ButtonLeadingIcon,\n  ButtonLeadingIconSrc,\n  ButtonLoading,\n  ButtonLoadingSrc,\n  ButtonSizes,\n  ButtonSizesSrc,\n  ButtonVariants,\n  ButtonVariantsSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof ButtonBase> = {\n  component: ButtonBase,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center n-w-full\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-button',\n  parameters: {\n    controls: { disable: true },\n  },\n  title: 'Components/Button',\n} satisfies Meta<typeof ButtonBase>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonSizesSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonSizes,\n};\n\nexport const WithLeadingVisual: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonLeadingIconSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonLeadingIcon,\n};\n\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonFluidSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonFluid,\n};\n\nexport const Variants: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonVariantsSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonVariants,\n};\n\nexport const Loading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonLoadingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonLoading,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonDisabledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonDisabled,\n};\n\nexport const Floating: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ButtonFloatingSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ButtonFloating,\n};\n"]}

package/lib/cjs/checkbox/Checkbox.js

@@ -66,8 +66,9 @@ const Checkbox = (_a) => {
     }, [isIndeterminate]);
     /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */
     const labelContent = (0, react_2.useMemo)(() => {
-        if (Boolean(label) === false)
+        if (Boolean(label) === false) {
             return null;
+        }
         if (typeof label === 'string') {
             return ((0, jsx_runtime_1.jsx)("span", { title: label, className: "ndl-checkbox-label-text", children: label }));
         }

package/lib/cjs/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useSemiControlledInput } from '../_common/use-semi-controlled-input';\nimport { needleWarningMessage } from '../_common/utils';\n\ntype CheckboxProps = {\n  /** Whether the checkbox is checked */\n  isChecked?: boolean;\n  /** Checks the input by default in uncontrolled mode */\n  isDefaultChecked?: boolean; // isDefaultChecked sounds weird to me?\n  /** Whether the checkbox is indeterminate */\n  isIndeterminate?: boolean;\n  /** Whether the checkbox is disabled */\n  isDisabled?: boolean;\n  /** Whether the checkbox & label should take the full available width of its container */\n  isFluid?: boolean;\n  /** The value of the checkbox */\n  value?: HtmlAttributes<'input'>['value']; // should this be required?\n  /** Whether the label should be displayed before the checkbox */\n  hasLeadingLabel?: boolean;\n  /** The callback function triggered when the checkbox value changes */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** The callback function triggered when the checkbox is clicked */\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;\n} & (\n  | {\n      /** The aria label of the checkbox. Required if the label is not a string. */\n      ariaLabel: string;\n      /** The label of the checkbox. If not a string, supply an aria label for screen reader support. */\n      label?: undefined;\n    }\n  | {\n      ariaLabel?: string;\n      label: React.ReactNode;\n    }\n);\n\nexport const Checkbox = ({\n  isChecked,\n  isDefaultChecked,\n  isIndeterminate = false,\n  isFluid = false,\n  isDisabled = false,\n  hasLeadingLabel,\n  ariaLabel,\n  onChange,\n  onClick,\n  value,\n  label,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', CheckboxProps>) => {\n  const internalRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs([internalRef, ref]);\n\n  const [isCheckedState, internalOnChange] = useSemiControlledInput({\n    inputType: 'checkbox',\n    isControlled: isChecked !== undefined,\n    onChange,\n    state: isChecked ?? isDefaultChecked ?? false,\n  });\n\n  const labelWrappingClasses = classNames('ndl-checkbox-label', {\n    'ndl-disabled': isDisabled,\n    'ndl-fluid': isFluid,\n  });\n\n  const checkboxClasses = classNames('ndl-checkbox', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  useEffect(() => {\n    if (internalRef.current) {\n      internalRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) return null;\n\n    if (typeof label === 'string') {\n      return (\n        <span title={label} className=\"ndl-checkbox-label-text\">\n          {label}\n        </span>\n      );\n    }\n    return label;\n  }, [label]);\n\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        'Checkbox needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [ariaLabel, label]);\n\n  return (\n    <label className={labelWrappingClasses}>\n      {hasLeadingLabel === true && labelContent}\n      <input\n        ref={mergedRefs}\n        type=\"checkbox\"\n        aria-label={ariaLabel}\n        disabled={isDisabled}\n        checked={isCheckedState}\n        onClick={onClick}\n        onChange={internalOnChange}\n        value={value}\n        style={style}\n        className={checkboxClasses}\n        {...restProps}\n        {...htmlAttributes}\n      />\n      {Boolean(hasLeadingLabel) === false && labelContent}\n    </label>\n  );\n};\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useSemiControlledInput } from '../_common/use-semi-controlled-input';\nimport { needleWarningMessage } from '../_common/utils';\n\ntype CheckboxProps = {\n  /** Whether the checkbox is checked */\n  isChecked?: boolean;\n  /** Checks the input by default in uncontrolled mode */\n  isDefaultChecked?: boolean; // isDefaultChecked sounds weird to me?\n  /** Whether the checkbox is indeterminate */\n  isIndeterminate?: boolean;\n  /** Whether the checkbox is disabled */\n  isDisabled?: boolean;\n  /** Whether the checkbox & label should take the full available width of its container */\n  isFluid?: boolean;\n  /** The value of the checkbox */\n  value?: HtmlAttributes<'input'>['value']; // should this be required?\n  /** Whether the label should be displayed before the checkbox */\n  hasLeadingLabel?: boolean;\n  /** The callback function triggered when the checkbox value changes */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** The callback function triggered when the checkbox is clicked */\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;\n} & (\n  | {\n      /** The aria label of the checkbox. Required if the label is not a string. */\n      ariaLabel: string;\n      /** The label of the checkbox. If not a string, supply an aria label for screen reader support. */\n      label?: undefined;\n    }\n  | {\n      ariaLabel?: string;\n      label: React.ReactNode;\n    }\n);\n\nexport const Checkbox = ({\n  isChecked,\n  isDefaultChecked,\n  isIndeterminate = false,\n  isFluid = false,\n  isDisabled = false,\n  hasLeadingLabel,\n  ariaLabel,\n  onChange,\n  onClick,\n  value,\n  label,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', CheckboxProps>) => {\n  const internalRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs([internalRef, ref]);\n\n  const [isCheckedState, internalOnChange] = useSemiControlledInput({\n    inputType: 'checkbox',\n    isControlled: isChecked !== undefined,\n    onChange,\n    state: isChecked ?? isDefaultChecked ?? false,\n  });\n\n  const labelWrappingClasses = classNames('ndl-checkbox-label', {\n    'ndl-disabled': isDisabled,\n    'ndl-fluid': isFluid,\n  });\n\n  const checkboxClasses = classNames('ndl-checkbox', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  useEffect(() => {\n    if (internalRef.current) {\n      internalRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  /** TODO: Label handling. We can get rid of this annoying stuff as soon as we do proper form control. */\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) {\n      return null;\n    }\n\n    if (typeof label === 'string') {\n      return (\n        <span title={label} className=\"ndl-checkbox-label-text\">\n          {label}\n        </span>\n      );\n    }\n    return label;\n  }, [label]);\n\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        'Checkbox needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [ariaLabel, label]);\n\n  return (\n    <label className={labelWrappingClasses}>\n      {hasLeadingLabel === true && labelContent}\n      <input\n        ref={mergedRefs}\n        type=\"checkbox\"\n        aria-label={ariaLabel}\n        disabled={isDisabled}\n        checked={isCheckedState}\n        onClick={onClick}\n        onChange={internalOnChange}\n        value={value}\n        style={style}\n        className={checkboxClasses}\n        {...restProps}\n        {...htmlAttributes}\n      />\n      {Boolean(hasLeadingLabel) === false && labelContent}\n    </label>\n  );\n};\n"]}

package/lib/cjs/checkbox/stories/checkbox.stories.js

@@ -24,7 +24,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controlled = exports.Full = exports.Disabled = exports.HasLeadingLabel = exports.NoLabel = exports.Indeterminate = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../../index");
-const _1 = require("./");
+const _1 = require(".");
 const componentMeta = {
     title: 'Components/Checkbox',
     id: 'components-checkbox',

package/lib/cjs/checkbox/stories/checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAuC;AACvC,yBAeY;AAEZ,MAAM,aAAa,GAA0B;IAC3C,KAAK,EAAE,qBAAqB;IAC5B,EAAE,EAAE,qBAAqB;IACzB,SAAS,EAAE,gBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,wBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from './';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  title: 'Components/Checkbox',\n  id: 'components-checkbox',\n  component: Checkbox,\n  tags: ['docsPage'],\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  render: CheckboxDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  render: CheckboxIndeterminate,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxIndeterminateSrc,\n      },\n    },\n  },\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  render: CheckboxNoLabel,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxNoLabelSrc,\n      },\n    },\n  },\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  render: CheckboxHasLabelBefore,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxHasLabelBeforeSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: CheckboxDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {},\n  render: CheckboxFull,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxFullSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../src/checkbox/stories/checkbox.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAAuC;AACvC,wBAeW;AAEX,MAAM,aAAa,GAA0B;IAC3C,KAAK,EAAE,qBAAqB;IAC5B,EAAE,EAAE,qBAAqB;IACzB,SAAS,EAAE,gBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,wBAAqB;IAC7B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,qBAAkB;aACzB;SACF;KACF;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAAyB;aAChC;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,mBAAgB;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAmB;aAC1B;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,eAAY;IACpB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,kBAAe;aACtB;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { Checkbox } from '../../index';\nimport {\n  CheckboxControlled,\n  CheckboxControlledSrc,\n  CheckboxDefault,\n  CheckboxDefaultSrc,\n  CheckboxDisabled,\n  CheckboxDisabledSrc,\n  CheckboxFull,\n  CheckboxFullSrc,\n  CheckboxHasLabelBefore,\n  CheckboxHasLabelBeforeSrc,\n  CheckboxIndeterminate,\n  CheckboxIndeterminateSrc,\n  CheckboxNoLabel,\n  CheckboxNoLabelSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof Checkbox> = {\n  title: 'Components/Checkbox',\n  id: 'components-checkbox',\n  component: Checkbox,\n  tags: ['docsPage'],\n  argTypes: {\n    ref: {\n      description: 'Ref to the `input` element',\n    },\n  },\n  parameters: {\n    controls: { disable: true },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  render: CheckboxDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDefaultSrc,\n      },\n    },\n  },\n};\n\nexport const Indeterminate: Story = {\n  args: {},\n  render: CheckboxIndeterminate,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxIndeterminateSrc,\n      },\n    },\n  },\n};\n\nexport const NoLabel: Story = {\n  args: {},\n  render: CheckboxNoLabel,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxNoLabelSrc,\n      },\n    },\n  },\n};\n\nexport const HasLeadingLabel: Story = {\n  args: {},\n  render: CheckboxHasLabelBefore,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxHasLabelBeforeSrc,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: CheckboxDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxDisabledSrc,\n      },\n    },\n  },\n};\n\nexport const Full: Story = {\n  args: {},\n  render: CheckboxFull,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: CheckboxFullSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CheckboxControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CheckboxControlled,\n};\n"]}

package/lib/cjs/clipboard-button/ClipboardButton.js

@@ -76,8 +76,9 @@ const ConfirmationButton = (_a) => {
                     },
                 },
             }, onClick: (event) => {
-                if (onClick)
+                if (onClick) {
                     onClick(event);
+                }
                 handleClick();
             }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
     }
@@ -93,8 +94,9 @@ const ConfirmationButton = (_a) => {
                     },
                 },
             }, onClick: (event) => {
-                if (onClick)
+                if (onClick) {
                     onClick(event);
+                }
                 handleClick();
             }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
     }
@@ -114,8 +116,9 @@ const ConfirmationButton = (_a) => {
                         onMouseEnter: handleOpenTooltip,
                         onMouseLeave: handleCloseTooltip,
                     }, children: (0, jsx_runtime_1.jsx)(outlined_button_1.OutlinedButton, Object.assign({ variant: "neutral" }, restProps.buttonProps, { onClick: (event) => {
-                            if (onClick)
+                            if (onClick) {
                                 onClick(event);
+                            }
                             handleClick();
                         }, leadingVisual: icon, className: restProps.className, htmlAttributes: htmlAttributes, children: children })) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: content })] })));
     }

package/lib/cjs/clipboard-button/ClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-button/ClipboardButton.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 React from 'react';\n\nimport { type ButtonSizes } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useCopyToClipboard } from '../hooks';\nimport { IconButton } from '../icon-button';\nimport { Square2StackIconOutline } from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { Tooltip } from '../tooltip';\n\ntype ConfirmationButtonProps = {\n  description: string;\n  actionFeedbackText: string;\n  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;\n  onClick?: React.ComponentPropsWithoutRef<'button'>['onClick'];\n  children: React.ReactNode;\n  className?: string;\n  icon: React.ReactNode;\n  htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;\n} & (\n  | {\n      type: 'clean-icon-button';\n      cleanIconButtonProps?: Omit<\n        React.ComponentProps<typeof CleanIconButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n  | {\n      type: 'icon-button';\n      iconButtonProps?: Omit<\n        React.ComponentProps<typeof IconButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n  | {\n      type: 'outlined-button';\n      outlinedButtonProps?: Omit<\n        React.ComponentProps<typeof OutlinedButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n);\n\nconst ConfirmationButton = ({\n  description,\n  actionFeedbackText,\n  icon,\n  children,\n  onClick,\n  htmlAttributes,\n  tooltipProps,\n  type = 'clean-icon-button',\n  ...restProps\n}: ConfirmationButtonProps) => {\n  const [timeoutId, setTimeoutId] = React.useState<number | null>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  const handleClick = () => {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId);\n    }\n\n    const newTimeoutId = window.setTimeout(() => {\n      setTimeoutId(null);\n    }, 2000);\n\n    setTimeoutId(newTimeoutId);\n  };\n\n  const handleCloseTooltip = () => {\n    setIsOpen(false);\n  };\n\n  const handleOpenTooltip = () => {\n    setIsOpen(true);\n  };\n\n  const content = timeoutId === null ? description : actionFeedbackText;\n  /* Controlling the tip to make it disappear in a timely manner*/\n\n  if (type === 'clean-icon-button') {\n    return (\n      <CleanIconButton\n        {...(\n          restProps as {\n            cleanIconButtonProps: React.ComponentProps<typeof CleanIconButton>;\n          }\n        ).cleanIconButtonProps}\n        description={content}\n        tooltipProps={{\n          root: {\n            ...tooltipProps,\n            isOpen: isOpen || timeoutId !== null,\n          },\n          trigger: {\n            htmlAttributes: {\n              onBlur: handleCloseTooltip,\n              onFocus: handleOpenTooltip,\n              onMouseEnter: handleOpenTooltip,\n              onMouseLeave: handleCloseTooltip,\n            },\n          },\n        }}\n        onClick={(event) => {\n          if (onClick) onClick(event);\n          handleClick();\n        }}\n        className={restProps.className}\n        htmlAttributes={htmlAttributes}\n      >\n        {icon}\n      </CleanIconButton>\n    );\n  } else if (type === 'icon-button') {\n    return (\n      <IconButton\n        {...(\n          restProps as {\n            iconButtonProps: React.ComponentProps<typeof IconButton>;\n          }\n        ).iconButtonProps}\n        description={content}\n        tooltipProps={{\n          root: {\n            ...tooltipProps,\n            isOpen: isOpen || timeoutId !== null,\n          },\n          trigger: {\n            htmlAttributes: {\n              onBlur: handleCloseTooltip,\n              onFocus: handleOpenTooltip,\n              onMouseEnter: handleOpenTooltip,\n              onMouseLeave: handleCloseTooltip,\n            },\n          },\n        }}\n        onClick={(event) => {\n          if (onClick) onClick(event);\n          handleClick();\n        }}\n        className={restProps.className}\n        htmlAttributes={htmlAttributes}\n      >\n        {icon}\n      </IconButton>\n    );\n  } else if (type === 'outlined-button') {\n    return (\n      <Tooltip\n        type=\"simple\"\n        isOpen={isOpen || timeoutId !== null}\n        {...tooltipProps}\n        onOpenChange={(open) => {\n          if (open) {\n            handleOpenTooltip();\n          } else {\n            handleCloseTooltip();\n          }\n          tooltipProps?.onOpenChange?.(open);\n        }}\n      >\n        <Tooltip.Trigger\n          hasButtonWrapper\n          htmlAttributes={{\n            onBlur: handleCloseTooltip,\n            onFocus: handleOpenTooltip,\n            onMouseEnter: handleOpenTooltip,\n            onMouseLeave: handleCloseTooltip,\n          }}\n        >\n          <OutlinedButton\n            variant=\"neutral\"\n            {...(\n              restProps as {\n                buttonProps: React.ComponentProps<typeof OutlinedButton>;\n              }\n            ).buttonProps}\n            onClick={(event) => {\n              if (onClick) onClick(event);\n              handleClick();\n            }}\n            leadingVisual={icon}\n            className={restProps.className}\n            htmlAttributes={htmlAttributes}\n          >\n            {children}\n          </OutlinedButton>\n        </Tooltip.Trigger>\n        <Tooltip.Content>{content}</Tooltip.Content>\n      </Tooltip>\n    );\n  }\n};\n\ninterface ClipboardButtonProps {\n  /** The text that should be set to users clipboard */\n  textToCopy: string;\n  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;\n  isDisabled?: boolean;\n  size?: ButtonSizes;\n  htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;\n  type?: 'outlined-button' | 'clean-icon-button' | 'icon-button';\n}\n\nexport const ClipboardButton = ({\n  textToCopy,\n  isDisabled,\n  size,\n  tooltipProps,\n  htmlAttributes,\n  type,\n}: ClipboardButtonProps) => {\n  const [, copyFunction] = useCopyToClipboard();\n\n  const isOutlinedButton = type === 'outlined-button';\n  const isIconButton = type === 'icon-button';\n\n  const props = isOutlinedButton\n    ? {\n        outlinedButtonProps: {\n          isDisabled,\n          size,\n        },\n        type: 'outlined-button' as const,\n      }\n    : isIconButton\n      ? {\n          iconButtonProps: {\n            description: 'Copy to clipboard',\n            isDisabled,\n            size,\n          },\n          type: 'icon-button' as const,\n        }\n      : {\n          cleanIconButtonProps: {\n            description: 'Copy to clipboard',\n            isDisabled,\n            size,\n          },\n          type: 'clean-icon-button' as const,\n        };\n\n  return (\n    <ConfirmationButton\n      onClick={() => copyFunction(textToCopy)}\n      description=\"Copy to clipboard\"\n      actionFeedbackText=\"Copied\"\n      {...props}\n      tooltipProps={tooltipProps}\n      className=\"n-gap-token-8\"\n      icon={<Square2StackIconOutline className=\"ndl-icon-svg\" />}\n      htmlAttributes={htmlAttributes}\n    >\n      {type === 'outlined-button' && 'Copy'}\n    </ConfirmationButton>\n  );\n};\n"]}
+{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-button/ClipboardButton.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 React from 'react';\n\nimport { type ButtonSizes } from '../button';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useCopyToClipboard } from '../hooks';\nimport { IconButton } from '../icon-button';\nimport { Square2StackIconOutline } from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { Tooltip } from '../tooltip';\n\ntype ConfirmationButtonProps = {\n  description: string;\n  actionFeedbackText: string;\n  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;\n  onClick?: React.ComponentPropsWithoutRef<'button'>['onClick'];\n  children: React.ReactNode;\n  className?: string;\n  icon: React.ReactNode;\n  htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;\n} & (\n  | {\n      type: 'clean-icon-button';\n      cleanIconButtonProps?: Omit<\n        React.ComponentProps<typeof CleanIconButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n  | {\n      type: 'icon-button';\n      iconButtonProps?: Omit<\n        React.ComponentProps<typeof IconButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n  | {\n      type: 'outlined-button';\n      outlinedButtonProps?: Omit<\n        React.ComponentProps<typeof OutlinedButton>,\n        'children' | 'onClick' | 'tooltip'\n      >;\n    }\n);\n\nconst ConfirmationButton = ({\n  description,\n  actionFeedbackText,\n  icon,\n  children,\n  onClick,\n  htmlAttributes,\n  tooltipProps,\n  type = 'clean-icon-button',\n  ...restProps\n}: ConfirmationButtonProps) => {\n  const [timeoutId, setTimeoutId] = React.useState<number | null>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  const handleClick = () => {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId);\n    }\n\n    const newTimeoutId = window.setTimeout(() => {\n      setTimeoutId(null);\n    }, 2000);\n\n    setTimeoutId(newTimeoutId);\n  };\n\n  const handleCloseTooltip = () => {\n    setIsOpen(false);\n  };\n\n  const handleOpenTooltip = () => {\n    setIsOpen(true);\n  };\n\n  const content = timeoutId === null ? description : actionFeedbackText;\n  /* Controlling the tip to make it disappear in a timely manner*/\n\n  if (type === 'clean-icon-button') {\n    return (\n      <CleanIconButton\n        {...(\n          restProps as {\n            cleanIconButtonProps: React.ComponentProps<typeof CleanIconButton>;\n          }\n        ).cleanIconButtonProps}\n        description={content}\n        tooltipProps={{\n          root: {\n            ...tooltipProps,\n            isOpen: isOpen || timeoutId !== null,\n          },\n          trigger: {\n            htmlAttributes: {\n              onBlur: handleCloseTooltip,\n              onFocus: handleOpenTooltip,\n              onMouseEnter: handleOpenTooltip,\n              onMouseLeave: handleCloseTooltip,\n            },\n          },\n        }}\n        onClick={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          handleClick();\n        }}\n        className={restProps.className}\n        htmlAttributes={htmlAttributes}\n      >\n        {icon}\n      </CleanIconButton>\n    );\n  } else if (type === 'icon-button') {\n    return (\n      <IconButton\n        {...(\n          restProps as {\n            iconButtonProps: React.ComponentProps<typeof IconButton>;\n          }\n        ).iconButtonProps}\n        description={content}\n        tooltipProps={{\n          root: {\n            ...tooltipProps,\n            isOpen: isOpen || timeoutId !== null,\n          },\n          trigger: {\n            htmlAttributes: {\n              onBlur: handleCloseTooltip,\n              onFocus: handleOpenTooltip,\n              onMouseEnter: handleOpenTooltip,\n              onMouseLeave: handleCloseTooltip,\n            },\n          },\n        }}\n        onClick={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          handleClick();\n        }}\n        className={restProps.className}\n        htmlAttributes={htmlAttributes}\n      >\n        {icon}\n      </IconButton>\n    );\n  } else if (type === 'outlined-button') {\n    return (\n      <Tooltip\n        type=\"simple\"\n        isOpen={isOpen || timeoutId !== null}\n        {...tooltipProps}\n        onOpenChange={(open) => {\n          if (open) {\n            handleOpenTooltip();\n          } else {\n            handleCloseTooltip();\n          }\n          tooltipProps?.onOpenChange?.(open);\n        }}\n      >\n        <Tooltip.Trigger\n          hasButtonWrapper\n          htmlAttributes={{\n            onBlur: handleCloseTooltip,\n            onFocus: handleOpenTooltip,\n            onMouseEnter: handleOpenTooltip,\n            onMouseLeave: handleCloseTooltip,\n          }}\n        >\n          <OutlinedButton\n            variant=\"neutral\"\n            {...(\n              restProps as {\n                buttonProps: React.ComponentProps<typeof OutlinedButton>;\n              }\n            ).buttonProps}\n            onClick={(event) => {\n              if (onClick) {\n                onClick(event);\n              }\n              handleClick();\n            }}\n            leadingVisual={icon}\n            className={restProps.className}\n            htmlAttributes={htmlAttributes}\n          >\n            {children}\n          </OutlinedButton>\n        </Tooltip.Trigger>\n        <Tooltip.Content>{content}</Tooltip.Content>\n      </Tooltip>\n    );\n  }\n};\n\ninterface ClipboardButtonProps {\n  /** The text that should be set to users clipboard */\n  textToCopy: string;\n  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;\n  isDisabled?: boolean;\n  size?: ButtonSizes;\n  htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;\n  type?: 'outlined-button' | 'clean-icon-button' | 'icon-button';\n}\n\nexport const ClipboardButton = ({\n  textToCopy,\n  isDisabled,\n  size,\n  tooltipProps,\n  htmlAttributes,\n  type,\n}: ClipboardButtonProps) => {\n  const [, copyFunction] = useCopyToClipboard();\n\n  const isOutlinedButton = type === 'outlined-button';\n  const isIconButton = type === 'icon-button';\n\n  const props = isOutlinedButton\n    ? {\n        outlinedButtonProps: {\n          isDisabled,\n          size,\n        },\n        type: 'outlined-button' as const,\n      }\n    : isIconButton\n      ? {\n          iconButtonProps: {\n            description: 'Copy to clipboard',\n            isDisabled,\n            size,\n          },\n          type: 'icon-button' as const,\n        }\n      : {\n          cleanIconButtonProps: {\n            description: 'Copy to clipboard',\n            isDisabled,\n            size,\n          },\n          type: 'clean-icon-button' as const,\n        };\n\n  return (\n    <ConfirmationButton\n      onClick={() => copyFunction(textToCopy)}\n      description=\"Copy to clipboard\"\n      actionFeedbackText=\"Copied\"\n      {...props}\n      tooltipProps={tooltipProps}\n      className=\"n-gap-token-8\"\n      icon={<Square2StackIconOutline className=\"ndl-icon-svg\" />}\n      htmlAttributes={htmlAttributes}\n    >\n      {type === 'outlined-button' && 'Copy'}\n    </ConfirmationButton>\n  );\n};\n"]}

package/lib/cjs/color-picker/ColorPicker.js

@@ -103,8 +103,9 @@ exports.ColorPicker = (0, react_1.forwardRef)(function ColorPicker({ color, onCh
                         }, selectProps: {
                             isSearchable: false,
                             onChange: (newFormat) => {
-                                if (!newFormat)
+                                if (!newFormat) {
                                     return;
+                                }
                                 setFormat({
                                     label: newFormat.label,
                                     value: newFormat.value,

package/lib/cjs/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/color-picker/ColorPicker.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 'eyedropper-polyfill';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type HexColor,\n  hexToHsva,\n  type HsvaColor,\n  hsvaToHex,\n  hsvaToRgba,\n  Hue,\n  type PointerProps,\n  type RgbaColor,\n  rgbaToHex,\n  rgbaToHsva,\n  Saturation,\n  validHex,\n} from '@uiw/react-color';\nimport classNames from 'classnames';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { EyeDropperIconOutline } from '../icons';\nimport { Select } from '../select';\nimport { TextInput } from '../text-input';\n\ntype ColorPickerProps = {\n  /** The current color value. Can be provided in HSVA, RGBA, or Hex format. The component will automatically convert between formats as needed. */\n  color: HsvaColor | RgbaColor | HexColor;\n  /** Optional array of predefined color swatches for quick selection. Each swatch can be in HSVA, RGBA, or Hex format. */\n  swatches?: (HsvaColor | RgbaColor | HexColor)[];\n  /** Whether to display the eye dropper tool that allows users to sample colors from anywhere on the screen. */\n  shouldShowEyeDropper?: boolean;\n  /** Callback function triggered when the color value changes. Receives an object containing the new color in all three formats (hex, rgb, hsva) for convenience. */\n  onChange: (newColor: {\n    hex: HexColor;\n    rgb: RgbaColor;\n    hsva: HsvaColor;\n  }) => void;\n  /** Additional class name to apply to the root color picker container. */\n  className?: string;\n  /** Additional inline styles to apply to the root color picker container. */\n  style?: React.CSSProperties;\n};\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  function ColorPicker(\n    {\n      color,\n      onChange,\n      swatches = Object.values(tokens.graph).filter(validHex),\n      shouldShowEyeDropper = true,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const [isEyeDropperActiveState, setIsEyeDropperActiveState] =\n      useState(false);\n\n    const [format, setFormat] = useState<{\n      label: string;\n      value: string;\n    }>({\n      label: 'Hex',\n      value: 'hex',\n    });\n\n    const isEyeDropperActive = 'EyeDropper' in window && shouldShowEyeDropper;\n\n    const hsva =\n      typeof color === 'string'\n        ? hexToHsva(color)\n        : typeof color === 'object' && 'r' in color\n          ? rgbaToHsva(color)\n          : { h: 0, s: 0, v: 0, ...(color as object), a: 1 };\n\n    const handleChange = (hsva: HsvaColor) => {\n      const hex = hsvaToHex(hsva);\n      const rgb = hsvaToRgba(hsva);\n      onChange({\n        // used since typescript cannot infer the type of the color\n        hex: `#${hex.split('#')[1]}`,\n        hsva,\n        rgb,\n      });\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={classNames('ndl-color-picker', className)}\n        style={style}\n      >\n        <Saturation\n          hsva={hsva}\n          className=\"ndl-color-picker-saturation\"\n          onChange={(newColor) => {\n            handleChange({ ...hsva, ...newColor, a: hsva.a });\n          }}\n          pointer={({ left, top, ...props }) => (\n            <Pointer\n              left={left?.toString()}\n              top={top?.toString()}\n              {...props}\n              hsva={hsva}\n            />\n          )}\n          radius={tokens.borderRadius['lg']}\n        />\n        <Swatch\n          colors={swatches}\n          hsva={hsva}\n          onChange={(newColor) => {\n            handleChange(newColor);\n          }}\n        />\n\n        <div className=\"ndl-color-picker-hue-container\">\n          {isEyeDropperActive && (\n            <CleanIconButton\n              size=\"small\"\n              isActive={isEyeDropperActiveState}\n              onClick={() => {\n                setIsEyeDropperActiveState(true);\n                // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n                // Type assertion to handle the unknown type\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                const eyeDropper = new (window as any).EyeDropper();\n                eyeDropper\n                  .open()\n                  .then((result: { sRGBHex: string }) => {\n                    handleChange(hexToHsva(result.sRGBHex));\n                  })\n                  .catch((err: Error) => {\n                    console.error(err);\n                  })\n                  .finally(() => {\n                    setIsEyeDropperActiveState(false);\n                  });\n              }}\n              description=\"Pick color\"\n            >\n              <EyeDropperIconOutline />\n            </CleanIconButton>\n          )}\n          <Hue\n            className=\"ndl-color-picker-hue\"\n            hue={hsva.h}\n            onChange={(newHue) => {\n              handleChange({ ...hsva, h: newHue.h });\n            }}\n            radius={tokens.borderRadius['lg']}\n            pointer={(props) => (\n              <Pointer\n                {...props}\n                hsva={{\n                  a: 1,\n                  h: hsva.h,\n                  s: 100,\n                  v: 100,\n                }}\n              />\n            )}\n          />\n        </div>\n\n        <div className=\"ndl-color-picker-inputs\">\n          <Select\n            size=\"small\"\n            type=\"select\"\n            ariaLabel=\"Color format\"\n            style={{\n              flexShrink: 0,\n            }}\n            selectProps={{\n              isSearchable: false,\n              onChange: (newFormat) => {\n                if (!newFormat) return;\n                setFormat({\n                  label: newFormat.label,\n                  value: newFormat.value,\n                });\n              },\n              options: [\n                {\n                  label: 'Hex',\n                  value: 'hex',\n                },\n                {\n                  label: 'RGB',\n                  value: 'rgb',\n                },\n              ],\n              value: { label: format.label, value: format.value },\n            }}\n          />\n          {format.value === 'hex' && (\n            <HexInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n          {format.value === 'rgb' && (\n            <RgbInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(\n    () => hsvaToHex(hsva).split('#')[1],\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(hsvaToHex(hsva).split('#')[1]);\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    // Remove # if user pastes a hex code with it\n    const value = e.target.value.split('#')[1];\n\n    // Always update the input value for immediate feedback\n    setInputValue(value);\n\n    // Check if the input is a valid hex color (only 6 characters)\n    const isValidHex = /^[0-9A-Fa-f]{6}$/.test(value);\n\n    if (isValidHex) {\n      onChange(`#${value}`);\n    }\n  };\n\n  const hexValue = hsvaToHex(hsva);\n\n  return (\n    <TextInput\n      size=\"small\"\n      value={inputValue}\n      leadingElement={\n        <div className=\"ndl-color-picker-hex-input-prefix\">#</div>\n      }\n      onChange={handleChange}\n      isFluid\n      htmlAttributes={{\n        'aria-label': 'Hex color code',\n        maxLength: 6,\n        onCopy: (e) => {\n          e.preventDefault();\n          navigator.clipboard.writeText(hexValue);\n        },\n      }}\n    />\n  );\n};\n\nconst RgbInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const rgba = hsvaToRgba(hsva);\n  const [rgbValues, setRgbValues] = useState({\n    b: rgba.b,\n    g: rgba.g,\n    r: rgba.r,\n  });\n\n  // Update input values when hsva changes from outside\n  useEffect(() => {\n    const newRgba = hsvaToRgba(hsva);\n    setRgbValues({\n      b: newRgba.b,\n      g: newRgba.g,\n      r: newRgba.r,\n    });\n  }, [hsva]);\n\n  const handleChange = (\n    channel: 'r' | 'g' | 'b',\n    e: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = parseInt(e.target.value, 10);\n\n    // Validate the input is a number between 0-255\n    const validValue = isNaN(value) ? 0 : Math.max(0, Math.min(255, value));\n\n    const newRgbValues = {\n      ...rgbValues,\n      [channel]: validValue,\n    };\n\n    setRgbValues(newRgbValues);\n\n    // Convert RGB to hex and call onChange\n    const hexColor = `#${newRgbValues.r.toString(16).padStart(2, '0')}${newRgbValues.g.toString(16).padStart(2, '0')}${newRgbValues.b.toString(16).padStart(2, '0')}`;\n    onChange(hexColor);\n  };\n\n  return (\n    <div className=\"ndl-color-picker-rgb-inputs\">\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.r.toString()}\n        onChange={(e) => handleChange('r', e)}\n        htmlAttributes={{\n          'aria-label': 'Red',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.g.toString()}\n        onChange={(e) => handleChange('g', e)}\n        htmlAttributes={{\n          'aria-label': 'Green',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.b.toString()}\n        onChange={(e) => handleChange('b', e)}\n        htmlAttributes={{\n          'aria-label': 'Blue',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n    </div>\n  );\n};\n\nconst Swatch = ({\n  colors,\n  onChange,\n  hsva,\n}: {\n  colors: (HsvaColor | RgbaColor | HexColor)[];\n  hsva: HsvaColor;\n  onChange: (newColor: HsvaColor) => void;\n}) => {\n  return (\n    <div className=\"ndl-color-picker-swatch\">\n      {colors.map((color) => {\n        const hexColor =\n          typeof color === 'string'\n            ? color\n            : typeof color === 'object' && 'r' in color\n              ? rgbaToHex(color)\n              : hsvaToHex(color);\n        const hsvaColor =\n          typeof color === 'string'\n            ? hexToHsva(color)\n            : 'r' in color\n              ? rgbaToHsva(color)\n              : color;\n\n        const isActive =\n          hsva.h === hsvaColor.h &&\n          hsva.s === hsvaColor.s &&\n          hsva.v === hsvaColor.v;\n\n        return (\n          <button\n            key={hexColor}\n            aria-label={hexColor}\n            className={classNames('ndl-color-picker-swatch-color', {\n              'ndl-color-picker-swatch-color-active': isActive,\n            })}\n            style={{ backgroundColor: hsvaToHex(hsvaColor) }}\n            onClick={() => onChange(hsvaColor)}\n          />\n        );\n      })}\n    </div>\n  );\n};\nconst Pointer = ({\n  prefixCls,\n  left,\n  top,\n  hsva,\n}: PointerProps & { hsva: HsvaColor }) => {\n  const rgba = hsvaToRgba(hsva);\n  return (\n    <div\n      style={{\n        backgroundColor: `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`,\n        left,\n        top,\n      }}\n      className={classNames(prefixCls, 'ndl-color-picker-pointer')}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/color-picker/ColorPicker.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 'eyedropper-polyfill';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  type HexColor,\n  hexToHsva,\n  type HsvaColor,\n  hsvaToHex,\n  hsvaToRgba,\n  Hue,\n  type PointerProps,\n  type RgbaColor,\n  rgbaToHex,\n  rgbaToHsva,\n  Saturation,\n  validHex,\n} from '@uiw/react-color';\nimport classNames from 'classnames';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { EyeDropperIconOutline } from '../icons';\nimport { Select } from '../select';\nimport { TextInput } from '../text-input';\n\ntype ColorPickerProps = {\n  /** The current color value. Can be provided in HSVA, RGBA, or Hex format. The component will automatically convert between formats as needed. */\n  color: HsvaColor | RgbaColor | HexColor;\n  /** Optional array of predefined color swatches for quick selection. Each swatch can be in HSVA, RGBA, or Hex format. */\n  swatches?: (HsvaColor | RgbaColor | HexColor)[];\n  /** Whether to display the eye dropper tool that allows users to sample colors from anywhere on the screen. */\n  shouldShowEyeDropper?: boolean;\n  /** Callback function triggered when the color value changes. Receives an object containing the new color in all three formats (hex, rgb, hsva) for convenience. */\n  onChange: (newColor: {\n    hex: HexColor;\n    rgb: RgbaColor;\n    hsva: HsvaColor;\n  }) => void;\n  /** Additional class name to apply to the root color picker container. */\n  className?: string;\n  /** Additional inline styles to apply to the root color picker container. */\n  style?: React.CSSProperties;\n};\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  function ColorPicker(\n    {\n      color,\n      onChange,\n      swatches = Object.values(tokens.graph).filter(validHex),\n      shouldShowEyeDropper = true,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const [isEyeDropperActiveState, setIsEyeDropperActiveState] =\n      useState(false);\n\n    const [format, setFormat] = useState<{\n      label: string;\n      value: string;\n    }>({\n      label: 'Hex',\n      value: 'hex',\n    });\n\n    const isEyeDropperActive = 'EyeDropper' in window && shouldShowEyeDropper;\n\n    const hsva =\n      typeof color === 'string'\n        ? hexToHsva(color)\n        : typeof color === 'object' && 'r' in color\n          ? rgbaToHsva(color)\n          : { h: 0, s: 0, v: 0, ...(color as object), a: 1 };\n\n    const handleChange = (hsva: HsvaColor) => {\n      const hex = hsvaToHex(hsva);\n      const rgb = hsvaToRgba(hsva);\n      onChange({\n        // used since typescript cannot infer the type of the color\n        hex: `#${hex.split('#')[1]}`,\n        hsva,\n        rgb,\n      });\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={classNames('ndl-color-picker', className)}\n        style={style}\n      >\n        <Saturation\n          hsva={hsva}\n          className=\"ndl-color-picker-saturation\"\n          onChange={(newColor) => {\n            handleChange({ ...hsva, ...newColor, a: hsva.a });\n          }}\n          pointer={({ left, top, ...props }) => (\n            <Pointer\n              left={left?.toString()}\n              top={top?.toString()}\n              {...props}\n              hsva={hsva}\n            />\n          )}\n          radius={tokens.borderRadius['lg']}\n        />\n        <Swatch\n          colors={swatches}\n          hsva={hsva}\n          onChange={(newColor) => {\n            handleChange(newColor);\n          }}\n        />\n\n        <div className=\"ndl-color-picker-hue-container\">\n          {isEyeDropperActive && (\n            <CleanIconButton\n              size=\"small\"\n              isActive={isEyeDropperActiveState}\n              onClick={() => {\n                setIsEyeDropperActiveState(true);\n                // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n                // Type assertion to handle the unknown type\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                const eyeDropper = new (window as any).EyeDropper();\n                eyeDropper\n                  .open()\n                  .then((result: { sRGBHex: string }) => {\n                    handleChange(hexToHsva(result.sRGBHex));\n                  })\n                  .catch((err: Error) => {\n                    console.error(err);\n                  })\n                  .finally(() => {\n                    setIsEyeDropperActiveState(false);\n                  });\n              }}\n              description=\"Pick color\"\n            >\n              <EyeDropperIconOutline />\n            </CleanIconButton>\n          )}\n          <Hue\n            className=\"ndl-color-picker-hue\"\n            hue={hsva.h}\n            onChange={(newHue) => {\n              handleChange({ ...hsva, h: newHue.h });\n            }}\n            radius={tokens.borderRadius['lg']}\n            pointer={(props) => (\n              <Pointer\n                {...props}\n                hsva={{\n                  a: 1,\n                  h: hsva.h,\n                  s: 100,\n                  v: 100,\n                }}\n              />\n            )}\n          />\n        </div>\n\n        <div className=\"ndl-color-picker-inputs\">\n          <Select\n            size=\"small\"\n            type=\"select\"\n            ariaLabel=\"Color format\"\n            style={{\n              flexShrink: 0,\n            }}\n            selectProps={{\n              isSearchable: false,\n              onChange: (newFormat) => {\n                if (!newFormat) {\n                  return;\n                }\n                setFormat({\n                  label: newFormat.label,\n                  value: newFormat.value,\n                });\n              },\n              options: [\n                {\n                  label: 'Hex',\n                  value: 'hex',\n                },\n                {\n                  label: 'RGB',\n                  value: 'rgb',\n                },\n              ],\n              value: { label: format.label, value: format.value },\n            }}\n          />\n          {format.value === 'hex' && (\n            <HexInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n          {format.value === 'rgb' && (\n            <RgbInput\n              hsva={hsva}\n              onChange={(newColor) => {\n                handleChange(hexToHsva(newColor));\n              }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(\n    () => hsvaToHex(hsva).split('#')[1],\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(hsvaToHex(hsva).split('#')[1]);\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    // Remove # if user pastes a hex code with it\n    const value = e.target.value.split('#')[1];\n\n    // Always update the input value for immediate feedback\n    setInputValue(value);\n\n    // Check if the input is a valid hex color (only 6 characters)\n    const isValidHex = /^[0-9A-Fa-f]{6}$/.test(value);\n\n    if (isValidHex) {\n      onChange(`#${value}`);\n    }\n  };\n\n  const hexValue = hsvaToHex(hsva);\n\n  return (\n    <TextInput\n      size=\"small\"\n      value={inputValue}\n      leadingElement={\n        <div className=\"ndl-color-picker-hex-input-prefix\">#</div>\n      }\n      onChange={handleChange}\n      isFluid\n      htmlAttributes={{\n        'aria-label': 'Hex color code',\n        maxLength: 6,\n        onCopy: (e) => {\n          e.preventDefault();\n          navigator.clipboard.writeText(hexValue);\n        },\n      }}\n    />\n  );\n};\n\nconst RgbInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const rgba = hsvaToRgba(hsva);\n  const [rgbValues, setRgbValues] = useState({\n    b: rgba.b,\n    g: rgba.g,\n    r: rgba.r,\n  });\n\n  // Update input values when hsva changes from outside\n  useEffect(() => {\n    const newRgba = hsvaToRgba(hsva);\n    setRgbValues({\n      b: newRgba.b,\n      g: newRgba.g,\n      r: newRgba.r,\n    });\n  }, [hsva]);\n\n  const handleChange = (\n    channel: 'r' | 'g' | 'b',\n    e: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = parseInt(e.target.value, 10);\n\n    // Validate the input is a number between 0-255\n    const validValue = isNaN(value) ? 0 : Math.max(0, Math.min(255, value));\n\n    const newRgbValues = {\n      ...rgbValues,\n      [channel]: validValue,\n    };\n\n    setRgbValues(newRgbValues);\n\n    // Convert RGB to hex and call onChange\n    const hexColor = `#${newRgbValues.r.toString(16).padStart(2, '0')}${newRgbValues.g.toString(16).padStart(2, '0')}${newRgbValues.b.toString(16).padStart(2, '0')}`;\n    onChange(hexColor);\n  };\n\n  return (\n    <div className=\"ndl-color-picker-rgb-inputs\">\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.r.toString()}\n        onChange={(e) => handleChange('r', e)}\n        htmlAttributes={{\n          'aria-label': 'Red',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.g.toString()}\n        onChange={(e) => handleChange('g', e)}\n        htmlAttributes={{\n          'aria-label': 'Green',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n      <TextInput\n        size=\"small\"\n        className=\"ndl-color-picker-rgb-input\"\n        value={rgbValues.b.toString()}\n        onChange={(e) => handleChange('b', e)}\n        htmlAttributes={{\n          'aria-label': 'Blue',\n          max: '255',\n          min: '0',\n          type: 'number',\n        }}\n      />\n    </div>\n  );\n};\n\nconst Swatch = ({\n  colors,\n  onChange,\n  hsva,\n}: {\n  colors: (HsvaColor | RgbaColor | HexColor)[];\n  hsva: HsvaColor;\n  onChange: (newColor: HsvaColor) => void;\n}) => {\n  return (\n    <div className=\"ndl-color-picker-swatch\">\n      {colors.map((color) => {\n        const hexColor =\n          typeof color === 'string'\n            ? color\n            : typeof color === 'object' && 'r' in color\n              ? rgbaToHex(color)\n              : hsvaToHex(color);\n        const hsvaColor =\n          typeof color === 'string'\n            ? hexToHsva(color)\n            : 'r' in color\n              ? rgbaToHsva(color)\n              : color;\n\n        const isActive =\n          hsva.h === hsvaColor.h &&\n          hsva.s === hsvaColor.s &&\n          hsva.v === hsvaColor.v;\n\n        return (\n          <button\n            key={hexColor}\n            aria-label={hexColor}\n            className={classNames('ndl-color-picker-swatch-color', {\n              'ndl-color-picker-swatch-color-active': isActive,\n            })}\n            style={{ backgroundColor: hsvaToHex(hsvaColor) }}\n            onClick={() => onChange(hsvaColor)}\n          />\n        );\n      })}\n    </div>\n  );\n};\nconst Pointer = ({\n  prefixCls,\n  left,\n  top,\n  hsva,\n}: PointerProps & { hsva: HsvaColor }) => {\n  const rgba = hsvaToRgba(hsva);\n  return (\n    <div\n      style={{\n        backgroundColor: `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`,\n        left,\n        top,\n      }}\n      className={classNames(prefixCls, 'ndl-color-picker-pointer')}\n    />\n  );\n};\n"]}

package/lib/cjs/data-grid/Components.js

@@ -135,12 +135,14 @@ const ActionCell = ({ cell, innerCleanIconButtonProps, innerMenuProps, }) => {
     const [isActionsOpen, setIsActionsOpen] = (0, react_2.useState)(false);
     if (!cell ||
         !cell.column.columnDef.meta ||
-        typeof ((_b = (_a = cell.column.columnDef) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.isActionCell) !== 'object')
+        typeof ((_b = (_a = cell.column.columnDef) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.isActionCell) !== 'object') {
         return null;
+    }
     const { actions, onOpenChange } = cell.column.columnDef.meta.isActionCell;
-    if (isSkeletonLoading)
+    if (isSkeletonLoading) {
         return null;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, Object.assign({ as: "button", size: "medium", description: `Actions`, ref: actionsButtonRef, isActive: isActionsOpen, onClick: () => {
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, Object.assign({ as: "button", size: "medium", description: "Actions", ref: actionsButtonRef, isActive: isActionsOpen, onClick: () => {
                     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!isActionsOpen);
                     setIsActionsOpen(!isActionsOpen);
                 } }, innerCleanIconButtonProps, { htmlAttributes: Object.assign({ tabIndex: 0 }, innerCleanIconButtonProps === null || innerCleanIconButtonProps === void 0 ? void 0 : innerCleanIconButtonProps.htmlAttributes), children: (innerCleanIconButtonProps === null || innerCleanIconButtonProps === void 0 ? void 0 : innerCleanIconButtonProps.children) || ((0, jsx_runtime_1.jsx)(icons_1.EllipsisHorizontalIconOutline, {})) })), (0, jsx_runtime_1.jsx)(menu_1.Menu, Object.assign({ isOpen: isActionsOpen, anchorRef: actionsButtonRef, onClose: () => {
@@ -189,9 +191,10 @@ const ColumnControls = (_a) => {
     ];
     const actionsButtonRef = (0, react_2.useRef)(null);
     const [isActionsOpen, setIsActionsOpen] = (0, react_2.useState)(false);
-    if (!actions || actions.length === 0)
+    if (!actions || actions.length === 0) {
         return null;
-    return newActions.length > 0 ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('ndl-header-action-group', className), style: style }, restProps, htmlAttributes, { children: children || ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", description: `Actions`, ref: actionsButtonRef, isActive: isActionsOpen, onClick: () => {
+    }
+    return newActions.length > 0 ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('ndl-header-action-group', className), style: style }, restProps, htmlAttributes, { children: children || ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { size: "small", description: "Actions", ref: actionsButtonRef, isActive: isActionsOpen, onClick: () => {
                         setIsActionsOpen(!isActionsOpen);
                     }, htmlAttributes: {
                         tabIndex: 0,
@@ -397,7 +400,7 @@ const Navigation = (_a) => {
     var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
     const { tableProps, components, isSkeletonLoading, skeletonProps, isSmallNavigation, } = (0, data_grid_context_1.useDataGridContext)();
     const { getPageCount } = tableProps;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: Object.assign(Object.assign({}, style), (isSmallNavigation && { justifyContent: 'end' })), className: (0, classnames_1.default)('ndl-data-grid-navigation', className) }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [components.TableResults && (0, jsx_runtime_1.jsx)(components.TableResults, {}), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, Object.assign({ onBackground: "weak", shape: "rectangular", height: "36px" }, skeletonProps, { isLoading: isSkeletonLoading, children: (0, jsx_runtime_1.jsxs)("div", { className: 'ndl-data-grid-navigation-right-items', children: [getPageCount() > 1 && components.Pagination && ((0, jsx_runtime_1.jsx)(components.Pagination, {})), components.RowsPerPage && (0, jsx_runtime_1.jsx)(components.RowsPerPage, {})] }) }))] })) }) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: Object.assign(Object.assign({}, style), (isSmallNavigation && { justifyContent: 'end' })), className: (0, classnames_1.default)('ndl-data-grid-navigation', className) }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [components.TableResults && (0, jsx_runtime_1.jsx)(components.TableResults, {}), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, Object.assign({ onBackground: "weak", shape: "rectangular", height: "36px" }, skeletonProps, { isLoading: isSkeletonLoading, children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-data-grid-navigation-right-items", children: [getPageCount() > 1 && components.Pagination && ((0, jsx_runtime_1.jsx)(components.Pagination, {})), components.RowsPerPage && (0, jsx_runtime_1.jsx)(components.RowsPerPage, {})] }) }))] })) }) })));
 };
 exports.Navigation = Navigation;
 const LoadingPlaceholder = (_a) => {