@neo4j-ndl/react 4.9.7 → 4.9.9

package/lib/cjs/icon-button-base/IconButtonBase.js

@@ -41,6 +41,7 @@ const utils_1 = require("../_common/utils");
 const loading_spinner_1 = require("../loading-spinner");
 const tooltip_1 = require("../tooltip");
 const IconButtonBase = (_a) => {
+    var _b;
     var { children, as, iconButtonVariant = 'default', isLoading = false, isDisabled = false, size = 'medium', isFloating = false, 
     // Does not have a default value to avoid setting aria-pressed to true if not explicitly set
     isActive = undefined, description, tooltipProps, className, style, variant = 'neutral', htmlAttributes, onClick, ref } = _a, restProps = __rest(_a, ["children", "as", "iconButtonVariant", "isLoading", "isDisabled", "size", "isFloating", "isActive", "description", "tooltipProps", "className", "style", "variant", "htmlAttributes", "onClick", "ref"]);
@@ -82,7 +83,7 @@ const IconButtonBase = (_a) => {
     return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ hoverDelay: {
             close: 0,
             open: 500,
-        } }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { type: "simple", isDisabled: description === null || isDisabled, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ type: "button", onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-icon-btn-inner", children: isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: "small" })) : ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon", children: children })) }) })) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description }))] })));
+        }, isDisabled: description === null || isDisabled, type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ type: "button", onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-icon-btn-inner", children: isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: "small" })) : ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon", children: children })) }) })) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description !== null && description !== void 0 ? description : (_b = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content) === null || _b === void 0 ? void 0 : _b.children }))] })));
 };
 exports.IconButtonBase = IconButtonBase;
 //# sourceMappingURL=IconButtonBase.js.map

package/lib/cjs/icon-button-base/IconButtonBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  // Does not have a default value to avoid setting aria-pressed to true if not explicitly set\n  isActive = undefined,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': Boolean(isActive),\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      {...tooltipProps?.root}\n      type=\"simple\"\n      isDisabled={description === null || isDisabled}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          type=\"button\"\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  // Does not have a default value to avoid setting aria-pressed to true if not explicitly set\n  isActive = undefined,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': Boolean(isActive),\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      isDisabled={description === null || isDisabled}\n      type=\"simple\"\n      {...tooltipProps?.root}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          type=\"button\"\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description ?? tooltipProps?.content?.children}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}

package/lib/cjs/select/Overrides.js

@@ -43,6 +43,53 @@ const checkbox_1 = require("../checkbox");
 const icons_1 = require("../icons");
 const tag_1 = require("../tag");
 const theme_1 = require("../theme");
