@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/esm/code-block/themes/ndl-code-light.js.map

@@ -1 +1 @@
-{"version":3,"file":"ndl-code-light.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,yBAAyB,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;KACtB;IACD,0BAA0B,EAAE;QAC1B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,+CAA+C;QAC3D,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,2BAA2B;KACnC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,4BAA4B;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,mCAAmC;KAC3C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,2BAA2B;KACnC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,4BAA4B;KACpC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;CACF,CAAC;AAEF,eAAe,KAAK,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 */\nconst style: { [key: string]: React.CSSProperties } = {\n  'pre[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n    padding: '1em',\n    margin: '.5em 0',\n    overflow: 'auto',\n    background: '#1e1e1e',\n  },\n  'code[class*=\"language-\"]': {\n    color: '#d4d4d4',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    textShadow: 'none',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    direction: 'ltr',\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    MozTabSize: '4',\n    OTabSize: '4',\n    tabSize: '4',\n    WebkitHyphens: 'none',\n    MozHyphens: 'none',\n    msHyphens: 'none',\n    hyphens: 'none',\n  },\n  '.namespace': {\n    opacity: '.7',\n  },\n  comment: {\n    color: 'var(--code-light-comment)',\n  },\n  prolog: {\n    color: 'var(--code-light-comment)',\n  },\n  punctuation: {\n    color: 'var(--code-light-operator)',\n  },\n  property: {\n    color: 'var(--code-light-property)',\n  },\n  boolean: {\n    color: 'var(--code-light-boolean-literal)',\n  },\n  number: {\n    color: 'var(--code-light-number-literal)',\n  },\n  string: {\n    color: 'var(--code-light-string-literal)',\n  },\n  char: {\n    color: 'var(--code-light-string-literal)',\n  },\n  operator: {\n    color: 'var(--code-light-operator)',\n  },\n  keyword: {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-light-keyword)',\n  },\n  function: {\n    color: 'var(--code-light-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-light-function)',\n  },\n  regex: {\n    color: 'var(--code-light-operator)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  variable: {\n    color: 'var(--code-light-property)',\n  },\n};\n\nexport default style;\n"]}
+{"version":3,"file":"ndl-code-light.js","sourceRoot":"","sources":["../../../../src/code-block/themes/ndl-code-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,KAAK,GAA2C;IACpD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,mCAAmC;KAC3C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,kCAAkC;KAC1C;IACD,0BAA0B,EAAE;QAC1B,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,2BAA2B;KACnC;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,2BAA2B;KACnC;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,2BAA2B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,+CAA+C;QAC3D,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;KACtB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,2BAA2B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,4BAA4B;KACpC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kCAAkC;KAC1C;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,4BAA4B;KACpC;CACF,CAAC;AAEF,eAAe,KAAK,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 */\nconst style: { [key: string]: React.CSSProperties } = {\n  '.namespace': {\n    opacity: '.7',\n  },\n  boolean: {\n    color: 'var(--code-light-boolean-literal)',\n  },\n  char: {\n    color: 'var(--code-light-string-literal)',\n  },\n  'code[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    msHyphens: 'none',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  comment: {\n    color: 'var(--code-light-comment)',\n  },\n  function: {\n    color: 'var(--code-light-function)',\n  },\n  'function.maybe-class-name': {\n    color: 'var(--code-light-function)',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  keyword: {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.control-flow': {\n    color: 'var(--code-light-keyword)',\n  },\n  'keyword.module': {\n    color: 'var(--code-light-keyword)',\n  },\n  number: {\n    color: 'var(--code-light-number-literal)',\n  },\n  operator: {\n    color: 'var(--code-light-operator)',\n  },\n  'pre[class*=\"language-\"]': {\n    MozHyphens: 'none',\n    MozTabSize: '4',\n    OTabSize: '4',\n    WebkitHyphens: 'none',\n    background: '#1e1e1e',\n    color: '#d4d4d4',\n    direction: 'ltr',\n    fontFamily: 'var(--typography-code-font-family), monospace',\n    fontSize: 'var(--typography-code-font-size)',\n    fontWeight: 'var(--typography-code-font-weight)',\n    hyphens: 'none',\n    letterSpacing: '0',\n    lineHeight: '1.25rem',\n    margin: '.5em 0',\n    msHyphens: 'none',\n    overflow: 'auto',\n    padding: '1em',\n    tabSize: '4',\n    textAlign: 'left',\n    textShadow: 'none',\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    wordSpacing: 'normal',\n  },\n  prolog: {\n    color: 'var(--code-light-comment)',\n  },\n  property: {\n    color: 'var(--code-light-property)',\n  },\n  punctuation: {\n    color: 'var(--code-light-operator)',\n  },\n  regex: {\n    color: 'var(--code-light-operator)',\n  },\n  string: {\n    color: 'var(--code-light-string-literal)',\n  },\n  variable: {\n    color: 'var(--code-light-property)',\n  },\n};\n\nexport default style;\n"]}

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

@@ -72,7 +72,7 @@ export const ColorPicker = forwardRef(function ColorPicker({ color, onChange, sw
                             setIsEyeDropperActiveState(true);
                             // TODO: Remove the any casting when polyfiller is not needed anymore. https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper
                             // Type assertion to handle the unknown type
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            // oxlint-disable-next-line @typescript-eslint/no-explicit-any
                             const eyeDropper = new window.EyeDropper();
                             eyeDropper
                                 .open()

package/lib/esm/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) {\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 removeHashPrefix = (hex: string): string => hex.replace('#', '');\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(() =>\n    removeHashPrefix(hsvaToHex(hsva)),\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(removeHashPrefix(hsvaToHex(hsva)));\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = removeHashPrefix(e.target.value);\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                // oxlint-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 removeHashPrefix = (hex: string): string => hex.replace('#', '');\n\nconst HexInput = ({\n  hsva,\n  onChange,\n}: {\n  hsva: HsvaColor;\n  onChange: (newColor: string) => void;\n}) => {\n  const [inputValue, setInputValue] = useState<string>(() =>\n    removeHashPrefix(hsvaToHex(hsva)),\n  );\n\n  // Update input value when hsva changes from outside\n  useEffect(() => {\n    setInputValue(removeHashPrefix(hsvaToHex(hsva)));\n  }, [hsva]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = removeHashPrefix(e.target.value);\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/esm/color-picker/stories/color-picker.stories.js

@@ -24,15 +24,15 @@ import { ColorPicker } from '../ColorPicker';
 import { ColorPickerCustomSwatches, ColorPickerCustomSwatchesSource, ColorPickerDefault, ColorPickerDefaultSource, ColorPickerWithoutEyeDropper, ColorPickerWithoutEyeDropperSource, } from '.';
 const componentMeta = {
     component: ColorPicker,
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx("div", { className: "n-w-60", children: _jsx(Story, {}) }) })),
+    ],
+    id: 'components-color-picker',
     parameters: {
         controls: { disable: true },
     },
     tags: ['docsPage'],
     title: 'Components/ColorPicker',
-    id: 'components-color-picker',
-    decorators: [
-        (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx("div", { className: "n-w-60", children: _jsx(Story, {}) }) })),
-    ],
 };
 export default componentMeta;
 export const Default = {

package/lib/esm/color-picker/stories/color-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,wBAAwB,EACxB,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAyB;CAClC,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 { ColorPicker } from '../ColorPicker';\nimport {\n  ColorPickerCustomSwatches,\n  ColorPickerCustomSwatchesSource,\n  ColorPickerDefault,\n  ColorPickerDefaultSource,\n  ColorPickerWithoutEyeDropper,\n  ColorPickerWithoutEyeDropperSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ColorPicker> = {\n  component: ColorPicker,\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ColorPicker',\n  id: 'components-color-picker',\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <div className=\"n-w-60\">\n          <Story />\n        </div>\n      </div>\n    ),\n  ],\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerDefault,\n};\n\nexport const WithoutEyeDropper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerWithoutEyeDropperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerWithoutEyeDropper,\n};\n\nexport const CustomSwatches: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerCustomSwatchesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerCustomSwatches,\n};\n"]}
+{"version":3,"file":"color-picker.stories.js","sourceRoot":"","sources":["../../../../src/color-picker/stories/color-picker.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,wBAAwB,EACxB,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,KAAK,KAAG,GACL,GACF,CACP;KACF;IACD,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAAkC;gBACxC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAyB;CAClC,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 { ColorPicker } from '../ColorPicker';\nimport {\n  ColorPickerCustomSwatches,\n  ColorPickerCustomSwatchesSource,\n  ColorPickerDefault,\n  ColorPickerDefaultSource,\n  ColorPickerWithoutEyeDropper,\n  ColorPickerWithoutEyeDropperSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ColorPicker> = {\n  component: ColorPicker,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <div className=\"n-w-60\">\n          <Story />\n        </div>\n      </div>\n    ),\n  ],\n  id: 'components-color-picker',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ColorPicker',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerDefault,\n};\n\nexport const WithoutEyeDropper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerWithoutEyeDropperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerWithoutEyeDropper,\n};\n\nexport const CustomSwatches: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ColorPickerCustomSwatchesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ColorPickerCustomSwatches,\n};\n"]}

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

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -57,6 +56,7 @@ const getPaginationOptions = (pageSize) => {
         value: option,
     }));
 };
