@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/cjs/progress-bar/stories/progress-bar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAA0C;AAC1C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,mBAAW;IACtB,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;IAC/B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ProgressBar } from '../../index';\nimport {\n  ProgressBarDefault,\n  ProgressBarDefaultSource,\n  ProgressBarHeading,\n  ProgressBarHeadingSource,\n  ProgressBarSizes,\n  ProgressBarSizesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ProgressBar> = {\n  component: ProgressBar,\n  id: 'components-progress-bar',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ProgressBar',\n  decorators: [\n    (Story) => (\n      <div className=\"n-max-w-96 n-mx-auto\">\n        <Story />\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: ProgressBarDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarDefault,\n};\n\nexport const Heading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ProgressBarHeadingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarHeading,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ProgressBarSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarSizes,\n};\n"]}
+{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar.stories.tsx"],"names":[],"mappings":";;;;AAuBA,uCAA0C;AAC1C,wBAOW;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,mBAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,KAAK,KAAG,GACL,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,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,2BAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,qBAAkB;CAC3B,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,yBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ProgressBar } from '../../index';\nimport {\n  ProgressBarDefault,\n  ProgressBarDefaultSource,\n  ProgressBarHeading,\n  ProgressBarHeadingSource,\n  ProgressBarSizes,\n  ProgressBarSizesSource,\n} from '.';\n\nconst componentMeta: Meta<typeof ProgressBar> = {\n  component: ProgressBar,\n  decorators: [\n    (Story) => (\n      <div className=\"n-max-w-96 n-mx-auto\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-progress-bar',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/ProgressBar',\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: ProgressBarDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarDefault,\n};\n\nexport const Heading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ProgressBarHeadingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarHeading,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ProgressBarSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ProgressBarSizes,\n};\n"]}

package/lib/cjs/segmented-control/SegmentedControl.js

@@ -74,7 +74,7 @@ const react_1 = __importStar(require("react"));
 const Tooltip_1 = require("../tooltip/Tooltip");
 // eslint-disable-next-line no-redeclare
 const SegmentedControlContext = 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line @typescript-eslint/no-explicit-any
 react_1.default.createContext(null);
 const useSelectorContext = () => {
     const context = (0, react_1.useContext)(SegmentedControlContext);

package/lib/cjs/segmented-control/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { Tooltip } from '../tooltip/Tooltip';\n\ntype SegmentedControlID = string | number;\n\ntype SegmentedControlProps<T extends SegmentedControlID> = {\n  /** Additional class name */\n  className?: string;\n  /** Size of the segmented control */\n  size?: 'small' | 'medium' | 'large';\n  /** If segmented control items will include only icons (makes controls rectangular) */\n  hasOnlyIcons?: boolean;\n  /** The callback function triggered when the segmented control value changes */\n  onChange: (e: T) => void | ((e: React.SetStateAction<T>) => void);\n  /** The currently selected option */\n  selected: T;\n  /** The children component of the segmented control */\n  children: React.ReactNode;\n  /** Whether the segmented control has a box shadow applied */\n  isFloating?: boolean;\n};\n\ntype SegmentedControlContext<T extends SegmentedControlID> = Required<\n  Pick<SegmentedControlProps<T>, 'onChange' | 'selected' | 'hasOnlyIcons'>\n>;\n\n// eslint-disable-next-line no-redeclare\nconst SegmentedControlContext =\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  React.createContext<SegmentedControlContext<any> | null>(null);\n\nconst useSelectorContext = () => {\n  const context = useContext(SegmentedControlContext);\n\n  if (context === null) {\n    throw new Error('SegmentedControl used without context');\n  }\n\n  return context;\n};\n\nconst SegmentedControlComponent = <\n  T extends SegmentedControlID,\n  U extends React.ElementType = 'div',\n>({\n  size = 'medium',\n  hasOnlyIcons = false,\n  children,\n  selected,\n  onChange,\n  as,\n  className,\n  style,\n  isFloating = false,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<U, SegmentedControlProps<T>>) => {\n  const classes = classNames('ndl-segmented-control', className, {\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  const Component = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      role=\"group\"\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SegmentedControlContext.Provider\n        value={{ hasOnlyIcons, onChange, selected }}\n      >\n        {children}\n      </SegmentedControlContext.Provider>\n    </Component>\n  );\n};\n\nSegmentedControlComponent.displayName = 'SegmentedControl';\n\ntype SegmentedControlItemProps = {\n  /** Additional class name */\n  className?: string;\n  /** The children component of the segmented control item */\n  children?: React.ReactNode;\n  /** The value of the segmented control item */\n  value: string;\n  /** The description of the segmented control item, will be displayed in the tooltip */\n  description?: string;\n  /** The tooltip props that will be applied if tooltip is set */\n  tooltipProps?: TooltipObjectProps;\n  /** Whether the segmented control item is disabled */\n  isDisabled?: boolean;\n};\n\nconst SegmentedControlItem = <T extends React.ElementType = 'button'>({\n  as,\n  children,\n  className,\n  style,\n  value,\n  htmlAttributes,\n  description,\n  tooltipProps,\n  isDisabled = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SegmentedControlItemProps>) => {\n  const { onChange, selected, hasOnlyIcons } = useSelectorContext();\n\n  const isSelected = value === selected;\n\n  const baseClasses = classNames(className, {\n    'ndl-current': isSelected,\n    'ndl-segment-icon': hasOnlyIcons,\n    'ndl-segment-item': !hasOnlyIcons,\n  });\n\n  const Component: React.ElementType = as ?? 'button';\n\n  return (\n    <Tooltip\n      isPortaled={false}\n      isDisabled={Boolean(description) === false}\n      {...tooltipProps?.root}\n      type=\"simple\"\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          onClick={() => !isSelected && onChange(value)}\n          className={baseClasses}\n          style={style}\n          ref={ref}\n          aria-label={description}\n          disabled={isDisabled}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          {children}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        <Tooltip.Body>{description}</Tooltip.Body>\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nconst SegmentedControl = Object.assign(SegmentedControlComponent, {\n  Item: SegmentedControlItem,\n});\n\nexport { SegmentedControl };\n"]}
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { Tooltip } from '../tooltip/Tooltip';\n\ntype SegmentedControlID = string | number;\n\ntype SegmentedControlProps<T extends SegmentedControlID> = {\n  /** Additional class name */\n  className?: string;\n  /** Size of the segmented control */\n  size?: 'small' | 'medium' | 'large';\n  /** If segmented control items will include only icons (makes controls rectangular) */\n  hasOnlyIcons?: boolean;\n  /** The callback function triggered when the segmented control value changes */\n  onChange: (e: T) => void | ((e: React.SetStateAction<T>) => void);\n  /** The currently selected option */\n  selected: T;\n  /** The children component of the segmented control */\n  children: React.ReactNode;\n  /** Whether the segmented control has a box shadow applied */\n  isFloating?: boolean;\n};\n\ntype SegmentedControlContext<T extends SegmentedControlID> = Required<\n  Pick<SegmentedControlProps<T>, 'onChange' | 'selected' | 'hasOnlyIcons'>\n>;\n\n// eslint-disable-next-line no-redeclare\nconst SegmentedControlContext =\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  React.createContext<SegmentedControlContext<any> | null>(null);\n\nconst useSelectorContext = () => {\n  const context = useContext(SegmentedControlContext);\n\n  if (context === null) {\n    throw new Error('SegmentedControl used without context');\n  }\n\n  return context;\n};\n\nconst SegmentedControlComponent = <\n  T extends SegmentedControlID,\n  U extends React.ElementType = 'div',\n>({\n  size = 'medium',\n  hasOnlyIcons = false,\n  children,\n  selected,\n  onChange,\n  as,\n  className,\n  style,\n  isFloating = false,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<U, SegmentedControlProps<T>>) => {\n  const classes = classNames('ndl-segmented-control', className, {\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  const Component = as ?? 'div';\n\n  return (\n    <Component\n      className={classes}\n      style={style}\n      role=\"group\"\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SegmentedControlContext.Provider\n        value={{ hasOnlyIcons, onChange, selected }}\n      >\n        {children}\n      </SegmentedControlContext.Provider>\n    </Component>\n  );\n};\n\nSegmentedControlComponent.displayName = 'SegmentedControl';\n\ntype SegmentedControlItemProps = {\n  /** Additional class name */\n  className?: string;\n  /** The children component of the segmented control item */\n  children?: React.ReactNode;\n  /** The value of the segmented control item */\n  value: string;\n  /** The description of the segmented control item, will be displayed in the tooltip */\n  description?: string;\n  /** The tooltip props that will be applied if tooltip is set */\n  tooltipProps?: TooltipObjectProps;\n  /** Whether the segmented control item is disabled */\n  isDisabled?: boolean;\n};\n\nconst SegmentedControlItem = <T extends React.ElementType = 'button'>({\n  as,\n  children,\n  className,\n  style,\n  value,\n  htmlAttributes,\n  description,\n  tooltipProps,\n  isDisabled = false,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SegmentedControlItemProps>) => {\n  const { onChange, selected, hasOnlyIcons } = useSelectorContext();\n\n  const isSelected = value === selected;\n\n  const baseClasses = classNames(className, {\n    'ndl-current': isSelected,\n    'ndl-segment-icon': hasOnlyIcons,\n    'ndl-segment-item': !hasOnlyIcons,\n  });\n\n  const Component: React.ElementType = as ?? 'button';\n\n  return (\n    <Tooltip\n      isPortaled={false}\n      isDisabled={Boolean(description) === false}\n      {...tooltipProps?.root}\n      type=\"simple\"\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          onClick={() => !isSelected && onChange(value)}\n          className={baseClasses}\n          style={style}\n          ref={ref}\n          aria-label={description}\n          disabled={isDisabled}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          {children}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        <Tooltip.Body>{description}</Tooltip.Body>\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nconst SegmentedControl = Object.assign(SegmentedControlComponent, {\n  Item: SegmentedControlItem,\n});\n\nexport { SegmentedControl };\n"]}

package/lib/cjs/select/Overrides.js

@@ -45,12 +45,12 @@ const tag_1 = require("../tag");
 const theme_1 = require("../theme");
 const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
     const classes = (0, classnames_1.default)('ndl-select-dropdown-indicator', {
-        'ndl-is-multi': props.isMulti,
         'ndl-disabled': props.isDisabled,
         'ndl-focused': props.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': props.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { className: classes, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: "ndl-select-icon", style: {
                 transform: props.selectProps.menuIsOpen
@@ -63,11 +63,11 @@ exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
 const CustomClearIndication = ({ size, }) => function Component(_a) {
     var { className } = _a, restProps = __rest(_a, ["className"]);
     const classes = (0, classnames_1.default)('ndl-select-clear', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-focused': restProps.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, restProps, { className: classes, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}), (0, jsx_runtime_1.jsx)("div", { className: "ndl-select-divider" })] }) })));
 };
@@ -75,12 +75,12 @@ exports.CustomClearIndication = CustomClearIndication;
 const CustomMultiValue = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-select-multi-value', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
         'ndl-focused': restProps.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueContainer, Object.assign({}, restProps, { innerProps: {
             className: classes,
@@ -96,12 +96,12 @@ exports.CustomMultiValue = CustomMultiValue;
 const CustomPlaceholder = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-select-placeholder', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
         'ndl-focused': restProps.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.Placeholder, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -109,14 +109,14 @@ exports.CustomPlaceholder = CustomPlaceholder;
 const CustomControl = ({ size, isClean, errorText, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-select-control', className, {
-        'ndl-is-multi': restProps.isMulti,
+        'ndl-clean': isClean,
         'ndl-disabled': restProps.isDisabled,
         'ndl-focused': restProps.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
-        'ndl-large': size === 'large',
-        'ndl-clean': isClean,
         'ndl-has-error': !!errorText,
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.Control, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -124,11 +124,11 @@ exports.CustomControl = CustomControl;
 const CustomIndicatorsContainer = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-select-indicators-container', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.IndicatorsContainer, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -136,11 +136,11 @@ exports.CustomIndicatorsContainer = CustomIndicatorsContainer;
 const CustomValueContainer = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-select-value-container', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.ValueContainer, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -148,11 +148,11 @@ exports.CustomValueContainer = CustomValueContainer;
 const CustomInput = ({ size, }) => function Component(_a) {
     var { className } = _a, restProps = __rest(_a, ["className"]);
     const classes = (0, classnames_1.default)('ndl-select-input', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return (0, jsx_runtime_1.jsx)(react_select_1.components.Input, Object.assign({}, restProps, { className: classes }));
 };
@@ -160,11 +160,11 @@ exports.CustomInput = CustomInput;
 const CustomSingleValue = ({ size, }) => function Component(_a) {
     var { className } = _a, restProps = __rest(_a, ["className"]);
     const classes = (0, classnames_1.default)('ndl-select-single-value', className, {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return (0, jsx_runtime_1.jsx)(react_select_1.components.SingleValue, Object.assign({}, restProps, { className: classes }));
 };
@@ -175,9 +175,9 @@ const CustomMenu = ({ size, }) => function Component(_a) {
     const { themeClassName } = (0, theme_1.useNeedleTheme)();
     const classes = (0, classnames_1.default)('ndl-select-menu', className, themeClassName, {
         'ndl-is-multi': restProps.isMulti,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.Menu, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -186,9 +186,9 @@ const CustomMenuPortal = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)(className, 'ndl-select-menu-portal', {
         'ndl-is-multi': restProps.isMulti,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuPortal, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -197,9 +197,9 @@ const CustomMenuList = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)(className, 'ndl-select-menu-list', {
         'ndl-is-multi': restProps.isMulti,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, Object.assign({}, restProps, { className: classes, children: children })));
 };
@@ -207,15 +207,17 @@ exports.CustomMenuList = CustomMenuList;
 const CustomOption = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)(className, 'ndl-select-option', {
-        'ndl-is-multi': restProps.isMulti,
         'ndl-disabled': restProps.isDisabled,
-        'ndl-selected': restProps.isSelected,
         'ndl-focused': restProps.isFocused,
-        'ndl-small': size === 'small',
-        'ndl-medium': size === 'medium',
+        'ndl-is-multi': restProps.isMulti,
         'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-selected': restProps.isSelected,
+        'ndl-small': size === 'small',
     });
     return ((0, jsx_runtime_1.jsxs)(react_select_1.components.Option, Object.assign({}, restProps, { className: classes, children: [restProps.isMulti === true && ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { isChecked: restProps.isSelected, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
+                    'aria-hidden': true,
+                    disabled: true,
                     onPointerDown: (e) => {
                         var _a, _b;
                         e.preventDefault();
@@ -226,8 +228,6 @@ const CustomOption = ({ size, }) => function Component(_a) {
                         e.preventDefault();
                         (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     },
-                    disabled: true,
-                    'aria-hidden': true,
                     role: 'presentation',
                     tabIndex: -1,
                 } })), children] })));

package/lib/cjs/select/Overrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AACzC,4DAAoC;AACpC,+CAcsB;AAMtB,0CAAuC;AACvC,oCAAoE;AACpE,gCAA6B;AAC7B,oCAA0C;AAGnC,MAAM,yBAAyB,GAAG,CAIvC,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAChB,KAA6D;IAE7D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,+BAA+B,EAAE;QAC1D,cAAc,EAAE,KAAK,CAAC,OAAO;QAC7B,cAAc,EAAE,KAAK,CAAC,UAAU;QAChC,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,YACzD,uBAAC,8BAAsB,IACrB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE;gBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;oBACrC,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,cAAc;gBAClB,kBAAkB,EAAE,aAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK;aACjD,GACD,IAC2B,CAChC,CAAC;AACJ,CAAC,CAAC;AAhCS,QAAA,yBAAyB,6BAgClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAGmC;QAHnC,EACjB,SAAS,OAE2C,EADjD,SAAS,cAFK,aAGlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,aAAa,EAAE,SAAS,CAAC,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YAC1D,4CACE,uBAAC,wBAAgB,KAAG,EACpB,gCAAK,SAAS,EAAC,oBAAoB,GAAG,IAClC,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AA1BS,QAAA,qBAAqB,yBA0B9B;AAEG,MAAM,gBAAgB,GAAG,CAI9B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAI+B;QAJ/B,EACjB,QAAQ,EACR,SAAS,OAEuC,EAD7C,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE,SAAS,EAAE;QAC9D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,aAAa,EAAE,SAAS,CAAC,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,mBAAmB,oBACzB,SAAS,IACb,UAAU,EAAE;YACV,SAAS,EAAE,OAAO;SACnB,YAED,uBAAC,SAAG,IACF,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAA,MAAA,SAAS,CAAC,WAAW,EAAC,OAAO,mDAC3B,CAA4D,CAC7D,CAAC;YACJ,CAAC,EACD,cAAc,EAAE;gBACd,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;aACvC,YAEA,QAAQ,GACL,IACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AA3CS,QAAA,gBAAgB,oBA2CzB;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAIgC;QAJhC,EACjB,QAAQ,EACR,SAAS,OAEwC,EAD9C,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE,SAAS,EAAE;QAC9D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,aAAa,EAAE,SAAS,CAAC,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YACtD,QAAQ,IACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAzBS,QAAA,iBAAiB,qBAyB1B;AAEG,MAAM,aAAa,GAAG,CAI3B,EACA,IAAI,EACJ,OAAO,EACP,SAAS,GACiD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAAmD;QAAnD,EAAE,QAAQ,EAAE,SAAS,OAA8B,EAAzB,SAAS,cAAnC,yBAAqC,CAAF;IACpD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,EAAE;QAC1D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,aAAa,EAAE,SAAS,CAAC,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,OAAO;QACpB,eAAe,EAAE,CAAC,CAAC,SAAS;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yBAAU,CAAC,OAAO,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YAClD,QAAQ,IACU,CACtB,CAAC;AACJ,CAAC,CAAC;AA1BS,QAAA,aAAa,iBA0BtB;AAEG,MAAM,yBAAyB,GAAG,CAIvC,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAIQ;QAJR,EACjB,QAAQ,EACR,SAAS,OAEgB,EADtB,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iCAAiC,EAAE,SAAS,EAAE;QACvE,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,mBAAmB,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YAC9D,QAAQ,IACsB,CAClC,CAAC;AACJ,CAAC,CAAC;AAxBS,QAAA,yBAAyB,6BAwBlC;AAEG,MAAM,oBAAoB,GAAG,CAIlC,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAIG;QAJH,EACjB,QAAQ,EACR,SAAS,OAEW,EADjB,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,EAAE;QAClE,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YACzD,QAAQ,IACiB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAxBS,QAAA,oBAAoB,wBAwB7B;AAEG,MAAM,WAAW,GAAG,CAIzB,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAAuC;QAAvC,EAAE,SAAS,OAA4B,EAAvB,SAAS,cAAzB,aAA2B,CAAF;IAC1C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,uBAAC,yBAAU,CAAC,KAAK,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACjE,CAAC,CAAC;AAhBS,QAAA,WAAW,eAgBpB;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAA6C;QAA7C,EAAE,SAAS,OAAkC,EAA7B,SAAS,cAAzB,aAA2B,CAAF;IAC1C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,yBAAyB,EAAE,SAAS,EAAE;QAC/D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,uBAAC,yBAAU,CAAC,WAAW,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACvE,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B;AAEJ,kDAAkD;AAE3C,MAAM,UAAU,GAAG,CAIxB,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAAgD;QAAhD,EAAE,QAAQ,EAAE,SAAS,OAA2B,EAAtB,SAAS,cAAnC,yBAAqC,CAAF;IACpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE,cAAc,EAAE;QACvE,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,IAAI,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YAC/C,QAAQ,IACO,CACnB,CAAC;AACJ,CAAC,CAAC;AApBS,QAAA,UAAU,cAoBnB;AAEG,MAAM,gBAAgB,GAAG,CAI9B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAI+B;QAJ/B,EACjB,QAAQ,EACR,SAAS,OAEuC,EAD7C,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,wBAAwB,EAAE;QAC9D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,UAAU,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YACrD,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAvBS,QAAA,gBAAgB,oBAuBzB;AAEG,MAAM,cAAc,GAAG,CAI5B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAI6B;QAJ7B,EACjB,QAAQ,EACR,SAAS,OAEqC,EAD3C,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,sBAAsB,EAAE;QAC5D,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,uBAAC,yBAAU,CAAC,QAAQ,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,YACnD,QAAQ,IACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAvBS,QAAA,cAAc,kBAuBvB;AAEG,MAAM,YAAY,GAAG,CAI1B,EACA,IAAI,GACsD,EAAE,EAAE,CAC9D,SAAS,SAAS,CAAC,EAI2B;QAJ3B,EACjB,QAAQ,EACR,SAAS,OAEmC,EADzC,SAAS,cAHK,yBAIlB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,mBAAmB,EAAE;QACzD,cAAc,EAAE,SAAS,CAAC,OAAO;QACjC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,cAAc,EAAE,SAAS,CAAC,UAAU;QACpC,aAAa,EAAE,SAAS,CAAC,SAAS;QAClC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,yBAAU,CAAC,MAAM,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,aACjD,SAAS,CAAC,OAAO,KAAK,IAAI,IAAI,CAC7B,uBAAC,mBAAQ,IACP,SAAS,EAAE,SAAS,CAAC,UAAU,EAC/B,SAAS,EAAE,SAAS,CAAC,KAAK,EAC1B,UAAU,EAAE,SAAS,CAAC,UAAU,EAChC,cAAc,EAAE;oBACd,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;;wBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAA,MAAA,SAAS,CAAC,UAAU,EAAC,OAAO,mDAAG,CAAC,CAAC,CAAC;oBACpC,CAAC;oBACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;;wBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAA,MAAA,SAAS,CAAC,UAAU,EAAC,OAAO,mDAC1B,CAA4D,CAC7D,CAAC;oBACJ,CAAC;oBACD,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,IAAI;oBACnB,IAAI,EAAE,cAAc;oBACpB,QAAQ,EAAE,CAAC,CAAC;iBACb,GACD,CACH,EACA,QAAQ,KACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAjDS,QAAA,YAAY,gBAiDrB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport {\n  type ClearIndicatorProps,\n  components,\n  type ControlProps,\n  type DropdownIndicatorProps,\n  type GroupBase,\n  type IndicatorsContainerProps,\n  type InputProps,\n  type MenuProps,\n  type MultiValueProps,\n  type OptionProps,\n  type PlaceholderProps,\n  type SingleValueProps,\n  type ValueContainerProps,\n} from 'react-select';\nimport {\n  type MenuListProps,\n  type MenuPortalProps,\n} from 'react-select/dist/declarations/src/components/Menu';\n\nimport { Checkbox } from '../checkbox';\nimport { ChevronDownIconOutline, XMarkIconOutline } from '../icons';\nimport { Tag } from '../tag';\nimport { useNeedleTheme } from '../theme';\nimport { type SelectOverrideCustomProps } from './types';\n\nexport const DropdownIndicatorCurrying = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component(\n    props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>,\n  ) {\n    const classes = classNames('ndl-select-dropdown-indicator', {\n      'ndl-is-multi': props.isMulti,\n      'ndl-disabled': props.isDisabled,\n      'ndl-focused': props.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n\n    return (\n      <components.DropdownIndicator {...props} className={classes}>\n        <ChevronDownIconOutline\n          className=\"ndl-select-icon\"\n          style={{\n            transform: props.selectProps.menuIsOpen\n              ? 'rotate(180deg)'\n              : 'rotate(0deg)',\n            transitionDuration: tokens.motion.duration.quick,\n          }}\n        />\n      </components.DropdownIndicator>\n    );\n  };\n\nexport const CustomClearIndication = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    className,\n    ...restProps\n  }: ClearIndicatorProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-clear', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-focused': restProps.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.ClearIndicator {...restProps} className={classes}>\n        <div>\n          <XMarkIconOutline />\n          <div className=\"ndl-select-divider\" />\n        </div>\n      </components.ClearIndicator>\n    );\n  };\n\nexport const CustomMultiValue = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MultiValueProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-multi-value', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.MultiValueContainer\n        {...restProps}\n        innerProps={{\n          className: classes,\n        }}\n      >\n        <Tag\n          size={size}\n          onClick={(e) => {\n            e.preventDefault();\n            restProps.removeProps.onClick?.(\n              e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n            );\n          }}\n          htmlAttributes={{\n            onMouseDown: (e) => e.preventDefault(),\n          }}\n        >\n          {children}\n        </Tag>\n      </components.MultiValueContainer>\n    );\n  };\n\nexport const CustomPlaceholder = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: PlaceholderProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-placeholder', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.Placeholder {...restProps} className={classes}>\n        {children}\n      </components.Placeholder>\n    );\n  };\n\nexport const CustomControl = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n  isClean,\n  errorText,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ children, className, ...restProps }: ControlProps) {\n    const classes = classNames('ndl-select-control', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n      'ndl-clean': isClean,\n      'ndl-has-error': !!errorText,\n    });\n\n    return (\n      <components.Control {...restProps} className={classes}>\n        {children}\n      </components.Control>\n    );\n  };\n\nexport const CustomIndicatorsContainer = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: IndicatorsContainerProps) {\n    const classes = classNames('ndl-select-indicators-container', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.IndicatorsContainer {...restProps} className={classes}>\n        {children}\n      </components.IndicatorsContainer>\n    );\n  };\n\nexport const CustomValueContainer = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: ValueContainerProps) {\n    const classes = classNames('ndl-select-value-container', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.ValueContainer {...restProps} className={classes}>\n        {children}\n      </components.ValueContainer>\n    );\n  };\n\nexport const CustomInput = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ className, ...restProps }: InputProps) {\n    const classes = classNames('ndl-select-input', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return <components.Input {...restProps} className={classes} />;\n  };\n\nexport const CustomSingleValue = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ className, ...restProps }: SingleValueProps) {\n    const classes = classNames('ndl-select-single-value', className, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return <components.SingleValue {...restProps} className={classes} />;\n  };\n\n/** Overrides that are part of the popover menu */\n\nexport const CustomMenu = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ children, className, ...restProps }: MenuProps) {\n    const { themeClassName } = useNeedleTheme();\n    const classes = classNames('ndl-select-menu', className, themeClassName, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.Menu {...restProps} className={classes}>\n        {children}\n      </components.Menu>\n    );\n  };\n\nexport const CustomMenuPortal = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MenuPortalProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-menu-portal', {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.MenuPortal {...restProps} className={classes}>\n        {children}\n      </components.MenuPortal>\n    );\n  };\n\nexport const CustomMenuList = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MenuListProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-menu-list', {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.MenuList {...restProps} className={classes}>\n        {children}\n      </components.MenuList>\n    );\n  };\n\nexport const CustomOption = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: OptionProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-option', {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-selected': restProps.isSelected,\n      'ndl-focused': restProps.isFocused,\n      'ndl-small': size === 'small',\n      'ndl-medium': size === 'medium',\n      'ndl-large': size === 'large',\n    });\n    return (\n      <components.Option {...restProps} className={classes}>\n        {restProps.isMulti === true && (\n          <Checkbox\n            isChecked={restProps.isSelected}\n            ariaLabel={restProps.label}\n            isDisabled={restProps.isDisabled}\n            htmlAttributes={{\n              onPointerDown: (e) => {\n                e.preventDefault();\n                restProps.innerProps.onClick?.(e);\n              },\n              onTouchStart: (e) => {\n                e.preventDefault();\n                restProps.innerProps.onClick?.(\n                  e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n                );\n              },\n              disabled: true,\n              'aria-hidden': true,\n              role: 'presentation',\n              tabIndex: -1,\n            }}\n          />\n        )}\n        {children}\n      </components.Option>\n    );\n  };\n"]}
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport {\n  type ClearIndicatorProps,\n  components,\n  type ControlProps,\n  type DropdownIndicatorProps,\n  type GroupBase,\n  type IndicatorsContainerProps,\n  type InputProps,\n  type MenuProps,\n  type MultiValueProps,\n  type OptionProps,\n  type PlaceholderProps,\n  type SingleValueProps,\n  type ValueContainerProps,\n} from 'react-select';\nimport {\n  type MenuListProps,\n  type MenuPortalProps,\n} from 'react-select/dist/declarations/src/components/Menu';\n\nimport { Checkbox } from '../checkbox';\nimport { ChevronDownIconOutline, XMarkIconOutline } from '../icons';\nimport { Tag } from '../tag';\nimport { useNeedleTheme } from '../theme';\nimport { type SelectOverrideCustomProps } from './types';\n\nexport const DropdownIndicatorCurrying = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component(\n    props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>,\n  ) {\n    const classes = classNames('ndl-select-dropdown-indicator', {\n      'ndl-disabled': props.isDisabled,\n      'ndl-focused': props.isFocused,\n      'ndl-is-multi': props.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n\n    return (\n      <components.DropdownIndicator {...props} className={classes}>\n        <ChevronDownIconOutline\n          className=\"ndl-select-icon\"\n          style={{\n            transform: props.selectProps.menuIsOpen\n              ? 'rotate(180deg)'\n              : 'rotate(0deg)',\n            transitionDuration: tokens.motion.duration.quick,\n          }}\n        />\n      </components.DropdownIndicator>\n    );\n  };\n\nexport const CustomClearIndication = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    className,\n    ...restProps\n  }: ClearIndicatorProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-clear', className, {\n      'ndl-focused': restProps.isFocused,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.ClearIndicator {...restProps} className={classes}>\n        <div>\n          <XMarkIconOutline />\n          <div className=\"ndl-select-divider\" />\n        </div>\n      </components.ClearIndicator>\n    );\n  };\n\nexport const CustomMultiValue = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MultiValueProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-multi-value', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.MultiValueContainer\n        {...restProps}\n        innerProps={{\n          className: classes,\n        }}\n      >\n        <Tag\n          size={size}\n          onClick={(e) => {\n            e.preventDefault();\n            restProps.removeProps.onClick?.(\n              e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n            );\n          }}\n          htmlAttributes={{\n            onMouseDown: (e) => e.preventDefault(),\n          }}\n        >\n          {children}\n        </Tag>\n      </components.MultiValueContainer>\n    );\n  };\n\nexport const CustomPlaceholder = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: PlaceholderProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames('ndl-select-placeholder', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.Placeholder {...restProps} className={classes}>\n        {children}\n      </components.Placeholder>\n    );\n  };\n\nexport const CustomControl = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n  isClean,\n  errorText,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ children, className, ...restProps }: ControlProps) {\n    const classes = classNames('ndl-select-control', className, {\n      'ndl-clean': isClean,\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-has-error': !!errorText,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n\n    return (\n      <components.Control {...restProps} className={classes}>\n        {children}\n      </components.Control>\n    );\n  };\n\nexport const CustomIndicatorsContainer = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: IndicatorsContainerProps) {\n    const classes = classNames('ndl-select-indicators-container', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.IndicatorsContainer {...restProps} className={classes}>\n        {children}\n      </components.IndicatorsContainer>\n    );\n  };\n\nexport const CustomValueContainer = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: ValueContainerProps) {\n    const classes = classNames('ndl-select-value-container', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.ValueContainer {...restProps} className={classes}>\n        {children}\n      </components.ValueContainer>\n    );\n  };\n\nexport const CustomInput = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ className, ...restProps }: InputProps) {\n    const classes = classNames('ndl-select-input', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return <components.Input {...restProps} className={classes} />;\n  };\n\nexport const CustomSingleValue = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ className, ...restProps }: SingleValueProps) {\n    const classes = classNames('ndl-select-single-value', className, {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return <components.SingleValue {...restProps} className={classes} />;\n  };\n\n/** Overrides that are part of the popover menu */\n\nexport const CustomMenu = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({ children, className, ...restProps }: MenuProps) {\n    const { themeClassName } = useNeedleTheme();\n    const classes = classNames('ndl-select-menu', className, themeClassName, {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.Menu {...restProps} className={classes}>\n        {children}\n      </components.Menu>\n    );\n  };\n\nexport const CustomMenuPortal = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MenuPortalProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-menu-portal', {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.MenuPortal {...restProps} className={classes}>\n        {children}\n      </components.MenuPortal>\n    );\n  };\n\nexport const CustomMenuList = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: MenuListProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-menu-list', {\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.MenuList {...restProps} className={classes}>\n        {children}\n      </components.MenuList>\n    );\n  };\n\nexport const CustomOption = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>({\n  size,\n}: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) =>\n  function Component({\n    children,\n    className,\n    ...restProps\n  }: OptionProps<OptionType, IsMulti, GroupType>) {\n    const classes = classNames(className, 'ndl-select-option', {\n      'ndl-disabled': restProps.isDisabled,\n      'ndl-focused': restProps.isFocused,\n      'ndl-is-multi': restProps.isMulti,\n      'ndl-large': size === 'large',\n      'ndl-medium': size === 'medium',\n      'ndl-selected': restProps.isSelected,\n      'ndl-small': size === 'small',\n    });\n    return (\n      <components.Option {...restProps} className={classes}>\n        {restProps.isMulti === true && (\n          <Checkbox\n            isChecked={restProps.isSelected}\n            ariaLabel={restProps.label}\n            isDisabled={restProps.isDisabled}\n            htmlAttributes={{\n              'aria-hidden': true,\n              disabled: true,\n              onPointerDown: (e) => {\n                e.preventDefault();\n                restProps.innerProps.onClick?.(e);\n              },\n              onTouchStart: (e) => {\n                e.preventDefault();\n                restProps.innerProps.onClick?.(\n                  e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n                );\n              },\n              role: 'presentation',\n              tabIndex: -1,\n            }}\n          />\n        )}\n        {children}\n      </components.Option>\n    );\n  };\n"]}

package/lib/cjs/select/stories/select-async.story.js

@@ -40,12 +40,12 @@ const loadOptions = (inputValue) => {
 const Component = (props) => {
     var _a;
     return ((0, jsx_runtime_1.jsx)(react_1.Select, { label: "Label", helpText: "Start typing to load options dynamically", type: "async", selectProps: {
-            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
-            loadOptions,
-            placeholder: 'Type to search...',
-            isClearable: true,
             cacheOptions: true,
             defaultOptions: true,
+            isClearable: true,
+            loadOptions,
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            placeholder: 'Type to search...',
         } }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-async.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-async.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-async.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAE,EAAE;IACzC,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;QACrD,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACxD,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAC9D,CAAC;YACF,OAAO,CAAC,eAAe,CAAC,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,0CAA0C,EACnD,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,WAAW;YACX,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;SACrB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst loadOptions = (inputValue: string) => {\n  return new Promise<typeof EXAMPLE_OPTIONS>((resolve) => {\n    setTimeout(() => {\n      const filteredOptions = EXAMPLE_OPTIONS.filter((option) =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()),\n      );\n      resolve(filteredOptions);\n    }, 1000);\n  });\n};\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      helpText=\"Start typing to load options dynamically\"\n      type=\"async\"\n      selectProps={{\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        loadOptions,\n        placeholder: 'Type to search...',\n        isClearable: true,\n        cacheOptions: true,\n        defaultOptions: true,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-async.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-async.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAE,EAAE;IACzC,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;QACrD,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACxD,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAC9D,CAAC;YACF,OAAO,CAAC,eAAe,CAAC,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,0CAA0C,EACnD,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;YACX,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;YACpB,WAAW,EAAE,IAAI;YACjB,WAAW;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,WAAW,EAAE,mBAAmB;SACjC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst loadOptions = (inputValue: string) => {\n  return new Promise<typeof EXAMPLE_OPTIONS>((resolve) => {\n    setTimeout(() => {\n      const filteredOptions = EXAMPLE_OPTIONS.filter((option) =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()),\n      );\n      resolve(filteredOptions);\n    }, 1000);\n  });\n};\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      helpText=\"Start typing to load options dynamically\"\n      type=\"async\"\n      selectProps={{\n        cacheOptions: true,\n        defaultOptions: true,\n        isClearable: true,\n        loadOptions,\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        placeholder: 'Type to search...',\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select/stories/select-controlled.story.js

@@ -33,12 +33,12 @@ const Component = (props) => {
     var _a;
     const [value, setValue] = (0, react_2.useState)(EXAMPLE_OPTIONS[0]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.Select, { label: "Label", type: "select", selectProps: {
-                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
-                    value: value,
-                    options: EXAMPLE_OPTIONS,
                     isMulti: false,
-                    onChange: (newValue) => newValue && setValue(newValue),
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
                     menuPortalTarget: document.querySelector('body'),
+                    onChange: (newValue) => newValue && setValue(newValue),
+                    options: EXAMPLE_OPTIONS,
+                    value: value,
                 } }), (0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "body-small", children: ["Value Selected: ", JSON.stringify(value)] })] }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-controlled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-controlled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAAsD;AACtD,iCAAiC;AAEjC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAChC,eAAe,CAAC,CAAC,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,KAAK,EAAE,KAAK;oBACZ,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,KAAK;oBACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC;oBACtD,gBAAgB,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;iBACjD,GACD,EACF,wBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,iCACb,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAC3B,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Select, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const [value, setValue] = useState<(typeof EXAMPLE_OPTIONS)[number]>(\n    EXAMPLE_OPTIONS[0],\n  );\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8\">\n      <Select\n        label=\"Label\"\n        type=\"select\"\n        selectProps={{\n          menuIsOpen: props.selectProps?.menuIsOpen,\n          value: value,\n          options: EXAMPLE_OPTIONS,\n          isMulti: false,\n          onChange: (newValue) => newValue && setValue(newValue),\n          menuPortalTarget: document.querySelector('body'),\n        }}\n      />\n      <Typography variant=\"body-small\">\n        Value Selected: {JSON.stringify(value)}\n      </Typography>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-controlled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAAsD;AACtD,iCAAiC;AAEjC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAChC,eAAe,CAAC,CAAC,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,OAAO,EAAE,KAAK;oBACd,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,gBAAgB,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;oBAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC;oBACtD,OAAO,EAAE,eAAe;oBACxB,KAAK,EAAE,KAAK;iBACb,GACD,EACF,wBAAC,kBAAU,IAAC,OAAO,EAAC,YAAY,iCACb,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAC3B,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Select, Typography } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const [value, setValue] = useState<(typeof EXAMPLE_OPTIONS)[number]>(\n    EXAMPLE_OPTIONS[0],\n  );\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8\">\n      <Select\n        label=\"Label\"\n        type=\"select\"\n        selectProps={{\n          isMulti: false,\n          menuIsOpen: props.selectProps?.menuIsOpen,\n          menuPortalTarget: document.querySelector('body'),\n          onChange: (newValue) => newValue && setValue(newValue),\n          options: EXAMPLE_OPTIONS,\n          value: value,\n        }}\n      />\n      <Typography variant=\"body-small\">\n        Value Selected: {JSON.stringify(value)}\n      </Typography>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select/stories/select-creatable.story.js

@@ -32,9 +32,9 @@ const EXAMPLE_OPTIONS = [
 const Component = (props) => {
     var _a;
     return ((0, jsx_runtime_1.jsx)(react_1.Select, { label: "Label", helpText: "You can create values even if they don't exist as options", type: "creatable", selectProps: {
+            isClearable: true,
             menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
             options: EXAMPLE_OPTIONS,
-            isClearable: true,
         } }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-creatable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-creatable.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-creatable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,2DAA2D,EACpE,IAAI,EAAC,WAAW,EAChB,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,IAAI;SAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      helpText=\"You can create values even if they don't exist as options\"\n      type=\"creatable\"\n      selectProps={{\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        options: EXAMPLE_OPTIONS,\n        isClearable: true,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-creatable.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-creatable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,2DAA2D,EACpE,IAAI,EAAC,WAAW,EAChB,WAAW,EAAE;YACX,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      helpText=\"You can create values even if they don't exist as options\"\n      type=\"creatable\"\n      selectProps={{\n        isClearable: true,\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        options: EXAMPLE_OPTIONS,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select/stories/select-custom-label.story.js

@@ -33,9 +33,9 @@ const EXAMPLE_OPTIONS = [
 const Component = (props) => {
     var _a;
     return ((0, jsx_runtime_1.jsx)(react_1.Select, { label: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-4 n-h-7 n-items-center", children: ["Custom JSX element", (0, jsx_runtime_1.jsx)(icons_1.QuestionMarkCircleIconOutline, { className: "n-h-token-16" })] }), helpText: "You can have a custom label with JSX code \uD83D\uDE31", type: "select", selectProps: {
+            defaultValue: EXAMPLE_OPTIONS[1],
             menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
             options: EXAMPLE_OPTIONS,
-            defaultValue: EXAMPLE_OPTIONS[1],
         } }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-custom-label.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-custom-label.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-custom-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAC1C,kDAAuE;AAEvE,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AACF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EACH,iCAAK,SAAS,EAAC,sDAAsD,mCAEnE,uBAAC,qCAA6B,IAAC,SAAS,EAAC,cAAc,GAAG,IACtD,EAER,QAAQ,EAAC,wDAA8C,EACvD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;YACxB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;SACjC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\nimport { QuestionMarkCircleIconOutline } from '@neo4j-ndl/react/icons';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label={\n        <div className=\"n-flex n-flex-row n-gap-token-4 n-h-7 n-items-center\">\n          Custom JSX element\n          <QuestionMarkCircleIconOutline className=\"n-h-token-16\" />\n        </div>\n      }\n      helpText=\"You can have a custom label with JSX code 😱\"\n      type=\"select\"\n      selectProps={{\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        options: EXAMPLE_OPTIONS,\n        defaultValue: EXAMPLE_OPTIONS[1],\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-custom-label.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-custom-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAC1C,kDAAuE;AAEvE,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AACF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EACH,iCAAK,SAAS,EAAC,sDAAsD,mCAEnE,uBAAC,qCAA6B,IAAC,SAAS,EAAC,cAAc,GAAG,IACtD,EAER,QAAQ,EAAC,wDAA8C,EACvD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;YAChC,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\nimport { QuestionMarkCircleIconOutline } from '@neo4j-ndl/react/icons';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label={\n        <div className=\"n-flex n-flex-row n-gap-token-4 n-h-7 n-items-center\">\n          Custom JSX element\n          <QuestionMarkCircleIconOutline className=\"n-h-token-16\" />\n        </div>\n      }\n      helpText=\"You can have a custom label with JSX code 😱\"\n      type=\"select\"\n      selectProps={{\n        defaultValue: EXAMPLE_OPTIONS[1],\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        options: EXAMPLE_OPTIONS,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select/stories/select-disabled.story.js

@@ -32,8 +32,8 @@ const EXAMPLE_OPTIONS = [
 const Component = (props) => {
     var _a;
     return ((0, jsx_runtime_1.jsx)(react_1.Select, { label: "Label", type: "select", selectProps: {
-            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
             isDisabled: true,
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
             options: EXAMPLE_OPTIONS,
         } }));
 };

package/lib/cjs/select/stories/select-disabled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-disabled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      type=\"select\"\n      selectProps={{\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        isDisabled: true,\n        options: EXAMPLE_OPTIONS,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-disabled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Select } from '@neo4j-ndl/react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  return (\n    <Select\n      label=\"Label\"\n      type=\"select\"\n      selectProps={{\n        isDisabled: true,\n        menuIsOpen: props.selectProps?.menuIsOpen,\n        options: EXAMPLE_OPTIONS,\n      }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select/stories/select-inside-dialog.story.js

@@ -35,9 +35,9 @@ const Component = (props) => {
     const ref = (0, react_2.useRef)(null);
     const [isOpen, setIsOpen] = (0, react_2.useState)(false);
     return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]", children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { size: "medium", onClick: () => setIsOpen(true), children: "Open Dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { container: (ref === null || ref === void 0 ? void 0 : ref.current) || undefined, isOpen: isOpen, onClose: () => setIsOpen(false), "aria-label": "Dialog", children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Using Select inside a dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog.Description, { className: "n-flex n-flex-col n-gap-token-32", children: [(0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "body-medium", children: ["To use select inside a dialog and avoid the cut-off, you need to use the property ", (0, jsx_runtime_1.jsx)("code", { children: "menuPosition: \"fixed\"" }), " inside the", ' ', (0, jsx_runtime_1.jsx)("code", { children: "selectProps" }), ". This is done automatically if used in a Needle Dialog, but can always be overridden manually."] }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Inside a dialog", type: "select", selectProps: {
+                                    defaultValue: EXAMPLE_OPTIONS[1],
                                     menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
                                     options: EXAMPLE_OPTIONS,
-                                    defaultValue: EXAMPLE_OPTIONS[1],
                                 } })] })] })] }));
 };
 exports.default = Component;

package/lib/cjs/select/stories/select-inside-dialog.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-inside-dialog.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-inside-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4E;AAC5E,iCAAyC;AAEzC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0EAA0E,aAEpF,uBAAC,oBAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAE3C,EACf,wBAAC,cAAM,IACL,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,gBACpB,QAAQ,aAEnB,uBAAC,cAAM,CAAC,MAAM,+CAA6C,EAC3D,wBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,aAC9D,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,mGAElB,uEAA4C,iBAAY,GAAG,EACxE,2DAAwB,uGAEb,EACb,uBAAC,cAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oCACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oCACzC,OAAO,EAAE,eAAe;oCACxB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;iCACjC,GACD,IACiB,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Dialog, FilledButton, Select, Typography } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  return (\n    <div\n      ref={ref}\n      className=\"n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]\"\n    >\n      <FilledButton size=\"medium\" onClick={() => setIsOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        container={ref?.current || undefined}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        aria-label=\"Dialog\"\n      >\n        <Dialog.Header>Using Select inside a dialog</Dialog.Header>\n        <Dialog.Description className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            To use select inside a dialog and avoid the cut-off, you need to use\n            the property <code>menuPosition: &quot;fixed&quot;</code> inside the{' '}\n            <code>selectProps</code>. This is done automatically if used in a\n            Needle Dialog, but can always be overridden manually.\n          </Typography>\n          <Select\n            label=\"Inside a dialog\"\n            type=\"select\"\n            selectProps={{\n              menuIsOpen: props.selectProps?.menuIsOpen,\n              options: EXAMPLE_OPTIONS,\n              defaultValue: EXAMPLE_OPTIONS[1],\n            }}\n          />\n        </Dialog.Description>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-inside-dialog.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-inside-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4E;AAC5E,iCAAyC;AAEzC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0EAA0E,aAEpF,uBAAC,oBAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAE3C,EACf,wBAAC,cAAM,IACL,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,gBACpB,QAAQ,aAEnB,uBAAC,cAAM,CAAC,MAAM,+CAA6C,EAC3D,wBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,aAC9D,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,mGAElB,uEAA4C,iBAAY,GAAG,EACxE,2DAAwB,uGAEb,EACb,uBAAC,cAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oCACX,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;oCAChC,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oCACzC,OAAO,EAAE,eAAe;iCACzB,GACD,IACiB,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Dialog, FilledButton, Select, Typography } from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst EXAMPLE_OPTIONS = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Needle 🪡', value: 'needle' },\n  { label: 'Graph Databases', value: 'graph-database' },\n  { isDisabled: true, label: 'Disabled database option', value: 'disabled' },\n];\n\nconst Component = (props: React.ComponentProps<typeof Select>) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  return (\n    <div\n      ref={ref}\n      className=\"n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]\"\n    >\n      <FilledButton size=\"medium\" onClick={() => setIsOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog\n        container={ref?.current || undefined}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        aria-label=\"Dialog\"\n      >\n        <Dialog.Header>Using Select inside a dialog</Dialog.Header>\n        <Dialog.Description className=\"n-flex n-flex-col n-gap-token-32\">\n          <Typography variant=\"body-medium\">\n            To use select inside a dialog and avoid the cut-off, you need to use\n            the property <code>menuPosition: &quot;fixed&quot;</code> inside the{' '}\n            <code>selectProps</code>. This is done automatically if used in a\n            Needle Dialog, but can always be overridden manually.\n          </Typography>\n          <Select\n            label=\"Inside a dialog\"\n            type=\"select\"\n            selectProps={{\n              defaultValue: EXAMPLE_OPTIONS[1],\n              menuIsOpen: props.selectProps?.menuIsOpen,\n              options: EXAMPLE_OPTIONS,\n            }}\n          />\n        </Dialog.Description>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}