+/**
+ * React-select triggers control/indicator interactions on mouseDown which breaks WCAG 2.5.2 Pointer Cancellation.
+ * This helper shifts mouseDown to mouseUp to allow users to cancel by dragging away.
+ */
+const shiftMouseDownToMouseUp = (innerProps, stopPropagation = false) => {
+    const baseProps = innerProps !== null && innerProps !== void 0 ? innerProps : {};
+    const maybeStopPropagation = (e) => stopPropagation && e.stopPropagation();
+    return Object.assign(Object.assign({}, baseProps), { onMouseDown: (e) => {
+            e.preventDefault();
+            maybeStopPropagation(e);
+        }, onMouseUp: (e) => {
+            var _a, _b;
+            (_a = baseProps.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(baseProps, e);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, e);
+            maybeStopPropagation(e);
+        }, onTouchEnd: (e) => {
+            var _a, _b;
+            (_a = baseProps.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(baseProps, e);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, e);
+            maybeStopPropagation(e);
+        }, onTouchStart: (e) => {
+            e.preventDefault();
+            maybeStopPropagation(e);
+        } });
+};
+/**
+ * React-select triggers option selection on click which fires on mouseDown.
+ * This helper shifts the click handler to mouseUp/touchEnd to allow users to cancel by dragging away.
+ */
+const shiftOptionClickToMouseUp = (innerProps) => {
+    const baseProps = innerProps !== null && innerProps !== void 0 ? innerProps : {};
+    return Object.assign(Object.assign({}, baseProps), { 
+        // Remove onClick to prevent double-execution (onMouseUp already calls it, and browser would fire click after mouseup)
+        onClick: undefined, onMouseDown: (event) => {
+            event.preventDefault();
+        }, onMouseUp: (event) => {
+            var _a, _b;
+            (_a = baseProps.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onClick) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+        }, onTouchEnd: (event) => {
+            var _a, _b;
+            (_a = baseProps.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onClick) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+        }, onTouchStart: (event) => {
+            event.preventDefault();
+        } });
+};
 const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
     const classes = (0, classnames_1.default)('ndl-select-dropdown-indicator', {
         'ndl-disabled': props.isDisabled,
@@ -52,7 +99,9 @@ const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
         '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: {
+    // stopPropagation so that we prevent the control from also toggling the menu (double-toggle)
+    const indicatorInnerProps = shiftMouseDownToMouseUp(props.innerProps, true);
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { className: classes, innerProps: indicatorInnerProps, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: "ndl-select-icon", style: {
                 transform: props.selectProps.menuIsOpen
                     ? 'rotate(180deg)'
                     : 'rotate(0deg)',
@@ -61,7 +110,7 @@ const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
 };
 exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
 const CustomClearIndication = ({ size, }) => function Component(_a) {
-    var { className } = _a, restProps = __rest(_a, ["className"]);
+    var { className, innerProps } = _a, restProps = __rest(_a, ["className", "innerProps"]);
     const classes = (0, classnames_1.default)('ndl-select-clear', className, {
         'ndl-focused': restProps.isFocused,
         'ndl-is-multi': restProps.isMulti,
@@ -69,7 +118,26 @@ const CustomClearIndication = ({ size, }) => function Component(_a) {
         '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" })] }) })));
+    const handleClear = () => {
+        var _a;
+        (_a = restProps.clearValue) === null || _a === void 0 ? void 0 : _a.call(restProps);
+    };
+    // Stop propagation to prevent react-select's keyboard handling.
+    const handleKeyDown = (event) => {
+        var _a, _b;
+        if (event.key === '') {
+            event.preventDefault();
+        }
+        event.stopPropagation();
+        (_b = (_a = event.nativeEvent).stopImmediatePropagation) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    // Prevent react-select's default clear-on-mousedown/touchend behavior.
+    const preventAndStop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const safeInnerProps = Object.assign(Object.assign({}, innerProps), { 'aria-hidden': undefined, onMouseDown: preventAndStop, onTouchEnd: preventAndStop });
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.ClearIndicator, Object.assign({ className: classes, innerProps: safeInnerProps }, restProps, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "ndl-select-clear-button", onClick: handleClear, onKeyDown: handleKeyDown, "aria-label": "Clear selection", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-select-divider" })] })));
 };
 exports.CustomClearIndication = CustomClearIndication;
 const CustomMultiValue = ({ size, }) => function Component(_a) {
@@ -118,7 +186,8 @@ const CustomControl = ({ size, isClean, errorText, }) => function Component(_a)
         '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 })));
+    const controlInnerProps = shiftMouseDownToMouseUp(restProps.innerProps);
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Control, Object.assign({}, restProps, { className: classes, innerProps: controlInnerProps, children: children })));
 };
 exports.CustomControl = CustomControl;
 const CustomIndicatorsContainer = ({ size, }) => function Component(_a) {
@@ -215,19 +284,24 @@ const CustomOption = ({ size, }) => function Component(_a) {
         '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: {
+    const optionInnerProps = shiftOptionClickToMouseUp(restProps.innerProps);
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.Option, Object.assign({}, restProps, { className: classes, innerProps: optionInnerProps, 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();
+                    },
+                    onPointerUp: (e) => {
+                        var _a, _b;
                         (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     },
-                    onTouchStart: (e) => {
+                    onTouchEnd: (e) => {
                         var _a, _b;
-                        e.preventDefault();
                         (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     },
+                    onTouchStart: (e) => {
+                        e.preventDefault();
+                    },
                     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-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"]}
+{"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\n/**\n * React-select triggers control/indicator interactions on mouseDown which breaks WCAG 2.5.2 Pointer Cancellation.\n * This helper shifts mouseDown to mouseUp to allow users to cancel by dragging away.\n */\nconst shiftMouseDownToMouseUp = (\n  innerProps?: React.HTMLAttributes<HTMLDivElement>,\n  stopPropagation = false,\n): React.HTMLAttributes<HTMLDivElement> => {\n  const baseProps = innerProps ?? {};\n  const maybeStopPropagation = (e: React.SyntheticEvent) =>\n    stopPropagation && e.stopPropagation();\n\n  return {\n    ...baseProps,\n    onMouseDown: (e) => {\n      e.preventDefault();\n      maybeStopPropagation(e);\n    },\n    onMouseUp: (e) => {\n      baseProps.onMouseUp?.(e);\n      baseProps.onMouseDown?.(e);\n      maybeStopPropagation(e);\n    },\n    onTouchEnd: (e) => {\n      baseProps.onTouchEnd?.(e);\n      baseProps.onMouseDown?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n      maybeStopPropagation(e);\n    },\n    onTouchStart: (e) => {\n      e.preventDefault();\n      maybeStopPropagation(e);\n    },\n  };\n};\n\n/**\n * React-select triggers option selection on click which fires on mouseDown.\n * This helper shifts the click handler to mouseUp/touchEnd to allow users to cancel by dragging away.\n */\nconst shiftOptionClickToMouseUp = (\n  innerProps?: React.HTMLAttributes<HTMLDivElement>,\n): React.HTMLAttributes<HTMLDivElement> => {\n  const baseProps = innerProps ?? {};\n\n  return {\n    ...baseProps,\n    // Remove onClick to prevent double-execution (onMouseUp already calls it, and browser would fire click after mouseup)\n    onClick: undefined,\n    onMouseDown: (event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    },\n    onMouseUp: (event: React.MouseEvent<HTMLDivElement>) => {\n      baseProps.onMouseUp?.(event);\n      baseProps.onClick?.(event);\n    },\n    onTouchEnd: (event: React.TouchEvent<HTMLDivElement>) => {\n      baseProps.onTouchEnd?.(event);\n      baseProps.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n    },\n    onTouchStart: (event: React.TouchEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    },\n  };\n};\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    // stopPropagation so that we prevent the control from also toggling the menu (double-toggle)\n    const indicatorInnerProps = shiftMouseDownToMouseUp(props.innerProps, true);\n\n    return (\n      <components.DropdownIndicator\n        {...props}\n        className={classes}\n        innerProps={indicatorInnerProps}\n      >\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    innerProps,\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\n    const handleClear = () => {\n      restProps.clearValue?.();\n    };\n\n    // Stop propagation to prevent react-select's keyboard handling.\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === '') {\n        event.preventDefault();\n      }\n      event.stopPropagation();\n      event.nativeEvent.stopImmediatePropagation?.();\n    };\n\n    // Prevent react-select's default clear-on-mousedown/touchend behavior.\n    const preventAndStop = (e: React.SyntheticEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const safeInnerProps: typeof innerProps = {\n      ...innerProps,\n      'aria-hidden': undefined, // Remove to allow focusable button inside\n      onMouseDown: preventAndStop,\n      onTouchEnd: preventAndStop,\n    };\n\n    return (\n      <components.ClearIndicator\n        className={classes}\n        innerProps={safeInnerProps}\n        {...restProps}\n      >\n        <button\n          type=\"button\"\n          className=\"ndl-select-clear-button\"\n          onClick={handleClear}\n          onKeyDown={handleKeyDown}\n          aria-label=\"Clear selection\"\n        >\n          <XMarkIconOutline />\n        </button>\n        <div className=\"ndl-select-divider\" />\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    const controlInnerProps = shiftMouseDownToMouseUp(restProps.innerProps);\n\n    return (\n      <components.Control\n        {...restProps}\n        className={classes}\n        innerProps={controlInnerProps}\n      >\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    const optionInnerProps = shiftOptionClickToMouseUp(restProps.innerProps);\n\n    return (\n      <components.Option\n        {...restProps}\n        className={classes}\n        innerProps={optionInnerProps}\n      >\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              },\n              onPointerUp: (e) => {\n                restProps.innerProps.onClick?.(e);\n              },\n              onTouchEnd: (e) => {\n                restProps.innerProps.onClick?.(\n                  e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n                );\n              },\n              onTouchStart: (e) => {\n                e.preventDefault();\n              },\n              role: 'presentation',\n              tabIndex: -1,\n            }}\n          />\n        )}\n        {children}\n      </components.Option>\n    );\n  };\n"]}

package/lib/esm/icon-button-base/IconButtonBase.js

@@ -35,6 +35,7 @@ import { needleWarningMessage } from '../_common/utils';
 import { LoadingSpinner } from '../loading-spinner';
 import { Tooltip } from '../tooltip';
 export const IconButtonBase = (_a) => {
+    var _b;
     var { children, as, iconButtonVariant = 'default', isLoading = false, isDisabled = false, size = 'medium', isFloating = false, 
     // Does not have a default value to avoid setting aria-pressed to true if not explicitly set
     isActive = undefined, description, tooltipProps, className, style, variant = 'neutral', htmlAttributes, onClick, ref } = _a, restProps = __rest(_a, ["children", "as", "iconButtonVariant", "isLoading", "isDisabled", "size", "isFloating", "isActive", "description", "tooltipProps", "className", "style", "variant", "htmlAttributes", "onClick", "ref"]);
@@ -76,6 +77,6 @@ export const IconButtonBase = (_a) => {
     return (_jsxs(Tooltip, Object.assign({ hoverDelay: {
             close: 0,
             open: 500,
-        } }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { type: "simple", isDisabled: description === null || isDisabled, children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: _jsx(Component, Object.assign({ type: "button", onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: _jsx("div", { className: "ndl-icon-btn-inner", children: isLoading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) }) })) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description }))] })));
+        }, isDisabled: description === null || isDisabled, type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { hasButtonWrapper: true, children: _jsx(Component, Object.assign({ type: "button", onClick: handleClick, disabled: isDisabled, "aria-disabled": !isInteractable, "aria-label": description, "aria-pressed": isActive, className: classes, style: style, ref: ref }, restProps, htmlAttributes, { children: _jsx("div", { className: "ndl-icon-btn-inner", children: isLoading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) }) })) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: description !== null && description !== void 0 ? description : (_b = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content) === null || _b === void 0 ? void 0 : _b.children }))] })));
 };
 //# sourceMappingURL=IconButtonBase.js.map