+// oxlint-disable-next-line @typescript-eslint/no-explicit-any
 export const DEFAULT_SORT_ACTIONS = (cell) => ({
     asc: {
         icon: _jsx(BarsArrowUpIconOutline, {}),
@@ -108,7 +108,9 @@ const Header = (_a) => {
 export const ActionButton = (_a) => {
     var { action, onClose, as, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["action", "onClose", "as", "className", "style", "htmlAttributes", "ref"]);
     const { onClick } = action, restAction = __rest(action, ["onClick"]);
-    const interceptedOnClick = useCallback((e) => {
+    const interceptedOnClick = useCallback(
+    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
+    (e) => {
         const providedOnClick = onClick !== null && onClick !== void 0 ? onClick : action.onClick;
         if (typeof providedOnClick === 'function') {
             providedOnClick(e);
@@ -224,12 +226,12 @@ const HeaderCell = (_a) => {
                 ? null
                 : flexRender(cell.column.columnDef.header, cell.getContext()), canSort && Icon] }));
     return (_jsx("div", Object.assign({ ref: ref, tabIndex: isKeyboardNavigationEnabled && !isActionColumn ? 0 : undefined, role: "columnheader", className: classNames('ndl-data-grid-th', className, {
-            'ndl-focusable-cell': isKeyboardNavigationEnabled,
-            'ndl-data-grid-row-action': isActionColumn,
+            'ndl-data-grid-is-resizing': cell.column.getIsResizing(),
             'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),
-            'ndl-data-grid-pinned-cell-right': cell.column.getIsPinned() === 'right',
             'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',
-            'ndl-data-grid-is-resizing': cell.column.getIsResizing(),
+            'ndl-data-grid-pinned-cell-right': cell.column.getIsPinned() === 'right',
+            'ndl-data-grid-row-action': isActionColumn,
+            'ndl-focusable-cell': isKeyboardNavigationEnabled,
         }), "aria-sort": ariaSortRole, style: Object.assign(Object.assign({}, style), { width: isActionColumn ? 40 : cell.getSize(), maxWidth: cell.column.columnDef.maxSize
                 ? `${cell.column.columnDef.maxSize}px`
                 : 'none' }) }, (isKeyboardNavigationEnabled
@@ -279,15 +281,15 @@ const BodyCell = (_a) => {
     const isCustomCell = isActionColumn || isDropDownCell;
     const { isKeyboardNavigationEnabled, isSkeletonLoading, skeletonProps } = useDataGridContext();
     return (_jsx("div", Object.assign({ ref: ref, className: classNames('ndl-data-grid-td', className, {
-            'ndl-focusable-cell': isKeyboardNavigationEnabled,
-            'ndl-data-grid-is-resizing': isResizing,
             'ndl-data-grid-custom-cell': isCustomCell,
-            'ndl-data-grid-row-action': isActionColumn,
-            'ndl-data-grid-inline-edit': isInlineEditCell,
             'ndl-data-grid-dropdown-cell': isDropDownCell,
+            'ndl-data-grid-inline-edit': isInlineEditCell,
+            'ndl-data-grid-is-resizing': isResizing,
             'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),
-            'ndl-data-grid-pinned-cell-right': cell.column.getIsPinned() === 'right',
             'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',
+            'ndl-data-grid-pinned-cell-right': cell.column.getIsPinned() === 'right',
+            'ndl-data-grid-row-action': isActionColumn,
+            'ndl-focusable-cell': isKeyboardNavigationEnabled,
         }), role: "cell", tabIndex: isKeyboardNavigationEnabled ? 0 : undefined, style: Object.assign(Object.assign({}, style), { width: isActionColumn ? 40 : cell.column.getSize() }) }, restProps, htmlAttributes, { children: _jsx(Skeleton, Object.assign({ onBackground: "weak", shape: "rectangular", width: "100%" }, skeletonProps, { isLoading: isSkeletonLoading && !isActionColumn, children: children || flexRender(cell.column.columnDef.cell, cell.getContext()) })) }), cell.id));
 };
 const BodyRow = (_a) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Components.js","sourceRoot":"","sources":["../../../src/data-grid/Components.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { useMergeRefs } from '@floating-ui/react';\nimport {\n  type Cell,\n  type CellContext,\n  flexRender,\n  type Header as HeaderType,\n  type Row,\n  type RowData,\n  type SortDirection,\n} from '@tanstack/react-table';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  Bars3CenterLeftIconOutline,\n  BarsArrowDownIconOutline,\n  BarsArrowUpIconOutline,\n  ChevronDownIconSolid,\n  ChevronLeftIconOutline,\n  ChevronRightIconOutline,\n  DataGridCrossIcon,\n  EllipsisHorizontalIconOutline,\n} from '../icons';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Menu } from '../menu';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\nimport { useDataGridContext } from './data-grid-context';\nimport { type ColumnAction } from './datagrid-types';\nimport {\n  resizeColumn,\n  ResizeDirection,\n  userFriendlyPagination,\n} from './helpers';\n\n/** Table results per page, with the first option being the default */\nconst TABLE_RESULTS = {\n  DEFAULT: 10,\n  values: [10, 25, 50, 100],\n} as const;\n\ntype paginationOption = {\n  value: number;\n  label: string;\n};\n\nconst getPaginationOptions = (pageSize: number): paginationOption[] => {\n  return [...new Set([...TABLE_RESULTS.values, pageSize])]\n    .sort((a, b) => a - b)\n    .map((option) => ({\n      label: `${option}`,\n      value: option,\n    }));\n};\n\nexport const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {\n  [key in SortDirection | 'default']: ColumnAction;\n} = (cell) => ({\n  asc: {\n    icon: <BarsArrowUpIconOutline />,\n    onClick: () => cell.column.toggleSorting(false),\n    title: 'Sort ascending',\n  },\n  default: {\n    icon: <Bars3CenterLeftIconOutline />,\n    onClick: () => cell.column.clearSorting(),\n    title: 'Default sort',\n  },\n  desc: {\n    icon: <BarsArrowDownIconOutline />,\n    onClick: () => cell.column.toggleSorting(true),\n    title: 'Sort descending',\n  },\n});\n\ntype ResizingBarProps<T extends RowData> = {\n  header: HeaderType<T, unknown>;\n};\n\nconst ResizingBar = <T extends RowData>({\n  header,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'button', ResizingBarProps<T>>) => {\n  const { isKeyboardNavigationEnabled } = useDataGridContext<T>();\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'ArrowLeft') {\n      event.stopPropagation();\n      event.preventDefault();\n      resizeColumn(ResizeDirection.LEFT, header);\n    } else if (event.key === 'ArrowRight') {\n      event.stopPropagation();\n      event.preventDefault();\n      resizeColumn(ResizeDirection.RIGHT, header);\n    }\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={classNames('ndl-data-grid-resizer', className, {\n        'ndl-data-grid-is-resizing': header.column.getIsResizing(),\n      })}\n      style={style}\n      onMouseDown={header.getResizeHandler()}\n      onTouchStart={header.getResizeHandler()}\n      onKeyDown={handleKeyDown}\n      aria-label=\"Resizing bar\"\n      tabIndex={isKeyboardNavigationEnabled ? -1 : 0}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\ntype ScrollableProps = {\n  children?: React.ReactNode;\n};\n\nconst Scrollable = ({\n  children,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', ScrollableProps> & {\n  ref: React.RefObject<HTMLDivElement | null>;\n}) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-scrollable', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype HeaderProps = {\n  children?: React.ReactNode;\n};\n\nconst Header = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderProps>) => {\n  const { tableProps, components } = useDataGridContext();\n  const { getHeaderGroups, getState } = tableProps;\n\n  return (\n    <div\n      role=\"rowgroup\"\n      className={classNames('ndl-data-grid-thead', className, {\n        'ndl-data-grid-is-resizing':\n          getState().columnSizingInfo.isResizingColumn,\n      })}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {getHeaderGroups().map((headerGroup) => (\n            <div key={headerGroup.id} className=\"ndl-data-grid-tr\" role=\"row\">\n              {headerGroup.headers.map(\n                (header) =>\n                  components.HeaderCell && (\n                    <components.HeaderCell key={header.id} cell={header} />\n                  ),\n              )}\n            </div>\n          ))}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype ActionButtonProps = {\n  action: ColumnAction;\n  onClose: () => void;\n};\n\nexport const ActionButton = <T extends React.ElementType = 'button'>({\n  action,\n  onClose,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, ActionButtonProps>) => {\n  const { onClick, ...restAction } = action;\n\n  const interceptedOnClick = useCallback(\n    (e: any) => {\n      const providedOnClick = onClick ?? action.onClick;\n      if (typeof providedOnClick === 'function') {\n        providedOnClick(e);\n      }\n      onClose?.();\n    },\n    [action.onClick, onClick, onClose],\n  );\n\n  return (\n    <Menu.Item\n      onClick={interceptedOnClick}\n      as={as}\n      className={className}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      ref={ref}\n      {...restAction}\n      {...restProps}\n    />\n  );\n};\n\nexport interface ActionCellProps<T extends RowData> {\n  cell?: CellContext<T, unknown>;\n  innerCleanIconButtonProps?: Partial<\n    React.ComponentPropsWithoutRef<typeof CleanIconButton>\n  >;\n  innerMenuProps?: Partial<React.ComponentProps<typeof Menu>>;\n}\n\nconst ActionCell = <T extends RowData>({\n  cell,\n  innerCleanIconButtonProps,\n  innerMenuProps,\n}: ActionCellProps<T>) => {\n  const { components, isSkeletonLoading, portalTarget } =\n    useDataGridContext<T>();\n  const actionsButtonRef = useRef<HTMLButtonElement>(null);\n  const [isActionsOpen, setIsActionsOpen] = useState(false);\n\n  if (\n    !cell ||\n    !cell.column.columnDef.meta ||\n    typeof cell.column.columnDef?.meta?.isActionCell !== 'object'\n  ) {\n    return null;\n  }\n\n  const { actions, onOpenChange } = cell.column.columnDef.meta.isActionCell;\n\n  if (isSkeletonLoading) {\n    return null;\n  }\n\n  return (\n    <>\n      <CleanIconButton\n        as=\"button\"\n        size=\"medium\"\n        description=\"Actions\"\n        ref={actionsButtonRef}\n        isActive={isActionsOpen}\n        onClick={() => {\n          onOpenChange?.(!isActionsOpen);\n          setIsActionsOpen(!isActionsOpen);\n        }}\n        {...innerCleanIconButtonProps}\n        htmlAttributes={{\n          tabIndex: 0,\n          ...innerCleanIconButtonProps?.htmlAttributes,\n        }}\n      >\n        {innerCleanIconButtonProps?.children || (\n          <EllipsisHorizontalIconOutline />\n        )}\n      </CleanIconButton>\n      <Menu\n        isOpen={isActionsOpen}\n        anchorRef={actionsButtonRef}\n        onClose={() => {\n          onOpenChange?.(false);\n          setIsActionsOpen(false);\n        }}\n        {...innerMenuProps}\n        portalTarget={portalTarget}\n      >\n        {innerMenuProps?.children || (\n          <Menu.Items>\n            {actions.map(\n              (action, i) =>\n                components.ActionButton && (\n                  <components.ActionButton\n                    key={`${cell.column.id}-action-${i}`}\n                    action={{\n                      ...action,\n                      onClick: (e) => {\n                        action.onClick?.(e, cell);\n                      },\n                    }}\n                    onClose={() => setIsActionsOpen(false)}\n                  />\n                ),\n            )}\n          </Menu.Items>\n        )}\n      </Menu>\n    </>\n  );\n};\n\ntype ColumnControlsProps<T extends RowData> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nexport const ColumnControls = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ColumnControlsProps<T>>) => {\n  const { components, portalTarget } = useDataGridContext();\n\n  const sort = cell.column.getIsSorted();\n  const canSort = cell.column.getCanSort();\n  const { hasDefaultSortingActions = true, actions } =\n    cell.column.columnDef.meta?.columnActions || {};\n\n  const sortingActions = useMemo(() => {\n    if (canSort) {\n      if (sort !== 'asc' && sort !== 'desc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).asc,\n          DEFAULT_SORT_ACTIONS(cell).desc,\n        ];\n      }\n      if (sort === 'asc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).default,\n          DEFAULT_SORT_ACTIONS(cell).desc,\n        ];\n      }\n      if (sort === 'desc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).default,\n          DEFAULT_SORT_ACTIONS(cell).asc,\n        ];\n      }\n    }\n    // Default case\n    return [];\n  }, [sort, cell, canSort]);\n\n  const newActions: ColumnAction[] = [\n    ...(hasDefaultSortingActions ? sortingActions : []),\n    ...(actions ?? []),\n  ];\n\n  const actionsButtonRef = useRef<HTMLButtonElement>(null);\n  const [isActionsOpen, setIsActionsOpen] = useState(false);\n\n  if (!actions || actions.length === 0) {\n    return null;\n  }\n\n  return newActions.length > 0 ? (\n    <div\n      ref={ref}\n      className={classNames('ndl-header-action-group', className)}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <Fragment>\n          <CleanIconButton\n            size=\"small\"\n            description=\"Actions\"\n            ref={actionsButtonRef}\n            isActive={isActionsOpen}\n            onClick={() => {\n              setIsActionsOpen(!isActionsOpen);\n            }}\n            htmlAttributes={{\n              tabIndex: 0,\n            }}\n          >\n            <ChevronDownIconSolid />\n          </CleanIconButton>\n          <Menu\n            isOpen={isActionsOpen}\n            anchorRef={actionsButtonRef}\n            onClose={() => setIsActionsOpen(false)}\n            portalTarget={portalTarget}\n          >\n            <Menu.Items>\n              {newActions.map(\n                (action, i) =>\n                  components.ActionButton && (\n                    <components.ActionButton\n                      key={`${cell.column.id}-action-${i}`}\n                      action={action}\n                      onClose={() => setIsActionsOpen(false)}\n                    />\n                  ),\n              )}\n            </Menu.Items>\n          </Menu>\n        </Fragment>\n      )}\n    </div>\n  ) : null;\n};\n\ntype HeaderCellProps<T> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst HeaderCell = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderCellProps<T>>) => {\n  const { components, isResizable, isKeyboardNavigationEnabled } =\n    useDataGridContext<T>();\n\n  const sort = cell.column.getIsSorted();\n  const canSort = cell.column.getCanSort();\n\n  const ariaSortRole = useMemo(() => {\n    switch (sort) {\n      case 'asc':\n        return 'ascending';\n      case 'desc':\n        return 'descending';\n      default:\n        return 'none';\n    }\n  }, [sort]);\n\n  const Icon = useMemo(() => {\n    switch (sort) {\n      case 'asc':\n        return <BarsArrowUpIconOutline className=\"ndl-header-icon\" />;\n      case 'desc':\n        return <BarsArrowDownIconOutline className=\"ndl-header-icon\" />;\n      default:\n        return (\n          <Bars3CenterLeftIconOutline className=\"ndl-hoverable-indicator ndl-header-icon\" />\n        );\n    }\n  }, [sort]);\n\n  const ariaDescription = useMemo(() => {\n    return canSort\n      ? `Press ENTER or SPACE to sort column ${cell.column.id}`\n      : `Column id: ${cell.column.id}`;\n  }, [canSort, cell.column.id]);\n\n  const isActionColumn = useMemo(\n    () => typeof cell.column.columnDef.meta?.isActionCell === 'object',\n    [cell.column.columnDef.meta],\n  );\n\n  const Tag = canSort ? 'button' : 'div';\n\n  const InnerHeaderCell = () => (\n    <div className=\"ndl-header-cell\">\n      {cell.isPlaceholder\n        ? null\n        : flexRender(cell.column.columnDef.header, cell.getContext())}\n      {canSort && Icon}\n    </div>\n  );\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={isKeyboardNavigationEnabled && !isActionColumn ? 0 : undefined}\n      key={cell.id}\n      role=\"columnheader\"\n      className={classNames('ndl-data-grid-th', className, {\n        'ndl-focusable-cell': isKeyboardNavigationEnabled,\n        'ndl-data-grid-row-action': isActionColumn,\n        'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),\n        'ndl-data-grid-pinned-cell-right':\n          cell.column.getIsPinned() === 'right',\n        'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',\n        'ndl-data-grid-is-resizing': cell.column.getIsResizing(),\n      })}\n      aria-sort={ariaSortRole}\n      style={{\n        ...style,\n        width: isActionColumn ? 40 : cell.getSize(),\n        maxWidth: cell.column.columnDef.maxSize\n          ? `${cell.column.columnDef.maxSize}px`\n          : 'none',\n      }}\n      {...(isKeyboardNavigationEnabled\n        ? {\n            onKeyDown: (e) => {\n              if (\n                isResizable &&\n                e.altKey &&\n                (e.key === 'ArrowLeft' || e.key === 'ArrowRight')\n              ) {\n                const direction =\n                  e.key === 'ArrowLeft'\n                    ? ResizeDirection.LEFT\n                    : ResizeDirection.RIGHT;\n                resizeColumn(direction, cell);\n                e.preventDefault();\n                e.stopPropagation();\n                return;\n              }\n            },\n          }\n        : {})}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          <Tag\n            className=\"ndl-header-group\"\n            style={{\n              cursor: canSort ? 'pointer' : 'default',\n            }}\n            aria-description={ariaDescription}\n            onClick={() => canSort && cell.column.toggleSorting()}\n            tabIndex={canSort ? 0 : undefined}\n          >\n            {components.HeaderTitle ? (\n              <components.HeaderTitle cell={cell}>\n                <InnerHeaderCell />\n              </components.HeaderTitle>\n            ) : (\n              <InnerHeaderCell />\n            )}\n          </Tag>\n          {/* Column actions*/}\n          {components.ColumnControls && (\n            <components.ColumnControls cell={cell} />\n          )}\n          {/* Resizer*/}\n          {isResizable &&\n            cell.column.getCanResize() &&\n            components.ResizingBar && <components.ResizingBar header={cell} />}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype HeaderTitleProps<T> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst HeaderTitle = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderTitleProps<T>>) => {\n  const { column, id } = cell;\n  const title =\n    typeof column.columnDef.header === 'string' ? column.columnDef.header : id;\n  return (\n    <div\n      ref={ref}\n      className={className}\n      title={title}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype BodyProps = {\n  children?: React.ReactNode;\n};\n\nconst Body = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyProps>) => {\n  const { tableProps, components, isLoading } = useDataGridContext();\n  const { getRowModel } = tableProps;\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-tbody', className)}\n      role=\"rowgroup\"\n      aria-busy={isLoading ? 'true' : 'false'}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {isLoading && components.LoadingPlaceholder && (\n            <components.LoadingPlaceholder />\n          )}\n\n          {!isLoading &&\n            getRowModel().rows.length === 0 &&\n            components.NoDataPlaceholder && <components.NoDataPlaceholder />}\n\n          {!isLoading &&\n            getRowModel().rows.map(\n              (row, idx) =>\n                components.BodyRow && (\n                  <components.BodyRow key={`table-row-${idx}`} row={row} />\n                ),\n            )}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype BodyCellProps<T extends RowData> = {\n  cell: Cell<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst BodyCell = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyCellProps<T>>) => {\n  const isResizing = cell.column.getIsResizing();\n\n  const isActionColumn = Boolean(cell.column.columnDef.meta?.isActionCell);\n  const isInlineEditCell = Boolean(\n    cell.column.columnDef.meta?.isInlineEditCell,\n  );\n  const isDropDownCell = Boolean(cell.column.columnDef.meta?.isDropDownCell);\n  const isCustomCell = isActionColumn || isDropDownCell;\n  const { isKeyboardNavigationEnabled, isSkeletonLoading, skeletonProps } =\n    useDataGridContext();\n  return (\n    <div\n      ref={ref}\n      key={cell.id}\n      className={classNames('ndl-data-grid-td', className, {\n        'ndl-focusable-cell': isKeyboardNavigationEnabled,\n        'ndl-data-grid-is-resizing': isResizing,\n        'ndl-data-grid-custom-cell': isCustomCell,\n        'ndl-data-grid-row-action': isActionColumn,\n        'ndl-data-grid-inline-edit': isInlineEditCell,\n        'ndl-data-grid-dropdown-cell': isDropDownCell,\n        'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),\n        'ndl-data-grid-pinned-cell-right':\n          cell.column.getIsPinned() === 'right',\n        'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',\n      })}\n      role=\"cell\"\n      tabIndex={isKeyboardNavigationEnabled ? 0 : undefined}\n      style={{\n        ...style,\n        width: isActionColumn ? 40 : cell.column.getSize(),\n      }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <Skeleton\n        onBackground=\"weak\"\n        shape=\"rectangular\"\n        width=\"100%\"\n        {...skeletonProps}\n        isLoading={isSkeletonLoading && !isActionColumn}\n      >\n        {children || flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </Skeleton>\n    </div>\n  );\n};\n\ntype BodyRowProps<T extends RowData> = {\n  row: Row<T>;\n  children?: React.ReactNode;\n};\n\nconst BodyRow = <T extends RowData>({\n  row,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyRowProps<T>>) => {\n  const { components } = useDataGridContext<T>();\n\n  return (\n    <div\n      key={row.id}\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-tr', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {row\n            .getVisibleCells()\n            .map(\n              (cell) =>\n                components.BodyCell && (\n                  <components.BodyCell key={cell.id} cell={cell} />\n                ),\n            )}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype TableResultProps = {\n  manualPagination?: {\n    from: number;\n    to: number;\n    totalRows: number;\n  };\n  children?: React.ReactNode;\n  /**\n   * The label to use for the results, meaning the word \"results\" in the sentence \"Showing X-Y of Z results\".\n   * @defaultValue 'results'\n   */\n  resultsLabel?: string;\n};\n\nconst TableResults = ({\n  manualPagination,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  resultsLabel = 'results',\n  ...restProps\n}: CommonProps<'span', TableResultProps>) => {\n  const { tableProps, isSkeletonLoading, skeletonProps, isSmallNavigation } =\n    useDataGridContext();\n  const { getState, getRowModel, getCoreRowModel } = tableProps;\n  const {\n    pagination: { pageSize, pageIndex },\n  } = getState();\n  const { rows } = getRowModel();\n\n  const { from, to, totalRows } = useMemo(\n    () =>\n      manualPagination || {\n        from: 1 + pageIndex * pageSize,\n        to: rows.length + pageIndex * pageSize,\n        totalRows: getCoreRowModel().rows.length,\n      },\n    [pageIndex, pageSize, manualPagination, rows, getCoreRowModel],\n  );\n\n  if (isSmallNavigation) {\n    return null;\n  }\n\n  return (\n    <Skeleton\n      as=\"span\"\n      onBackground=\"weak\"\n      shape=\"rectangular\"\n      {...skeletonProps}\n      isLoading={isSkeletonLoading}\n    >\n      <span\n        ref={ref}\n        style={style}\n        className={classNames('ndl-data-grid-results', className)}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children || (\n          <span>\n            Showing{' '}\n            <span className=\"n-font-bold\">\n              {totalRows ? `${from}${to !== from ? `-${to}` : ''}` : 0}\n            </span>{' '}\n            of <span className=\"n-font-bold\">{totalRows}</span> {resultsLabel}\n          </span>\n        )}\n      </span>\n    </Skeleton>\n  );\n};\n\ntype RowsPerPageProps = {\n  /**\n   * The target element to portal the menu of the select component to.\n   * Should be document.body normally, or the modal root if the select is inside a modal.\n   * Defaults to the portalTarget prop of the DataGrid root component.\n   */\n  portalTarget?: HTMLElement | null;\n  children?: React.ReactNode;\n};\n\nconst RowsPerPage = ({\n  portalTarget: portalTargetProp,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', RowsPerPageProps>) => {\n  const { tableProps, portalTarget } = useDataGridContext();\n\n  const { setPageSize, getState } = tableProps;\n\n  const {\n    pagination: { pageSize },\n  } = getState();\n\n  const paginationOptions = getPaginationOptions(pageSize);\n  const defaultPaginationOption = paginationOptions.find(\n    (option) => option.value === pageSize,\n  );\n\n  const menuPortalTarget =\n    portalTargetProp === undefined ? portalTarget : portalTargetProp;\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-rows-per-page', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          Show\n          <Select\n            type=\"select\"\n            size=\"medium\"\n            ariaLabel=\"Select page size\"\n            selectProps={{\n              defaultValue: defaultPaginationOption,\n              isSearchable: false,\n              menuPortalTarget: menuPortalTarget,\n              menuPosition: 'fixed',\n              onChange: (option) => {\n                if (option) {\n                  setPageSize(option.value);\n                }\n              },\n              options: paginationOptions,\n              styles: {\n                container: () => ({\n                  width: '100%',\n                }),\n              },\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\ntype PaginationArrowButtonProps = {\n  action: 'previous' | 'next';\n  children?: React.ReactNode;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nconst PaginationArrowButton = ({\n  action,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'button', PaginationArrowButtonProps>) => {\n  const PaginationIcon =\n    action === 'previous' ? ChevronLeftIconOutline : ChevronRightIconOutline;\n  const ariaLabel = action === 'previous' ? 'Previous page' : 'Next page';\n  const classes = classNames('ndl-data-grid-pagination-icon-button', className);\n\n  return (\n    <CleanIconButton\n      ref={ref}\n      style={style}\n      className={classes}\n      description={ariaLabel}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children || <PaginationIcon />}\n    </CleanIconButton>\n  );\n};\n\ntype PaginationNumericButtonProps = {\n  currentIndex: number | string;\n  isSelected: boolean;\n  children?: React.ReactNode;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nconst PaginationNumericButton = ({\n  currentIndex,\n  isSelected,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: CommonProps<'button', PaginationNumericButtonProps>) => {\n  return (\n    <button\n      ref={ref}\n      style={style}\n      type=\"button\"\n      data-testid={`ndl-table-${currentIndex}`}\n      className={classNames(\n        'ndl-data-grid-pagination-numeric-button',\n        className,\n        {\n          'ndl-is-selected': isSelected,\n          'ndl-not-selected': !isSelected,\n          'ndl-not-selected-numeric':\n            typeof currentIndex === 'number' && !isSelected,\n        },\n      )}\n      onClick={(e) => typeof currentIndex === 'number' && onClick && onClick(e)}\n      tabIndex={typeof currentIndex === 'number' ? 0 : -1}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || currentIndex}\n    </button>\n  );\n};\n\nconst PaginationNumericButtons = () => {\n  const { tableProps, components } = useDataGridContext();\n  const { getState, setPageIndex, getPageCount } = tableProps;\n  const {\n    pagination: { pageIndex },\n  } = getState();\n\n  return (\n    <>\n      {userFriendlyPagination(pageIndex + 1, getPageCount()).map(\n        (option, idx) =>\n          components.PaginationNumericButton && (\n            <components.PaginationNumericButton\n              /** Use index to avoid situations where two \"...\" values will appear, causing a key conflict */\n              key={`${option}-${idx}`}\n              onClick={() =>\n                typeof option === 'number' && setPageIndex(option - 1)\n              }\n              currentIndex={option}\n              isSelected={option === pageIndex + 1}\n            />\n          ),\n      )}\n    </>\n  );\n};\n\ntype PaginationProps = {\n  children?: React.ReactNode;\n};\n\nconst Pagination = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'nav', PaginationProps>) => {\n  const { tableProps, components, isMediumNavigation } = useDataGridContext();\n\n  const { getCanPreviousPage, getCanNextPage, previousPage, nextPage } =\n    tableProps;\n\n  return (\n    <nav\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-nav', className)}\n      aria-label=\"Pagination\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {/* Previous page */}\n          {getCanPreviousPage()\n            ? components.PaginationArrowButton && (\n                <components.PaginationArrowButton\n                  action=\"previous\"\n                  onClick={previousPage}\n                />\n              )\n            : null}\n          {/* Pages - hidden on narrow containers */}\n          {!isMediumNavigation && components.PaginationNumericButtons && (\n            <components.PaginationNumericButtons />\n          )}\n          {/* Next page */}\n          {getCanNextPage()\n            ? components.PaginationArrowButton && (\n                <components.PaginationArrowButton\n                  action=\"next\"\n                  onClick={nextPage}\n                />\n              )\n            : null}\n        </>\n      )}\n    </nav>\n  );\n};\n\ntype NavigationProps = {\n  children?: React.ReactNode;\n};\n\nconst Navigation = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NavigationProps>) => {\n  const {\n    tableProps,\n    components,\n    isSkeletonLoading,\n    skeletonProps,\n    isSmallNavigation,\n  } = useDataGridContext();\n\n  const { getPageCount } = tableProps;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...style,\n        ...(isSmallNavigation && { justifyContent: 'end' }),\n      }}\n      className={classNames('ndl-data-grid-navigation', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <>\n        {children || (\n          <>\n            {components.TableResults && <components.TableResults />}\n            <Skeleton\n              onBackground=\"weak\"\n              shape=\"rectangular\"\n              height=\"36px\"\n              {...skeletonProps}\n              isLoading={isSkeletonLoading}\n            >\n              <div className=\"ndl-data-grid-navigation-right-items\">\n                {getPageCount() > 1 && components.Pagination && (\n                  <components.Pagination />\n                )}\n                {/* Page size selector */}\n                {components.RowsPerPage && <components.RowsPerPage />}\n              </div>\n            </Skeleton>\n          </>\n        )}\n      </>\n    </div>\n  );\n};\n\ntype LoadingPlaceholderProps = {\n  children?: React.ReactNode;\n};\n\nconst LoadingPlaceholder = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', LoadingPlaceholderProps>) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('nld-table-placeholder-wrapper', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <div role=\"cell\" className=\"ndl-data-grid-placeholder\">\n          <div className=\"ndl-data-grid-loading-placeholder\">\n            <LoadingSpinner />\n            <h6>Loading data</h6>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\ntype NoDataPlaceholderProps = {\n  children?: React.ReactNode;\n};\n\nconst NoDataPlaceholder = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NoDataPlaceholderProps>) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('nld-table-placeholder-wrapper', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <NoDataPlaceholderContentWrapper>\n          <NoDataIcon />\n          <Typography variant=\"subheading-small\">No data available</Typography>\n        </NoDataPlaceholderContentWrapper>\n      )}\n    </div>\n  );\n};\n\ntype NoDataPlaceholderContentWrapperProps = {\n  children?: React.ReactNode;\n};\n\nexport const NoDataPlaceholderContentWrapper = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NoDataPlaceholderContentWrapperProps>) => {\n  return (\n    <div\n      role=\"cell\"\n      className={classNames('ndl-data-grid-placeholder', className)}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport interface InlineEditCellProps<T extends RowData> {\n  cell: CellContext<T, unknown>;\n  value: string;\n  ariaLabel: string;\n}\n\nconst InlineEditCell = <T extends RowData>({\n  cell,\n  value,\n  ariaLabel,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', InlineEditCellProps<T>>) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  const { dataGridNav } = useDataGridContext<T>();\n\n  if (!cell.column.columnDef.meta?.isInlineEditCell) {\n    return null;\n  }\n\n  return (\n    <input\n      ref={ref}\n      style={style}\n      className={className}\n      onChange={(e) => setInputValue(e.target.value)}\n      value={inputValue}\n      onFocus={() => {\n        dataGridNav.disable();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          cell?.column.columnDef.meta?.isInlineEditCell?.onEditChange(\n            inputValue,\n            cell,\n          );\n          e.currentTarget.parentElement?.focus();\n          return;\n        } else if (e.key === 'Escape') {\n          e.currentTarget.parentElement?.focus();\n          return;\n        }\n      }}\n      onBlur={() => {\n        setInputValue(value);\n        dataGridNav.enable();\n      }}\n      aria-label={ariaLabel}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\ntype DropDownCellProps<T extends RowData> = {\n  cell: CellContext<T, unknown>;\n  options: {\n    value: string;\n    label: string;\n  }[];\n  /**\n   * The target element to portal the menu of the select component to, e.g. the modal root if the data grid is inside a modal.\n   * Defaults to the portalTarget prop of the DataGrid root component.\n   */\n  portalTarget?: HTMLElement | null;\n  /** Aria label of the select component. Required for accessibility. */\n  ariaLabel: string;\n  /** Whether the select component is disabled */\n  isDisabled?: boolean;\n};\n\nconst DropDownCell = <T extends RowData>({\n  cell,\n  options,\n  portalTarget: portalTargetProp,\n  ariaLabel,\n  className,\n  style,\n  htmlAttributes,\n  ref: forwardRef,\n  isDisabled,\n  ...restProps\n}: CommonProps<'div', DropDownCellProps<T>>) => {\n  const { dataGridNav, portalTarget } = useDataGridContext<T>();\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([ref, forwardRef]);\n\n  if (!cell.column.columnDef.meta?.isDropDownCell) {\n    return null;\n  }\n  const defaultOption = options.find(\n    (option) => option.value === cell.getValue()?.toString(),\n  );\n\n  const menuPortalTarget =\n    portalTargetProp === undefined ? portalTarget : portalTargetProp;\n\n  return (\n    <Select\n      ref={mergedRef}\n      className={className}\n      isFluid={true}\n      isClean={true}\n      style={{ ...style, height: '100%', width: '100%' }}\n      type=\"select\"\n      size=\"medium\"\n      ariaLabel={ariaLabel}\n      isDisabled={isDisabled}\n      selectProps={{\n        defaultValue: defaultOption,\n        menuPortalTarget: menuPortalTarget,\n        menuPosition: 'fixed',\n        onChange: (e) => {\n          const value = e?.value;\n          cell?.column.columnDef.meta?.isDropDownCell?.onChange(\n            value?.toString(),\n            cell,\n          );\n          dataGridNav.enable();\n          ref?.current && dataGridNav.focusParentCell(ref.current);\n        },\n        onMenuOpen: () => {\n          dataGridNav.disable();\n        },\n        options: options,\n        styles: {\n          container: () => ({ height: '100%', width: '100%' }),\n          control: () => ({\n            backgroundColor: 'transparent',\n            borderRadius: 0,\n            height: '100%',\n          }),\n        },\n      }}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    />\n  );\n};\n\nconst NoDataIcon = ({\n  className,\n  ...restProps\n}: React.ComponentPropsWithoutRef<typeof DataGridCrossIcon>) => {\n  const classes = classNames('n-size-token-64', className);\n  return <DataGridCrossIcon className={classes} {...restProps} />;\n};\n\nexport {\n  ResizingBar,\n  Header,\n  Body,\n  BodyCell,\n  BodyRow,\n  InlineEditCell,\n  DropDownCell,\n  ActionCell,\n  HeaderCell,\n  HeaderTitle,\n  Navigation,\n  TableResults,\n  RowsPerPage,\n  Pagination,\n  PaginationNumericButtons,\n  PaginationArrowButton,\n  PaginationNumericButton,\n  NoDataPlaceholder,\n  NoDataIcon,\n  LoadingPlaceholder,\n  Scrollable,\n};\n"]}
+{"version":3,"file":"Components.js","sourceRoot":"","sources":["../../../src/data-grid/Components.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 { useMergeRefs } from '@floating-ui/react';\nimport {\n  type Cell,\n  type CellContext,\n  flexRender,\n  type Header as HeaderType,\n  type Row,\n  type RowData,\n  type SortDirection,\n} from '@tanstack/react-table';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  Bars3CenterLeftIconOutline,\n  BarsArrowDownIconOutline,\n  BarsArrowUpIconOutline,\n  ChevronDownIconSolid,\n  ChevronLeftIconOutline,\n  ChevronRightIconOutline,\n  DataGridCrossIcon,\n  EllipsisHorizontalIconOutline,\n} from '../icons';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Menu } from '../menu';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\nimport { useDataGridContext } from './data-grid-context';\nimport { type ColumnAction } from './datagrid-types';\nimport {\n  resizeColumn,\n  ResizeDirection,\n  userFriendlyPagination,\n} from './helpers';\n\n/** Table results per page, with the first option being the default */\nconst TABLE_RESULTS = {\n  DEFAULT: 10,\n  values: [10, 25, 50, 100],\n} as const;\n\ntype paginationOption = {\n  value: number;\n  label: string;\n};\n\nconst getPaginationOptions = (pageSize: number): paginationOption[] => {\n  return [...new Set([...TABLE_RESULTS.values, pageSize])]\n    .sort((a, b) => a - b)\n    .map((option) => ({\n      label: `${option}`,\n      value: option,\n    }));\n};\n\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {\n  [key in SortDirection | 'default']: ColumnAction;\n} = (cell) => ({\n  asc: {\n    icon: <BarsArrowUpIconOutline />,\n    onClick: () => cell.column.toggleSorting(false),\n    title: 'Sort ascending',\n  },\n  default: {\n    icon: <Bars3CenterLeftIconOutline />,\n    onClick: () => cell.column.clearSorting(),\n    title: 'Default sort',\n  },\n  desc: {\n    icon: <BarsArrowDownIconOutline />,\n    onClick: () => cell.column.toggleSorting(true),\n    title: 'Sort descending',\n  },\n});\n\ntype ResizingBarProps<T extends RowData> = {\n  header: HeaderType<T, unknown>;\n};\n\nconst ResizingBar = <T extends RowData>({\n  header,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'button', ResizingBarProps<T>>) => {\n  const { isKeyboardNavigationEnabled } = useDataGridContext<T>();\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'ArrowLeft') {\n      event.stopPropagation();\n      event.preventDefault();\n      resizeColumn(ResizeDirection.LEFT, header);\n    } else if (event.key === 'ArrowRight') {\n      event.stopPropagation();\n      event.preventDefault();\n      resizeColumn(ResizeDirection.RIGHT, header);\n    }\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={classNames('ndl-data-grid-resizer', className, {\n        'ndl-data-grid-is-resizing': header.column.getIsResizing(),\n      })}\n      style={style}\n      onMouseDown={header.getResizeHandler()}\n      onTouchStart={header.getResizeHandler()}\n      onKeyDown={handleKeyDown}\n      aria-label=\"Resizing bar\"\n      tabIndex={isKeyboardNavigationEnabled ? -1 : 0}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\ntype ScrollableProps = {\n  children?: React.ReactNode;\n};\n\nconst Scrollable = ({\n  children,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', ScrollableProps> & {\n  ref: React.RefObject<HTMLDivElement | null>;\n}) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-scrollable', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype HeaderProps = {\n  children?: React.ReactNode;\n};\n\nconst Header = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderProps>) => {\n  const { tableProps, components } = useDataGridContext();\n  const { getHeaderGroups, getState } = tableProps;\n\n  return (\n    <div\n      role=\"rowgroup\"\n      className={classNames('ndl-data-grid-thead', className, {\n        'ndl-data-grid-is-resizing':\n          getState().columnSizingInfo.isResizingColumn,\n      })}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {getHeaderGroups().map((headerGroup) => (\n            <div key={headerGroup.id} className=\"ndl-data-grid-tr\" role=\"row\">\n              {headerGroup.headers.map(\n                (header) =>\n                  components.HeaderCell && (\n                    <components.HeaderCell key={header.id} cell={header} />\n                  ),\n              )}\n            </div>\n          ))}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype ActionButtonProps = {\n  action: ColumnAction;\n  onClose: () => void;\n};\n\nexport const ActionButton = <T extends React.ElementType = 'button'>({\n  action,\n  onClose,\n  as,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, ActionButtonProps>) => {\n  const { onClick, ...restAction } = action;\n\n  const interceptedOnClick = useCallback(\n    // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n    (e: any) => {\n      const providedOnClick = onClick ?? action.onClick;\n      if (typeof providedOnClick === 'function') {\n        providedOnClick(e);\n      }\n      onClose?.();\n    },\n    [action.onClick, onClick, onClose],\n  );\n\n  return (\n    <Menu.Item\n      onClick={interceptedOnClick}\n      as={as}\n      className={className}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      ref={ref}\n      {...restAction}\n      {...restProps}\n    />\n  );\n};\n\nexport interface ActionCellProps<T extends RowData> {\n  cell?: CellContext<T, unknown>;\n  innerCleanIconButtonProps?: Partial<\n    React.ComponentPropsWithoutRef<typeof CleanIconButton>\n  >;\n  innerMenuProps?: Partial<React.ComponentProps<typeof Menu>>;\n}\n\nconst ActionCell = <T extends RowData>({\n  cell,\n  innerCleanIconButtonProps,\n  innerMenuProps,\n}: ActionCellProps<T>) => {\n  const { components, isSkeletonLoading, portalTarget } =\n    useDataGridContext<T>();\n  const actionsButtonRef = useRef<HTMLButtonElement>(null);\n  const [isActionsOpen, setIsActionsOpen] = useState(false);\n\n  if (\n    !cell ||\n    !cell.column.columnDef.meta ||\n    typeof cell.column.columnDef?.meta?.isActionCell !== 'object'\n  ) {\n    return null;\n  }\n\n  const { actions, onOpenChange } = cell.column.columnDef.meta.isActionCell;\n\n  if (isSkeletonLoading) {\n    return null;\n  }\n\n  return (\n    <>\n      <CleanIconButton\n        as=\"button\"\n        size=\"medium\"\n        description=\"Actions\"\n        ref={actionsButtonRef}\n        isActive={isActionsOpen}\n        onClick={() => {\n          onOpenChange?.(!isActionsOpen);\n          setIsActionsOpen(!isActionsOpen);\n        }}\n        {...innerCleanIconButtonProps}\n        htmlAttributes={{\n          tabIndex: 0,\n          ...innerCleanIconButtonProps?.htmlAttributes,\n        }}\n      >\n        {innerCleanIconButtonProps?.children || (\n          <EllipsisHorizontalIconOutline />\n        )}\n      </CleanIconButton>\n      <Menu\n        isOpen={isActionsOpen}\n        anchorRef={actionsButtonRef}\n        onClose={() => {\n          onOpenChange?.(false);\n          setIsActionsOpen(false);\n        }}\n        {...innerMenuProps}\n        portalTarget={portalTarget}\n      >\n        {innerMenuProps?.children || (\n          <Menu.Items>\n            {actions.map(\n              (action, i) =>\n                components.ActionButton && (\n                  <components.ActionButton\n                    key={`${cell.column.id}-action-${i}`}\n                    action={{\n                      ...action,\n                      onClick: (e) => {\n                        action.onClick?.(e, cell);\n                      },\n                    }}\n                    onClose={() => setIsActionsOpen(false)}\n                  />\n                ),\n            )}\n          </Menu.Items>\n        )}\n      </Menu>\n    </>\n  );\n};\n\ntype ColumnControlsProps<T extends RowData> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nexport const ColumnControls = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ColumnControlsProps<T>>) => {\n  const { components, portalTarget } = useDataGridContext();\n\n  const sort = cell.column.getIsSorted();\n  const canSort = cell.column.getCanSort();\n  const { hasDefaultSortingActions = true, actions } =\n    cell.column.columnDef.meta?.columnActions || {};\n\n  const sortingActions = useMemo(() => {\n    if (canSort) {\n      if (sort !== 'asc' && sort !== 'desc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).asc,\n          DEFAULT_SORT_ACTIONS(cell).desc,\n        ];\n      }\n      if (sort === 'asc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).default,\n          DEFAULT_SORT_ACTIONS(cell).desc,\n        ];\n      }\n      if (sort === 'desc') {\n        return [\n          DEFAULT_SORT_ACTIONS(cell).default,\n          DEFAULT_SORT_ACTIONS(cell).asc,\n        ];\n      }\n    }\n    // Default case\n    return [];\n  }, [sort, cell, canSort]);\n\n  const newActions: ColumnAction[] = [\n    ...(hasDefaultSortingActions ? sortingActions : []),\n    ...(actions ?? []),\n  ];\n\n  const actionsButtonRef = useRef<HTMLButtonElement>(null);\n  const [isActionsOpen, setIsActionsOpen] = useState(false);\n\n  if (!actions || actions.length === 0) {\n    return null;\n  }\n\n  return newActions.length > 0 ? (\n    <div\n      ref={ref}\n      className={classNames('ndl-header-action-group', className)}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <Fragment>\n          <CleanIconButton\n            size=\"small\"\n            description=\"Actions\"\n            ref={actionsButtonRef}\n            isActive={isActionsOpen}\n            onClick={() => {\n              setIsActionsOpen(!isActionsOpen);\n            }}\n            htmlAttributes={{\n              tabIndex: 0,\n            }}\n          >\n            <ChevronDownIconSolid />\n          </CleanIconButton>\n          <Menu\n            isOpen={isActionsOpen}\n            anchorRef={actionsButtonRef}\n            onClose={() => setIsActionsOpen(false)}\n            portalTarget={portalTarget}\n          >\n            <Menu.Items>\n              {newActions.map(\n                (action, i) =>\n                  components.ActionButton && (\n                    <components.ActionButton\n                      key={`${cell.column.id}-action-${i}`}\n                      action={action}\n                      onClose={() => setIsActionsOpen(false)}\n                    />\n                  ),\n              )}\n            </Menu.Items>\n          </Menu>\n        </Fragment>\n      )}\n    </div>\n  ) : null;\n};\n\ntype HeaderCellProps<T> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst HeaderCell = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderCellProps<T>>) => {\n  const { components, isResizable, isKeyboardNavigationEnabled } =\n    useDataGridContext<T>();\n\n  const sort = cell.column.getIsSorted();\n  const canSort = cell.column.getCanSort();\n\n  const ariaSortRole = useMemo(() => {\n    switch (sort) {\n      case 'asc':\n        return 'ascending';\n      case 'desc':\n        return 'descending';\n      default:\n        return 'none';\n    }\n  }, [sort]);\n\n  const Icon = useMemo(() => {\n    switch (sort) {\n      case 'asc':\n        return <BarsArrowUpIconOutline className=\"ndl-header-icon\" />;\n      case 'desc':\n        return <BarsArrowDownIconOutline className=\"ndl-header-icon\" />;\n      default:\n        return (\n          <Bars3CenterLeftIconOutline className=\"ndl-hoverable-indicator ndl-header-icon\" />\n        );\n    }\n  }, [sort]);\n\n  const ariaDescription = useMemo(() => {\n    return canSort\n      ? `Press ENTER or SPACE to sort column ${cell.column.id}`\n      : `Column id: ${cell.column.id}`;\n  }, [canSort, cell.column.id]);\n\n  const isActionColumn = useMemo(\n    () => typeof cell.column.columnDef.meta?.isActionCell === 'object',\n    [cell.column.columnDef.meta],\n  );\n\n  const Tag = canSort ? 'button' : 'div';\n\n  const InnerHeaderCell = () => (\n    <div className=\"ndl-header-cell\">\n      {cell.isPlaceholder\n        ? null\n        : flexRender(cell.column.columnDef.header, cell.getContext())}\n      {canSort && Icon}\n    </div>\n  );\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={isKeyboardNavigationEnabled && !isActionColumn ? 0 : undefined}\n      key={cell.id}\n      role=\"columnheader\"\n      className={classNames('ndl-data-grid-th', className, {\n        'ndl-data-grid-is-resizing': cell.column.getIsResizing(),\n        'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),\n        'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',\n        'ndl-data-grid-pinned-cell-right':\n          cell.column.getIsPinned() === 'right',\n        'ndl-data-grid-row-action': isActionColumn,\n        'ndl-focusable-cell': isKeyboardNavigationEnabled,\n      })}\n      aria-sort={ariaSortRole}\n      style={{\n        ...style,\n        width: isActionColumn ? 40 : cell.getSize(),\n        maxWidth: cell.column.columnDef.maxSize\n          ? `${cell.column.columnDef.maxSize}px`\n          : 'none',\n      }}\n      {...(isKeyboardNavigationEnabled\n        ? {\n            onKeyDown: (e) => {\n              if (\n                isResizable &&\n                e.altKey &&\n                (e.key === 'ArrowLeft' || e.key === 'ArrowRight')\n              ) {\n                const direction =\n                  e.key === 'ArrowLeft'\n                    ? ResizeDirection.LEFT\n                    : ResizeDirection.RIGHT;\n                resizeColumn(direction, cell);\n                e.preventDefault();\n                e.stopPropagation();\n                return;\n              }\n            },\n          }\n        : {})}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          <Tag\n            className=\"ndl-header-group\"\n            style={{\n              cursor: canSort ? 'pointer' : 'default',\n            }}\n            aria-description={ariaDescription}\n            onClick={() => canSort && cell.column.toggleSorting()}\n            tabIndex={canSort ? 0 : undefined}\n          >\n            {components.HeaderTitle ? (\n              <components.HeaderTitle cell={cell}>\n                <InnerHeaderCell />\n              </components.HeaderTitle>\n            ) : (\n              <InnerHeaderCell />\n            )}\n          </Tag>\n          {/* Column actions*/}\n          {components.ColumnControls && (\n            <components.ColumnControls cell={cell} />\n          )}\n          {/* Resizer*/}\n          {isResizable &&\n            cell.column.getCanResize() &&\n            components.ResizingBar && <components.ResizingBar header={cell} />}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype HeaderTitleProps<T> = {\n  cell: HeaderType<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst HeaderTitle = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', HeaderTitleProps<T>>) => {\n  const { column, id } = cell;\n  const title =\n    typeof column.columnDef.header === 'string' ? column.columnDef.header : id;\n  return (\n    <div\n      ref={ref}\n      className={className}\n      title={title}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype BodyProps = {\n  children?: React.ReactNode;\n};\n\nconst Body = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyProps>) => {\n  const { tableProps, components, isLoading } = useDataGridContext();\n  const { getRowModel } = tableProps;\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-tbody', className)}\n      role=\"rowgroup\"\n      aria-busy={isLoading ? 'true' : 'false'}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {isLoading && components.LoadingPlaceholder && (\n            <components.LoadingPlaceholder />\n          )}\n\n          {!isLoading &&\n            getRowModel().rows.length === 0 &&\n            components.NoDataPlaceholder && <components.NoDataPlaceholder />}\n\n          {!isLoading &&\n            getRowModel().rows.map(\n              (row, idx) =>\n                components.BodyRow && (\n                  <components.BodyRow key={`table-row-${idx}`} row={row} />\n                ),\n            )}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype BodyCellProps<T extends RowData> = {\n  cell: Cell<T, unknown>;\n  children?: React.ReactNode;\n};\n\nconst BodyCell = <T extends RowData>({\n  cell,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyCellProps<T>>) => {\n  const isResizing = cell.column.getIsResizing();\n\n  const isActionColumn = Boolean(cell.column.columnDef.meta?.isActionCell);\n  const isInlineEditCell = Boolean(\n    cell.column.columnDef.meta?.isInlineEditCell,\n  );\n  const isDropDownCell = Boolean(cell.column.columnDef.meta?.isDropDownCell);\n  const isCustomCell = isActionColumn || isDropDownCell;\n  const { isKeyboardNavigationEnabled, isSkeletonLoading, skeletonProps } =\n    useDataGridContext();\n  return (\n    <div\n      ref={ref}\n      key={cell.id}\n      className={classNames('ndl-data-grid-td', className, {\n        'ndl-data-grid-custom-cell': isCustomCell,\n        'ndl-data-grid-dropdown-cell': isDropDownCell,\n        'ndl-data-grid-inline-edit': isInlineEditCell,\n        'ndl-data-grid-is-resizing': isResizing,\n        'ndl-data-grid-pinned-cell': cell.column.getIsPinned(),\n        'ndl-data-grid-pinned-cell-left': cell.column.getIsPinned() === 'left',\n        'ndl-data-grid-pinned-cell-right':\n          cell.column.getIsPinned() === 'right',\n        'ndl-data-grid-row-action': isActionColumn,\n        'ndl-focusable-cell': isKeyboardNavigationEnabled,\n      })}\n      role=\"cell\"\n      tabIndex={isKeyboardNavigationEnabled ? 0 : undefined}\n      style={{\n        ...style,\n        width: isActionColumn ? 40 : cell.column.getSize(),\n      }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <Skeleton\n        onBackground=\"weak\"\n        shape=\"rectangular\"\n        width=\"100%\"\n        {...skeletonProps}\n        isLoading={isSkeletonLoading && !isActionColumn}\n      >\n        {children || flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </Skeleton>\n    </div>\n  );\n};\n\ntype BodyRowProps<T extends RowData> = {\n  row: Row<T>;\n  children?: React.ReactNode;\n};\n\nconst BodyRow = <T extends RowData>({\n  row,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', BodyRowProps<T>>) => {\n  const { components } = useDataGridContext<T>();\n\n  return (\n    <div\n      key={row.id}\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-tr', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {row\n            .getVisibleCells()\n            .map(\n              (cell) =>\n                components.BodyCell && (\n                  <components.BodyCell key={cell.id} cell={cell} />\n                ),\n            )}\n        </>\n      )}\n    </div>\n  );\n};\n\ntype TableResultProps = {\n  manualPagination?: {\n    from: number;\n    to: number;\n    totalRows: number;\n  };\n  children?: React.ReactNode;\n  /**\n   * The label to use for the results, meaning the word \"results\" in the sentence \"Showing X-Y of Z results\".\n   * @defaultValue 'results'\n   */\n  resultsLabel?: string;\n};\n\nconst TableResults = ({\n  manualPagination,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  resultsLabel = 'results',\n  ...restProps\n}: CommonProps<'span', TableResultProps>) => {\n  const { tableProps, isSkeletonLoading, skeletonProps, isSmallNavigation } =\n    useDataGridContext();\n  const { getState, getRowModel, getCoreRowModel } = tableProps;\n  const {\n    pagination: { pageSize, pageIndex },\n  } = getState();\n  const { rows } = getRowModel();\n\n  const { from, to, totalRows } = useMemo(\n    () =>\n      manualPagination || {\n        from: 1 + pageIndex * pageSize,\n        to: rows.length + pageIndex * pageSize,\n        totalRows: getCoreRowModel().rows.length,\n      },\n    [pageIndex, pageSize, manualPagination, rows, getCoreRowModel],\n  );\n\n  if (isSmallNavigation) {\n    return null;\n  }\n\n  return (\n    <Skeleton\n      as=\"span\"\n      onBackground=\"weak\"\n      shape=\"rectangular\"\n      {...skeletonProps}\n      isLoading={isSkeletonLoading}\n    >\n      <span\n        ref={ref}\n        style={style}\n        className={classNames('ndl-data-grid-results', className)}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children || (\n          <span>\n            Showing{' '}\n            <span className=\"n-font-bold\">\n              {totalRows ? `${from}${to !== from ? `-${to}` : ''}` : 0}\n            </span>{' '}\n            of <span className=\"n-font-bold\">{totalRows}</span> {resultsLabel}\n          </span>\n        )}\n      </span>\n    </Skeleton>\n  );\n};\n\ntype RowsPerPageProps = {\n  /**\n   * The target element to portal the menu of the select component to.\n   * Should be document.body normally, or the modal root if the select is inside a modal.\n   * Defaults to the portalTarget prop of the DataGrid root component.\n   */\n  portalTarget?: HTMLElement | null;\n  children?: React.ReactNode;\n};\n\nconst RowsPerPage = ({\n  portalTarget: portalTargetProp,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', RowsPerPageProps>) => {\n  const { tableProps, portalTarget } = useDataGridContext();\n\n  const { setPageSize, getState } = tableProps;\n\n  const {\n    pagination: { pageSize },\n  } = getState();\n\n  const paginationOptions = getPaginationOptions(pageSize);\n  const defaultPaginationOption = paginationOptions.find(\n    (option) => option.value === pageSize,\n  );\n\n  const menuPortalTarget =\n    portalTargetProp === undefined ? portalTarget : portalTargetProp;\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-rows-per-page', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          Show\n          <Select\n            type=\"select\"\n            size=\"medium\"\n            ariaLabel=\"Select page size\"\n            selectProps={{\n              defaultValue: defaultPaginationOption,\n              isSearchable: false,\n              menuPortalTarget: menuPortalTarget,\n              menuPosition: 'fixed',\n              onChange: (option) => {\n                if (option) {\n                  setPageSize(option.value);\n                }\n              },\n              options: paginationOptions,\n              styles: {\n                container: () => ({\n                  width: '100%',\n                }),\n              },\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\ntype PaginationArrowButtonProps = {\n  action: 'previous' | 'next';\n  children?: React.ReactNode;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nconst PaginationArrowButton = ({\n  action,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'button', PaginationArrowButtonProps>) => {\n  const PaginationIcon =\n    action === 'previous' ? ChevronLeftIconOutline : ChevronRightIconOutline;\n  const ariaLabel = action === 'previous' ? 'Previous page' : 'Next page';\n  const classes = classNames('ndl-data-grid-pagination-icon-button', className);\n\n  return (\n    <CleanIconButton\n      ref={ref}\n      style={style}\n      className={classes}\n      description={ariaLabel}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {children || <PaginationIcon />}\n    </CleanIconButton>\n  );\n};\n\ntype PaginationNumericButtonProps = {\n  currentIndex: number | string;\n  isSelected: boolean;\n  children?: React.ReactNode;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nconst PaginationNumericButton = ({\n  currentIndex,\n  isSelected,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: CommonProps<'button', PaginationNumericButtonProps>) => {\n  return (\n    <button\n      ref={ref}\n      style={style}\n      type=\"button\"\n      data-testid={`ndl-table-${currentIndex}`}\n      className={classNames(\n        'ndl-data-grid-pagination-numeric-button',\n        className,\n        {\n          'ndl-is-selected': isSelected,\n          'ndl-not-selected': !isSelected,\n          'ndl-not-selected-numeric':\n            typeof currentIndex === 'number' && !isSelected,\n        },\n      )}\n      onClick={(e) => typeof currentIndex === 'number' && onClick && onClick(e)}\n      tabIndex={typeof currentIndex === 'number' ? 0 : -1}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || currentIndex}\n    </button>\n  );\n};\n\nconst PaginationNumericButtons = () => {\n  const { tableProps, components } = useDataGridContext();\n  const { getState, setPageIndex, getPageCount } = tableProps;\n  const {\n    pagination: { pageIndex },\n  } = getState();\n\n  return (\n    <>\n      {userFriendlyPagination(pageIndex + 1, getPageCount()).map(\n        (option, idx) =>\n          components.PaginationNumericButton && (\n            <components.PaginationNumericButton\n              /** Use index to avoid situations where two \"...\" values will appear, causing a key conflict */\n              key={`${option}-${idx}`}\n              onClick={() =>\n                typeof option === 'number' && setPageIndex(option - 1)\n              }\n              currentIndex={option}\n              isSelected={option === pageIndex + 1}\n            />\n          ),\n      )}\n    </>\n  );\n};\n\ntype PaginationProps = {\n  children?: React.ReactNode;\n};\n\nconst Pagination = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'nav', PaginationProps>) => {\n  const { tableProps, components, isMediumNavigation } = useDataGridContext();\n\n  const { getCanPreviousPage, getCanNextPage, previousPage, nextPage } =\n    tableProps;\n\n  return (\n    <nav\n      ref={ref}\n      style={style}\n      className={classNames('ndl-data-grid-nav', className)}\n      aria-label=\"Pagination\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <>\n          {/* Previous page */}\n          {getCanPreviousPage()\n            ? components.PaginationArrowButton && (\n                <components.PaginationArrowButton\n                  action=\"previous\"\n                  onClick={previousPage}\n                />\n              )\n            : null}\n          {/* Pages - hidden on narrow containers */}\n          {!isMediumNavigation && components.PaginationNumericButtons && (\n            <components.PaginationNumericButtons />\n          )}\n          {/* Next page */}\n          {getCanNextPage()\n            ? components.PaginationArrowButton && (\n                <components.PaginationArrowButton\n                  action=\"next\"\n                  onClick={nextPage}\n                />\n              )\n            : null}\n        </>\n      )}\n    </nav>\n  );\n};\n\ntype NavigationProps = {\n  children?: React.ReactNode;\n};\n\nconst Navigation = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NavigationProps>) => {\n  const {\n    tableProps,\n    components,\n    isSkeletonLoading,\n    skeletonProps,\n    isSmallNavigation,\n  } = useDataGridContext();\n\n  const { getPageCount } = tableProps;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...style,\n        ...(isSmallNavigation && { justifyContent: 'end' }),\n      }}\n      className={classNames('ndl-data-grid-navigation', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <>\n        {children || (\n          <>\n            {components.TableResults && <components.TableResults />}\n            <Skeleton\n              onBackground=\"weak\"\n              shape=\"rectangular\"\n              height=\"36px\"\n              {...skeletonProps}\n              isLoading={isSkeletonLoading}\n            >\n              <div className=\"ndl-data-grid-navigation-right-items\">\n                {getPageCount() > 1 && components.Pagination && (\n                  <components.Pagination />\n                )}\n                {/* Page size selector */}\n                {components.RowsPerPage && <components.RowsPerPage />}\n              </div>\n            </Skeleton>\n          </>\n        )}\n      </>\n    </div>\n  );\n};\n\ntype LoadingPlaceholderProps = {\n  children?: React.ReactNode;\n};\n\nconst LoadingPlaceholder = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', LoadingPlaceholderProps>) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('nld-table-placeholder-wrapper', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <div role=\"cell\" className=\"ndl-data-grid-placeholder\">\n          <div className=\"ndl-data-grid-loading-placeholder\">\n            <LoadingSpinner />\n            <h6>Loading data</h6>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\ntype NoDataPlaceholderProps = {\n  children?: React.ReactNode;\n};\n\nconst NoDataPlaceholder = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NoDataPlaceholderProps>) => {\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('nld-table-placeholder-wrapper', className)}\n      role=\"row\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children || (\n        <NoDataPlaceholderContentWrapper>\n          <NoDataIcon />\n          <Typography variant=\"subheading-small\">No data available</Typography>\n        </NoDataPlaceholderContentWrapper>\n      )}\n    </div>\n  );\n};\n\ntype NoDataPlaceholderContentWrapperProps = {\n  children?: React.ReactNode;\n};\n\nexport const NoDataPlaceholderContentWrapper = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', NoDataPlaceholderContentWrapperProps>) => {\n  return (\n    <div\n      role=\"cell\"\n      className={classNames('ndl-data-grid-placeholder', className)}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport interface InlineEditCellProps<T extends RowData> {\n  cell: CellContext<T, unknown>;\n  value: string;\n  ariaLabel: string;\n}\n\nconst InlineEditCell = <T extends RowData>({\n  cell,\n  value,\n  ariaLabel,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'input', InlineEditCellProps<T>>) => {\n  const [inputValue, setInputValue] = useState(value);\n\n  useEffect(() => {\n    setInputValue(value);\n  }, [value]);\n\n  const { dataGridNav } = useDataGridContext<T>();\n\n  if (!cell.column.columnDef.meta?.isInlineEditCell) {\n    return null;\n  }\n\n  return (\n    <input\n      ref={ref}\n      style={style}\n      className={className}\n      onChange={(e) => setInputValue(e.target.value)}\n      value={inputValue}\n      onFocus={() => {\n        dataGridNav.disable();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          cell?.column.columnDef.meta?.isInlineEditCell?.onEditChange(\n            inputValue,\n            cell,\n          );\n          e.currentTarget.parentElement?.focus();\n          return;\n        } else if (e.key === 'Escape') {\n          e.currentTarget.parentElement?.focus();\n          return;\n        }\n      }}\n      onBlur={() => {\n        setInputValue(value);\n        dataGridNav.enable();\n      }}\n      aria-label={ariaLabel}\n      {...restProps}\n      {...htmlAttributes}\n    />\n  );\n};\n\ntype DropDownCellProps<T extends RowData> = {\n  cell: CellContext<T, unknown>;\n  options: {\n    value: string;\n    label: string;\n  }[];\n  /**\n   * The target element to portal the menu of the select component to, e.g. the modal root if the data grid is inside a modal.\n   * Defaults to the portalTarget prop of the DataGrid root component.\n   */\n  portalTarget?: HTMLElement | null;\n  /** Aria label of the select component. Required for accessibility. */\n  ariaLabel: string;\n  /** Whether the select component is disabled */\n  isDisabled?: boolean;\n};\n\nconst DropDownCell = <T extends RowData>({\n  cell,\n  options,\n  portalTarget: portalTargetProp,\n  ariaLabel,\n  className,\n  style,\n  htmlAttributes,\n  ref: forwardRef,\n  isDisabled,\n  ...restProps\n}: CommonProps<'div', DropDownCellProps<T>>) => {\n  const { dataGridNav, portalTarget } = useDataGridContext<T>();\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([ref, forwardRef]);\n\n  if (!cell.column.columnDef.meta?.isDropDownCell) {\n    return null;\n  }\n  const defaultOption = options.find(\n    (option) => option.value === cell.getValue()?.toString(),\n  );\n\n  const menuPortalTarget =\n    portalTargetProp === undefined ? portalTarget : portalTargetProp;\n\n  return (\n    <Select\n      ref={mergedRef}\n      className={className}\n      isFluid={true}\n      isClean={true}\n      style={{ ...style, height: '100%', width: '100%' }}\n      type=\"select\"\n      size=\"medium\"\n      ariaLabel={ariaLabel}\n      isDisabled={isDisabled}\n      selectProps={{\n        defaultValue: defaultOption,\n        menuPortalTarget: menuPortalTarget,\n        menuPosition: 'fixed',\n        onChange: (e) => {\n          const value = e?.value;\n          cell?.column.columnDef.meta?.isDropDownCell?.onChange(\n            value?.toString(),\n            cell,\n          );\n          dataGridNav.enable();\n          ref?.current && dataGridNav.focusParentCell(ref.current);\n        },\n        onMenuOpen: () => {\n          dataGridNav.disable();\n        },\n        options: options,\n        styles: {\n          container: () => ({ height: '100%', width: '100%' }),\n          control: () => ({\n            backgroundColor: 'transparent',\n            borderRadius: 0,\n            height: '100%',\n          }),\n        },\n      }}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    />\n  );\n};\n\nconst NoDataIcon = ({\n  className,\n  ...restProps\n}: React.ComponentPropsWithoutRef<typeof DataGridCrossIcon>) => {\n  const classes = classNames('n-size-token-64', className);\n  return <DataGridCrossIcon className={classes} {...restProps} />;\n};\n\nexport {\n  ResizingBar,\n  Header,\n  Body,\n  BodyCell,\n  BodyRow,\n  InlineEditCell,\n  DropDownCell,\n  ActionCell,\n  HeaderCell,\n  HeaderTitle,\n  Navigation,\n  TableResults,\n  RowsPerPage,\n  Pagination,\n  PaginationNumericButtons,\n  PaginationArrowButton,\n  PaginationNumericButton,\n  NoDataPlaceholder,\n  NoDataIcon,\n  LoadingPlaceholder,\n  Scrollable,\n};\n"]}