@neo4j-ndl/react 4.3.6 → 4.4.1

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":"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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-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/Select.js

@@ -96,6 +96,28 @@ const Select = (_a) => {
     const isInsideDialog = (0, dialog_context_1.useIsInsideDialog)();
     const menuPosition = isInsideDialog ? 'fixed' : 'absolute';
     const identifier = (0, react_1.useId)();
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const handleMenuOpen = () => {
+        setIsMenuOpen(true);
+        if (selectProps.onMenuOpen) {
+            selectProps.onMenuOpen();
+        }
+    };
+    const handleMenuClose = () => {
+        setIsMenuOpen(false);
+        if (selectProps.onMenuClose) {
+            selectProps.onMenuClose();
+        }
+    };
+    // Handle Escape key to prevent it from bubbling up to dialog
+    const handleKeyDown = (event) => {
+        if (event.key === 'Escape' && isMenuOpen) {
+            event.stopPropagation();
+        }
+        if (selectProps.onKeyDown) {
+            selectProps.onKeyDown(event);
+        }
+    };
     const Component = as !== null && as !== void 0 ? as : 'div';
     const ComponentOverrides = (0, react_1.useMemo)(() => overrideComponents({
         errorText,
@@ -111,14 +133,14 @@ const Select = (_a) => {
     let SelectElement;
     switch (type) {
         case 'async': {
-            SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto", "aria-label": ariaLabel }, selectProps, { menuPosition: (_b = selectProps.menuPosition) !== null && _b !== void 0 ? _b : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto", "aria-label": ariaLabel }, selectProps, { onKeyDown: handleKeyDown, onMenuOpen: handleMenuOpen, onMenuClose: handleMenuClose, menuPosition: (_b = selectProps.menuPosition) !== null && _b !== void 0 ? _b : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
             break;
         }
         case 'creatable':
-            SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { "aria-label": ariaLabel, menuPosition: (_c = selectProps.menuPosition) !== null && _c !== void 0 ? _c : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { "aria-label": ariaLabel, onKeyDown: handleKeyDown, onMenuOpen: handleMenuOpen, onMenuClose: handleMenuClose, menuPosition: (_c = selectProps.menuPosition) !== null && _c !== void 0 ? _c : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
             break;
         default:
-            SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { "aria-label": ariaLabel, menuPosition: (_d = selectProps.menuPosition) !== null && _d !== void 0 ? _d : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier, isDisabled: Boolean(isDisabled) || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { "aria-label": ariaLabel, onKeyDown: handleKeyDown, onMenuOpen: handleMenuOpen, onMenuClose: handleMenuClose, menuPosition: (_d = selectProps.menuPosition) !== null && _d !== void 0 ? _d : menuPosition, hideSelectedOptions: false, closeMenuOnSelect: Boolean(selectProps.isMulti) === false, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
     }
     const classes = (0, classnames_1.default)('ndl-select', className, {
         'ndl-creatable': type === 'creatable',

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/select/Select.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 type React from 'react';\nimport { useEffect, useId, useMemo } from 'react';\nimport ReactSelect, { type GroupBase } from 'react-select';\nimport AsyncSelect from 'react-select/async';\n/** Different types of select components */\nimport Creatable from 'react-select/creatable';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ExclamationCircleIconSolid } from '../icons';\nimport {\n  CustomClearIndication,\n  CustomControl,\n  CustomIndicatorsContainer,\n  CustomInput,\n  CustomMenu,\n  CustomMenuList,\n  CustomMenuPortal,\n  CustomMultiValue,\n  CustomOption,\n  CustomPlaceholder,\n  CustomSingleValue,\n  CustomValueContainer,\n  DropdownIndicatorCurrying,\n} from './Overrides';\nimport { type SelectOverrideCustomProps, type SelectProps } from './types';\n\n/**\n *\n *\n * Helpers\n *\n *\n */\n\nconst overrideComponents = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>(\n  props: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>,\n) =>\n  ({\n    ClearIndicator: CustomClearIndication(props),\n    Control: CustomControl(props),\n    DropdownIndicator: DropdownIndicatorCurrying(props),\n    IndicatorSeparator: null,\n    IndicatorsContainer: CustomIndicatorsContainer(props),\n    Input: CustomInput(props),\n    Menu: CustomMenu(props),\n    MenuList: CustomMenuList(props),\n    MenuPortal: CustomMenuPortal(props),\n    MultiValue: CustomMultiValue(props),\n    Option: CustomOption(props),\n    Placeholder: CustomPlaceholder(props),\n    SingleValue: CustomSingleValue(props),\n    ValueContainer: CustomValueContainer(props),\n  }) as SelectProps<\n    OptionType,\n    IsMulti,\n    GroupType\n  >['selectProps']['components'];\n\nconst customStyles = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>() => {\n  return {\n    clearIndicator: () => ({}),\n    control: () => ({}),\n    dropdownIndicator: () => ({}),\n    indicatorsContainer: () => ({}),\n    input: () => ({}),\n    menu: (provided) => ({\n      bottom: provided.bottom,\n      top: provided.top,\n    }),\n    menuList: (provided) => ({\n      maxHeight: provided.maxHeight,\n      minHeight: provided.minHeight,\n    }),\n    option: () => ({}),\n    placeholder: () => ({}),\n    singleValue: () => ({}),\n    valueContainer: (provided) => ({\n      ...provided,\n      padding: '0',\n    }),\n  } as SelectProps<OptionType, IsMulti, GroupType>['selectProps']['styles'];\n};\n\nexport const Select = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n  T extends React.ElementType = 'div',\n>({\n  as,\n  label,\n  helpText,\n  errorText,\n  isFluid = true,\n  size = 'medium',\n  type = 'select',\n  ariaLabel,\n  selectProps = {},\n  isClean = false,\n  isDisabled,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SelectProps<OptionType, IsMulti, GroupType>>) => {\n  const isInsideDialog = useIsInsideDialog();\n  const menuPosition = isInsideDialog ? 'fixed' : 'absolute';\n  const identifier = useId();\n\n  const Component: React.ElementType = as ?? 'div';\n\n  const ComponentOverrides = useMemo(\n    () =>\n      overrideComponents<OptionType, IsMulti, GroupType>({\n        errorText,\n        isClean,\n        size,\n      }),\n    [errorText, size, isClean],\n  );\n\n  const StyleOverrides = useMemo(\n    () => customStyles<OptionType, IsMulti, GroupType>(),\n    [],\n  );\n\n  useEffect(() => {\n    if (label === undefined && ariaLabel === undefined) {\n      needleWarningMessage(\n        'A Select needs to have a label or an aria label to be accessible. link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [label, ariaLabel]);\n\n  let SelectElement: React.JSX.Element;\n  switch (type) {\n    case 'async': {\n      SelectElement = (\n        <AsyncSelect\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          aria-label={ariaLabel}\n          {...selectProps}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n      break;\n    }\n    case 'creatable':\n      SelectElement = (\n        <Creatable\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          {...selectProps}\n          aria-label={ariaLabel}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n      break;\n    default:\n      SelectElement = (\n        <ReactSelect\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          {...selectProps}\n          aria-label={ariaLabel}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n  }\n\n  const classes = classNames('ndl-select', className, {\n    'ndl-creatable': type === 'creatable',\n    'ndl-disabled': selectProps.isDisabled,\n    'ndl-fluid': isFluid,\n    'ndl-has-error': Boolean(errorText),\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-multi': selectProps.isMulti,\n    'ndl-small': size === 'small',\n  });\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {Boolean(label) && <label htmlFor={identifier}>{label}</label>}\n      {SelectElement}\n      {Boolean(helpText) && Boolean(errorText) === false && (\n        <span\n          className=\"ndl-sub-text\"\n          aria-disabled={Boolean(isDisabled) || selectProps.isDisabled}\n        >\n          {helpText}\n        </span>\n      )}\n      {Boolean(errorText) && (\n        <div className=\"n-flex n-flex-row n-gap-token-4 n-items-center\">\n          <ExclamationCircleIconSolid\n            className={classNames('ndl-error-icon', classes)}\n            htmlAttributes={{ role: 'img', type: 'solid' }}\n          />\n          <span className=\"ndl-sub-text ndl-error-text\">{errorText}</span>\n        </div>\n      )}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/select/Select.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 type React from 'react';\nimport { useEffect, useId, useMemo, useState } from 'react';\nimport ReactSelect, { type GroupBase } from 'react-select';\nimport AsyncSelect from 'react-select/async';\n/** Different types of select components */\nimport Creatable from 'react-select/creatable';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ExclamationCircleIconSolid } from '../icons';\nimport {\n  CustomClearIndication,\n  CustomControl,\n  CustomIndicatorsContainer,\n  CustomInput,\n  CustomMenu,\n  CustomMenuList,\n  CustomMenuPortal,\n  CustomMultiValue,\n  CustomOption,\n  CustomPlaceholder,\n  CustomSingleValue,\n  CustomValueContainer,\n  DropdownIndicatorCurrying,\n} from './Overrides';\nimport { type SelectOverrideCustomProps, type SelectProps } from './types';\n\n/**\n *\n *\n * Helpers\n *\n *\n */\n\nconst overrideComponents = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>(\n  props: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>,\n) =>\n  ({\n    ClearIndicator: CustomClearIndication(props),\n    Control: CustomControl(props),\n    DropdownIndicator: DropdownIndicatorCurrying(props),\n    IndicatorSeparator: null,\n    IndicatorsContainer: CustomIndicatorsContainer(props),\n    Input: CustomInput(props),\n    Menu: CustomMenu(props),\n    MenuList: CustomMenuList(props),\n    MenuPortal: CustomMenuPortal(props),\n    MultiValue: CustomMultiValue(props),\n    Option: CustomOption(props),\n    Placeholder: CustomPlaceholder(props),\n    SingleValue: CustomSingleValue(props),\n    ValueContainer: CustomValueContainer(props),\n  }) as SelectProps<\n    OptionType,\n    IsMulti,\n    GroupType\n  >['selectProps']['components'];\n\nconst customStyles = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n>() => {\n  return {\n    clearIndicator: () => ({}),\n    control: () => ({}),\n    dropdownIndicator: () => ({}),\n    indicatorsContainer: () => ({}),\n    input: () => ({}),\n    menu: (provided) => ({\n      bottom: provided.bottom,\n      top: provided.top,\n    }),\n    menuList: (provided) => ({\n      maxHeight: provided.maxHeight,\n      minHeight: provided.minHeight,\n    }),\n    option: () => ({}),\n    placeholder: () => ({}),\n    singleValue: () => ({}),\n    valueContainer: (provided) => ({\n      ...provided,\n      padding: '0',\n    }),\n  } as SelectProps<OptionType, IsMulti, GroupType>['selectProps']['styles'];\n};\n\nexport const Select = <\n  OptionType,\n  IsMulti extends boolean = false,\n  GroupType extends GroupBase<OptionType> = GroupBase<OptionType>,\n  T extends React.ElementType = 'div',\n>({\n  as,\n  label,\n  helpText,\n  errorText,\n  isFluid = true,\n  size = 'medium',\n  type = 'select',\n  ariaLabel,\n  selectProps = {},\n  isClean = false,\n  isDisabled,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, SelectProps<OptionType, IsMulti, GroupType>>) => {\n  const isInsideDialog = useIsInsideDialog();\n  const menuPosition = isInsideDialog ? 'fixed' : 'absolute';\n  const identifier = useId();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuOpen = () => {\n    setIsMenuOpen(true);\n    if (selectProps.onMenuOpen) {\n      selectProps.onMenuOpen();\n    }\n  };\n\n  const handleMenuClose = () => {\n    setIsMenuOpen(false);\n    if (selectProps.onMenuClose) {\n      selectProps.onMenuClose();\n    }\n  };\n\n  // Handle Escape key to prevent it from bubbling up to dialog\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape' && isMenuOpen) {\n      event.stopPropagation();\n    }\n\n    if (selectProps.onKeyDown) {\n      selectProps.onKeyDown(event);\n    }\n  };\n\n  const Component: React.ElementType = as ?? 'div';\n\n  const ComponentOverrides = useMemo(\n    () =>\n      overrideComponents<OptionType, IsMulti, GroupType>({\n        errorText,\n        isClean,\n        size,\n      }),\n    [errorText, size, isClean],\n  );\n\n  const StyleOverrides = useMemo(\n    () => customStyles<OptionType, IsMulti, GroupType>(),\n    [],\n  );\n\n  useEffect(() => {\n    if (label === undefined && ariaLabel === undefined) {\n      needleWarningMessage(\n        'A Select needs to have a label or an aria label to be accessible. link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI',\n      );\n    }\n  }, [label, ariaLabel]);\n\n  let SelectElement: React.JSX.Element;\n  switch (type) {\n    case 'async': {\n      SelectElement = (\n        <AsyncSelect\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          aria-label={ariaLabel}\n          {...selectProps}\n          onKeyDown={handleKeyDown}\n          onMenuOpen={handleMenuOpen}\n          onMenuClose={handleMenuClose}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n      break;\n    }\n    case 'creatable':\n      SelectElement = (\n        <Creatable\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          {...selectProps}\n          aria-label={ariaLabel}\n          onKeyDown={handleKeyDown}\n          onMenuOpen={handleMenuOpen}\n          onMenuClose={handleMenuClose}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n      break;\n    default:\n      SelectElement = (\n        <ReactSelect\n          name={identifier}\n          inputId={identifier}\n          isDisabled={Boolean(isDisabled) || selectProps.isDisabled}\n          menuPlacement=\"auto\"\n          {...selectProps}\n          aria-label={ariaLabel}\n          onKeyDown={handleKeyDown}\n          onMenuOpen={handleMenuOpen}\n          onMenuClose={handleMenuClose}\n          menuPosition={selectProps.menuPosition ?? menuPosition}\n          hideSelectedOptions={false}\n          closeMenuOnSelect={Boolean(selectProps.isMulti) === false}\n          styles={{ ...StyleOverrides, ...selectProps.styles }}\n          components={{ ...ComponentOverrides, ...selectProps.components }}\n        />\n      );\n  }\n\n  const classes = classNames('ndl-select', className, {\n    'ndl-creatable': type === 'creatable',\n    'ndl-disabled': selectProps.isDisabled,\n    'ndl-fluid': isFluid,\n    'ndl-has-error': Boolean(errorText),\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-multi': selectProps.isMulti,\n    'ndl-small': size === 'small',\n  });\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {Boolean(label) && <label htmlFor={identifier}>{label}</label>}\n      {SelectElement}\n      {Boolean(helpText) && Boolean(errorText) === false && (\n        <span\n          className=\"ndl-sub-text\"\n          aria-disabled={Boolean(isDisabled) || selectProps.isDisabled}\n        >\n          {helpText}\n        </span>\n      )}\n      {Boolean(errorText) && (\n        <div className=\"n-flex n-flex-row n-gap-token-4 n-items-center\">\n          <ExclamationCircleIconSolid\n            className={classNames('ndl-error-icon', classes)}\n            htmlAttributes={{ role: 'img', type: 'solid' }}\n          />\n          <span className=\"ndl-sub-text ndl-error-text\">{errorText}</span>\n        </div>\n      )}\n    </Component>\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"]}