package/lib/esm/icon-button-base/IconButtonBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  // Does not have a default value to avoid setting aria-pressed to true if not explicitly set\n  isActive = undefined,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': Boolean(isActive),\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      {...tooltipProps?.root}\n      type=\"simple\"\n      isDisabled={description === null || isDisabled}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          type=\"button\"\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"IconButtonBase.js","sourceRoot":"","sources":["../../../src/icon-button-base/IconButtonBase.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';\n\nimport {\n  type PolymorphicCommonProps,\n  type TooltipObjectProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { type ButtonSizes } from '../button';\nimport { LoadingSpinner } from '../loading-spinner';\nimport { Tooltip } from '../tooltip';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\nexport type IconButtonBaseProps = {\n  children?: React.ReactNode;\n\n  /** If the icon button is in disabled state */\n  isDisabled?: boolean;\n\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n\n  /** Size of button */\n  size?: ButtonSizes;\n\n  /** If the button is in floating state */\n  isFloating?: boolean;\n\n  /** Active - used for open context menus for example */\n  isActive?: boolean;\n\n  /** A string that will be shown as a tooltip when hovering over the button  it also acts as an aria-label- {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label} */\n  description: string | null;\n\n  /** Variant of the button */\n  variant?: 'neutral' | 'danger';\n\n  /** Variant of the button */\n  iconButtonVariant?: 'default' | 'clean';\n\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Click handler */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n};\n\nexport const IconButtonBase = <T extends React.ElementType = 'button'>({\n  children,\n  as,\n  iconButtonVariant = 'default',\n  isLoading = false,\n  isDisabled = false,\n  size = 'medium',\n  isFloating = false,\n  // Does not have a default value to avoid setting aria-pressed to true if not explicitly set\n  isActive = undefined,\n  description,\n  tooltipProps,\n  className,\n  style,\n  variant = 'neutral',\n  htmlAttributes,\n  onClick,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, IconButtonBaseProps>) => {\n  const Component: React.ElementType = as ?? 'button';\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const isClean = iconButtonVariant === 'clean';\n  const isDanger = variant === 'danger';\n\n  const classes = classNames('ndl-icon-btn', className, {\n    'ndl-active': Boolean(isActive),\n    'ndl-clean': isClean,\n    'ndl-danger': isDanger,\n    'ndl-disabled': isDisabled,\n    'ndl-floating': isFloating,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  if (isClean && isFloating) {\n    throw new Error(\n      'BaseIconButton: Cannot use isFloating and iconButtonVariant=\"clean\" at the same time.',\n    );\n  }\n\n  if (!description && !htmlAttributes?.['aria-label']) {\n    needleWarningMessage(\n      'Icon buttons do not have text, be sure to include a description or an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI',\n    );\n  }\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (!isInteractable) {\n      // By default, a <button /> element with disabled set to true will not get its\n      // on click handler called. To support the same behavior on <a /> tags we\n      // swallow the event here when disabled, since the <a /> tag with disabled set to\n      // true will have its onClick handler called\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      isDisabled={description === null || isDisabled}\n      type=\"simple\"\n      {...tooltipProps?.root}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <Component\n          type=\"button\"\n          onClick={handleClick}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description}\n          aria-pressed={isActive}\n          className={classes}\n          style={style}\n          ref={ref}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-icon-btn-inner\">\n            {isLoading ? (\n              <LoadingSpinner size=\"small\" />\n            ) : (\n              <div className=\"ndl-icon\">{children}</div>\n            )}\n          </div>\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description ?? tooltipProps?.content?.children}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}

package/lib/esm/select/Overrides.js

@@ -37,6 +37,53 @@ import { Checkbox } from '../checkbox';
 import { ChevronDownIconOutline, XMarkIconOutline } from '../icons';
 import { Tag } from '../tag';
 import { useNeedleTheme } from '../theme';
+/**
+ * React-select triggers control/indicator interactions on mouseDown which breaks WCAG 2.5.2 Pointer Cancellation.
+ * This helper shifts mouseDown to mouseUp to allow users to cancel by dragging away.
+ */
+const shiftMouseDownToMouseUp = (innerProps, stopPropagation = false) => {
+    const baseProps = innerProps !== null && innerProps !== void 0 ? innerProps : {};
+    const maybeStopPropagation = (e) => stopPropagation && e.stopPropagation();
+    return Object.assign(Object.assign({}, baseProps), { onMouseDown: (e) => {
+            e.preventDefault();
+            maybeStopPropagation(e);
+        }, onMouseUp: (e) => {
+            var _a, _b;
+            (_a = baseProps.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(baseProps, e);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, e);
+            maybeStopPropagation(e);
+        }, onTouchEnd: (e) => {
+            var _a, _b;
+            (_a = baseProps.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(baseProps, e);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, e);
+            maybeStopPropagation(e);
+        }, onTouchStart: (e) => {
+            e.preventDefault();
+            maybeStopPropagation(e);
+        } });
+};
+/**
+ * React-select triggers option selection on click which fires on mouseDown.
+ * This helper shifts the click handler to mouseUp/touchEnd to allow users to cancel by dragging away.
+ */
+const shiftOptionClickToMouseUp = (innerProps) => {
+    const baseProps = innerProps !== null && innerProps !== void 0 ? innerProps : {};
+    return Object.assign(Object.assign({}, baseProps), { 
+        // Remove onClick to prevent double-execution (onMouseUp already calls it, and browser would fire click after mouseup)
+        onClick: undefined, onMouseDown: (event) => {
+            event.preventDefault();
+        }, onMouseUp: (event) => {
+            var _a, _b;
+            (_a = baseProps.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onClick) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+        }, onTouchEnd: (event) => {
+            var _a, _b;
+            (_a = baseProps.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onClick) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+        }, onTouchStart: (event) => {
+            event.preventDefault();
+        } });
+};
 export const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
     const classes = classNames('ndl-select-dropdown-indicator', {
         'ndl-disabled': props.isDisabled,
@@ -46,7 +93,9 @@ export const DropdownIndicatorCurrying = ({ size, }) => function Component(props
         'ndl-medium': size === 'medium',
         'ndl-small': size === 'small',
     });
-    return (_jsx(components.DropdownIndicator, Object.assign({}, props, { className: classes, children: _jsx(ChevronDownIconOutline, { className: "ndl-select-icon", style: {
+    // stopPropagation so that we prevent the control from also toggling the menu (double-toggle)
+    const indicatorInnerProps = shiftMouseDownToMouseUp(props.innerProps, true);
+    return (_jsx(components.DropdownIndicator, Object.assign({}, props, { className: classes, innerProps: indicatorInnerProps, children: _jsx(ChevronDownIconOutline, { className: "ndl-select-icon", style: {
                 transform: props.selectProps.menuIsOpen
                     ? 'rotate(180deg)'
                     : 'rotate(0deg)',
@@ -54,7 +103,7 @@ export const DropdownIndicatorCurrying = ({ size, }) => function Component(props
             } }) })));
 };
 export const CustomClearIndication = ({ size, }) => function Component(_a) {
-    var { className } = _a, restProps = __rest(_a, ["className"]);
+    var { className, innerProps } = _a, restProps = __rest(_a, ["className", "innerProps"]);
     const classes = classNames('ndl-select-clear', className, {
         'ndl-focused': restProps.isFocused,
         'ndl-is-multi': restProps.isMulti,
@@ -62,7 +111,26 @@ export const CustomClearIndication = ({ size, }) => function Component(_a) {
         'ndl-medium': size === 'medium',
         'ndl-small': size === 'small',
     });
-    return (_jsx(components.ClearIndicator, Object.assign({}, restProps, { className: classes, children: _jsxs("div", { children: [_jsx(XMarkIconOutline, {}), _jsx("div", { className: "ndl-select-divider" })] }) })));
+    const handleClear = () => {
+        var _a;
+        (_a = restProps.clearValue) === null || _a === void 0 ? void 0 : _a.call(restProps);
+    };
+    // Stop propagation to prevent react-select's keyboard handling.
+    const handleKeyDown = (event) => {
+        var _a, _b;
+        if (event.key === '') {
+            event.preventDefault();
+        }
+        event.stopPropagation();
+        (_b = (_a = event.nativeEvent).stopImmediatePropagation) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    // Prevent react-select's default clear-on-mousedown/touchend behavior.
+    const preventAndStop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const safeInnerProps = Object.assign(Object.assign({}, innerProps), { 'aria-hidden': undefined, onMouseDown: preventAndStop, onTouchEnd: preventAndStop });
+    return (_jsxs(components.ClearIndicator, Object.assign({ className: classes, innerProps: safeInnerProps }, restProps, { children: [_jsx("button", { type: "button", className: "ndl-select-clear-button", onClick: handleClear, onKeyDown: handleKeyDown, "aria-label": "Clear selection", children: _jsx(XMarkIconOutline, {}) }), _jsx("div", { className: "ndl-select-divider" })] })));
 };
 export const CustomMultiValue = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
@@ -108,7 +176,8 @@ export const CustomControl = ({ size, isClean, errorText, }) => function Compone
         'ndl-medium': size === 'medium',
         'ndl-small': size === 'small',
     });
-    return (_jsx(components.Control, Object.assign({}, restProps, { className: classes, children: children })));
+    const controlInnerProps = shiftMouseDownToMouseUp(restProps.innerProps);
+    return (_jsx(components.Control, Object.assign({}, restProps, { className: classes, innerProps: controlInnerProps, children: children })));
 };
 export const CustomIndicatorsContainer = ({ size, }) => function Component(_a) {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
@@ -197,19 +266,24 @@ export const CustomOption = ({ size, }) => function Component(_a) {
         'ndl-selected': restProps.isSelected,
         'ndl-small': size === 'small',
     });
-    return (_jsxs(components.Option, Object.assign({}, restProps, { className: classes, children: [restProps.isMulti === true && (_jsx(Checkbox, { isChecked: restProps.isSelected, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
+    const optionInnerProps = shiftOptionClickToMouseUp(restProps.innerProps);
+    return (_jsxs(components.Option, Object.assign({}, restProps, { className: classes, innerProps: optionInnerProps, children: [restProps.isMulti === true && (_jsx(Checkbox, { isChecked: restProps.isSelected, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
                     'aria-hidden': true,
                     disabled: true,
                     onPointerDown: (e) => {
-                        var _a, _b;
                         e.preventDefault();
+                    },
+                    onPointerUp: (e) => {
+                        var _a, _b;
                         (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     },
-                    onTouchStart: (e) => {
+                    onTouchEnd: (e) => {
                         var _a, _b;
-                        e.preventDefault();
                         (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     },
+                    onTouchStart: (e) => {
+                        e.preventDefault();
+                    },
                     role: 'presentation',
                     tabIndex: -1,
                 } })), children] })));

package/lib/esm/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-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"]}
+{"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\n/**\n * React-select triggers control/indicator interactions on mouseDown which breaks WCAG 2.5.2 Pointer Cancellation.\n * This helper shifts mouseDown to mouseUp to allow users to cancel by dragging away.\n */\nconst shiftMouseDownToMouseUp = (\n  innerProps?: React.HTMLAttributes<HTMLDivElement>,\n  stopPropagation = false,\n): React.HTMLAttributes<HTMLDivElement> => {\n  const baseProps = innerProps ?? {};\n  const maybeStopPropagation = (e: React.SyntheticEvent) =>\n    stopPropagation && e.stopPropagation();\n\n  return {\n    ...baseProps,\n    onMouseDown: (e) => {\n      e.preventDefault();\n      maybeStopPropagation(e);\n    },\n    onMouseUp: (e) => {\n      baseProps.onMouseUp?.(e);\n      baseProps.onMouseDown?.(e);\n      maybeStopPropagation(e);\n    },\n    onTouchEnd: (e) => {\n      baseProps.onTouchEnd?.(e);\n      baseProps.onMouseDown?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n      maybeStopPropagation(e);\n    },\n    onTouchStart: (e) => {\n      e.preventDefault();\n      maybeStopPropagation(e);\n    },\n  };\n};\n\n/**\n * React-select triggers option selection on click which fires on mouseDown.\n * This helper shifts the click handler to mouseUp/touchEnd to allow users to cancel by dragging away.\n */\nconst shiftOptionClickToMouseUp = (\n  innerProps?: React.HTMLAttributes<HTMLDivElement>,\n): React.HTMLAttributes<HTMLDivElement> => {\n  const baseProps = innerProps ?? {};\n\n  return {\n    ...baseProps,\n    // Remove onClick to prevent double-execution (onMouseUp already calls it, and browser would fire click after mouseup)\n    onClick: undefined,\n    onMouseDown: (event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    },\n    onMouseUp: (event: React.MouseEvent<HTMLDivElement>) => {\n      baseProps.onMouseUp?.(event);\n      baseProps.onClick?.(event);\n    },\n    onTouchEnd: (event: React.TouchEvent<HTMLDivElement>) => {\n      baseProps.onTouchEnd?.(event);\n      baseProps.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n    },\n    onTouchStart: (event: React.TouchEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    },\n  };\n};\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    // stopPropagation so that we prevent the control from also toggling the menu (double-toggle)\n    const indicatorInnerProps = shiftMouseDownToMouseUp(props.innerProps, true);\n\n    return (\n      <components.DropdownIndicator\n        {...props}\n        className={classes}\n        innerProps={indicatorInnerProps}\n      >\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    innerProps,\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\n    const handleClear = () => {\n      restProps.clearValue?.();\n    };\n\n    // Stop propagation to prevent react-select's keyboard handling.\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === '') {\n        event.preventDefault();\n      }\n      event.stopPropagation();\n      event.nativeEvent.stopImmediatePropagation?.();\n    };\n\n    // Prevent react-select's default clear-on-mousedown/touchend behavior.\n    const preventAndStop = (e: React.SyntheticEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const safeInnerProps: typeof innerProps = {\n      ...innerProps,\n      'aria-hidden': undefined, // Remove to allow focusable button inside\n      onMouseDown: preventAndStop,\n      onTouchEnd: preventAndStop,\n    };\n\n    return (\n      <components.ClearIndicator\n        className={classes}\n        innerProps={safeInnerProps}\n        {...restProps}\n      >\n        <button\n          type=\"button\"\n          className=\"ndl-select-clear-button\"\n          onClick={handleClear}\n          onKeyDown={handleKeyDown}\n          aria-label=\"Clear selection\"\n        >\n          <XMarkIconOutline />\n        </button>\n        <div className=\"ndl-select-divider\" />\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    const controlInnerProps = shiftMouseDownToMouseUp(restProps.innerProps);\n\n    return (\n      <components.Control\n        {...restProps}\n        className={classes}\n        innerProps={controlInnerProps}\n      >\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    const optionInnerProps = shiftOptionClickToMouseUp(restProps.innerProps);\n\n    return (\n      <components.Option\n        {...restProps}\n        className={classes}\n        innerProps={optionInnerProps}\n      >\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              },\n              onPointerUp: (e) => {\n                restProps.innerProps.onClick?.(e);\n              },\n              onTouchEnd: (e) => {\n                restProps.innerProps.onClick?.(\n                  e as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n                );\n              },\n              onTouchStart: (e) => {\n                e.preventDefault();\n              },\n              role: 'presentation',\n              tabIndex: -1,\n            }}\n          />\n        )}\n        {children}\n      </components.Option>\n    );\n  };\n"]}

package/lib/types/select/Overrides.d.ts

@@ -22,7 +22,7 @@ import { type ClearIndicatorProps, type ControlProps, type DropdownIndicatorProp
 import { type MenuListProps, type MenuPortalProps } from 'react-select/dist/declarations/src/components/Menu';
 import { type SelectOverrideCustomProps } from './types';
 export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ className, ...restProps }: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ className, innerProps, ...restProps }: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomMultiValue: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, className, ...restProps }: MultiValueProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, className, ...restProps }: PlaceholderProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomControl: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ size, isClean, errorText, }: SelectOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, className, ...restProps }: ControlProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/select/Overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overrides.d.ts","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overrides.d.ts","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.9.7",
+  "version": "4.9.9",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -85,7 +85,7 @@
     "@tanstack/react-table": "8.21.3",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@neo4j-ndl/base": "^4.9.2"
+    "@neo4j-ndl/base": "^4.9.3"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",