@neo4j-ndl/react 4.20.1 → 4.21.1-alpha.b78fc61

package/lib/cjs/popover/use-popover.js

@@ -86,7 +86,9 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
     });
     const clientPoint = (0, react_1.useClientPoint)(context, {
         enabled: anchorPosition !== undefined,
+        // oxlint-disable-next-line id-length
         x: anchorPosition === null || anchorPosition === void 0 ? void 0 : anchorPosition.x,
+        // oxlint-disable-next-line id-length
         y: anchorPosition === null || anchorPosition === void 0 ? void 0 : anchorPosition.y,
     });
     const interactions = (0, react_1.useInteractions)([click, dismiss, role, clientPoint]);

package/lib/cjs/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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 {\n  autoUpdate,\n  flip,\n  type FloatingFocusManagerProps,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  size,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  // TODO v5: decide if this naming is okay, or change it\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  closeOnClickOutside?: boolean;\n  // TODO v5: decide if this naming is okay, or change it\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  closeOnReferencePress?: boolean;\n  returnFocus?: FloatingFocusManagerProps['returnFocus'];\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n  shouldConstrainSize?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n  returnFocus: FloatingFocusManagerProps['returnFocus'];\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  closeOnReferencePress,\n  returnFocus,\n  strategy = 'absolute',\n  isPortaled = true,\n  shouldConstrainSize = false,\n}: PopoverOptions = {}): UsePopoverReturn {\n  // Internal state for uncontrolled mode (no `isOpen` prop provided).\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,\n  // falling back to internal state when not provided.\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n      ...(shouldConstrainSize\n        ? [\n            size({\n              apply({ availableHeight, availableWidth, elements }) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${availableHeight}px`,\n                  maxWidth: `${availableWidth}px`,\n                });\n              },\n              padding: 5,\n            }),\n          ]\n        : []),\n    ],\n    // Floating UI calls this when interactions (useClick, useDismiss, etc.)\n    // trigger an open/close. We always sync internal state so uncontrolled\n    // mode works, and notify the consumer callback exactly once if provided.\n    onOpenChange: (open, event) => {\n      setIsOpenUncontrolled(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  // Only enable built-in click-to-toggle in uncontrolled mode. In controlled\n  // mode the consumer owns the open state and wires up their own trigger.\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n    referencePress: closeOnReferencePress,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    x: anchorPosition?.x,\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      ...data,\n      ...interactions,\n      anchorElementAsPortalAnchor,\n      descriptionId,\n      initialFocus,\n      isOpen,\n      isPortaled,\n      labelId,\n      returnFocus,\n      setDescriptionId,\n      setLabelId,\n      shouldCaptureFocus,\n      transitionStyles,\n    }),\n    [\n      isOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n      returnFocus,\n    ],\n  );\n}\n"]}
+{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.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 {\n  autoUpdate,\n  flip,\n  type FloatingFocusManagerProps,\n  offset,\n  type OffsetOptions,\n  type Placement,\n  shift,\n  size,\n  useClick,\n  useClientPoint,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  type UseInteractionsReturn,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport { useMemo, useState } from 'react';\n\nexport interface PopoverOptions {\n  isInitialOpen?: boolean;\n  placement?: Placement;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean, event?: Event) => void;\n  offsetOption?: OffsetOptions;\n  anchorElement?: Element | null;\n  anchorPosition?: {\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    x: number;\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    y: number;\n  };\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  anchorElementAsPortalAnchor?: boolean;\n  shouldCaptureFocus?: boolean;\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  // TODO v5: decide if this naming is okay, or change it\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  closeOnClickOutside?: boolean;\n  // TODO v5: decide if this naming is okay, or change it\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  closeOnReferencePress?: boolean;\n  returnFocus?: FloatingFocusManagerProps['returnFocus'];\n  strategy?: 'fixed' | 'absolute';\n  isPortaled?: boolean;\n  shouldConstrainSize?: boolean;\n}\n\nexport interface UsePopoverReturn\n  extends UseInteractionsReturn, ReturnType<typeof useFloating> {\n  isOpen: boolean;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  transitionStyles: React.CSSProperties;\n  setLabelId: (labelId: string | undefined) => void;\n  setDescriptionId: (descriptionId: string | undefined) => void;\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  anchorElementAsPortalAnchor: boolean | undefined;\n  shouldCaptureFocus: boolean | undefined;\n  initialFocus: number | React.RefObject<HTMLElement | null> | undefined;\n  isPortaled: boolean;\n  returnFocus: FloatingFocusManagerProps['returnFocus'];\n}\n\nexport function usePopover({\n  isInitialOpen = false,\n  placement = 'bottom',\n  isOpen: controlledOpen,\n  onOpenChange: setControlledOpen,\n  offsetOption = 10,\n  anchorElement,\n  anchorPosition,\n  anchorElementAsPortalAnchor,\n  shouldCaptureFocus,\n  initialFocus,\n  role: roleProp,\n  closeOnClickOutside,\n  closeOnReferencePress,\n  returnFocus,\n  strategy = 'absolute',\n  isPortaled = true,\n  shouldConstrainSize = false,\n}: PopoverOptions = {}): UsePopoverReturn {\n  // Internal state for uncontrolled mode (no `isOpen` prop provided).\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  // Controlled/uncontrolled pattern: prefer the consumer-provided `isOpen`,\n  // falling back to internal state when not provided.\n  const isOpen = controlledOpen ?? isOpenUncontrolled;\n\n  const data = useFloating({\n    elements: {\n      reference: anchorElement,\n    },\n    middleware: [\n      offset(offsetOption),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'end',\n        padding: 5,\n      }),\n      shift(),\n      ...(shouldConstrainSize\n        ? [\n            size({\n              apply({ availableHeight, availableWidth, elements }) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${availableHeight}px`,\n                  maxWidth: `${availableWidth}px`,\n                });\n              },\n              padding: 5,\n            }),\n          ]\n        : []),\n    ],\n    // Floating UI calls this when interactions (useClick, useDismiss, etc.)\n    // trigger an open/close. We always sync internal state so uncontrolled\n    // mode works, and notify the consumer callback exactly once if provided.\n    onOpenChange: (open, event) => {\n      setIsOpenUncontrolled(open);\n      setControlledOpen?.(open, event);\n    },\n    open: isOpen,\n    placement: placement,\n    strategy,\n    whileElementsMounted: autoUpdate,\n  });\n  const context = data.context;\n\n  // Only enable built-in click-to-toggle in uncontrolled mode. In controlled\n  // mode the consumer owns the open state and wires up their own trigger.\n  const click = useClick(context, {\n    enabled: controlledOpen === undefined,\n  });\n\n  const dismiss = useDismiss(context, {\n    outsidePress: closeOnClickOutside,\n    referencePress: closeOnReferencePress,\n  });\n  const role = useRole(context, {\n    role: roleProp,\n  });\n\n  const clientPoint = useClientPoint(context, {\n    enabled: anchorPosition !== undefined,\n    // oxlint-disable-next-line id-length\n    x: anchorPosition?.x,\n    // oxlint-disable-next-line id-length\n    y: anchorPosition?.y,\n  });\n\n  const interactions = useInteractions([click, dismiss, role, clientPoint]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  return useMemo(\n    () => ({\n      ...data,\n      ...interactions,\n      anchorElementAsPortalAnchor,\n      descriptionId,\n      initialFocus,\n      isOpen,\n      isPortaled,\n      labelId,\n      returnFocus,\n      setDescriptionId,\n      setLabelId,\n      shouldCaptureFocus,\n      transitionStyles,\n    }),\n    [\n      isOpen,\n      interactions,\n      data,\n      transitionStyles,\n      labelId,\n      descriptionId,\n      anchorElementAsPortalAnchor,\n      shouldCaptureFocus,\n      initialFocus,\n      isPortaled,\n      returnFocus,\n    ],\n  );\n}\n"]}

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

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Radio, { label: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: "Custom label" }), ariaLabel: "example aria label" }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Radio, { label: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: "Custom label" }), ariaLabel: "example aria label" }));
 };
 exports.default = Component;
 //# sourceMappingURL=radio-custom-label.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-custom-label.story.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio-custom-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAqD;AAErD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,aAAK,IACJ,KAAK,EAAE,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,6BAA0B,EAC5D,SAAS,EAAC,oBAAoB,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Radio, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Radio\n      label={<Typography variant=\"label\">Custom label</Typography>}\n      ariaLabel=\"example aria label\"\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"radio-custom-label.story.js","sourceRoot":"","sources":["../../../../src/radio/stories/radio-custom-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAqD;AAErD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,aAAK,IACJ,KAAK,EAAE,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,6BAA0B,EAC9D,SAAS,EAAC,oBAAoB,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Radio, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Radio\n      label={<Typography variant=\"title-4\">Custom label</Typography>}\n      ariaLabel=\"example aria label\"\n    />\n  );\n};\n\nexport default Component;\n"]}

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

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

package/lib/cjs/select/Overrides.js

@@ -51,23 +51,23 @@ const theme_1 = require("../theme");
  */
 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) => {
+    const maybeStopPropagation = (event) => stopPropagation && event.stopPropagation();
+    return Object.assign(Object.assign({}, baseProps), { onMouseDown: (event) => {
+            event.preventDefault();
+            maybeStopPropagation(event);
+        }, onMouseUp: (event) => {
             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) => {
+            (_a = baseProps.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+            maybeStopPropagation(event);
+        }, onTouchEnd: (event) => {
             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);
+            (_a = baseProps.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(baseProps, event);
+            (_b = baseProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(baseProps, event);
+            maybeStopPropagation(event);
+        }, onTouchStart: (event) => {
+            event.preventDefault();
+            maybeStopPropagation(event);
         } });
 };
 /**
@@ -134,9 +134,9 @@ const CustomClearIndication = ({ size, }) => function Component(_a) {
         (_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 preventAndStop = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
     };
     const safeInnerProps = Object.assign(Object.assign({}, innerProps), { 'aria-hidden': undefined, onMouseDown: preventAndStop, onMouseUp: 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)(XMarkIconOutline_1.XMarkIconOutline, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-select-divider" })] })));
@@ -154,12 +154,12 @@ const CustomMultiValue = ({ size, }) => function Component(_a) {
     });
     return ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueContainer, Object.assign({}, restProps, { innerProps: {
             className: classes,
-        }, children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { size: size, onClick: (e) => {
+        }, children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { size: size, onClick: (event) => {
                 var _a, _b;
-                e.preventDefault();
-                (_b = (_a = restProps.removeProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                event.preventDefault();
+                (_b = (_a = restProps.removeProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
             }, htmlAttributes: {
-                onMouseDown: (e) => e.preventDefault(),
+                onMouseDown: (mouseDownEvent) => mouseDownEvent.preventDefault(),
             }, children: children }) })));
 };
 exports.CustomMultiValue = CustomMultiValue;
@@ -304,19 +304,19 @@ const CustomOption = ({ size, }) => function Component(_a) {
     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) => {
-                        e.preventDefault();
+                    onPointerDown: (event) => {
+                        event.preventDefault();
                     },
-                    onPointerUp: (e) => {
+                    onPointerUp: (event) => {
                         var _a, _b;
-                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
                     },
-                    onTouchEnd: (e) => {
+                    onTouchEnd: (event) => {
                         var _a, _b;
-                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
                     },
-                    onTouchStart: (e) => {
-                        e.preventDefault();
+                    onTouchStart: (event) => {
+                        event.preventDefault();
                     },
                     role: 'presentation',
                     tabIndex: -1,

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 { type JSX, type ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport {\n  type ClearIndicatorProps,\n  type CommonPropsAndClassName,\n  components,\n  type ControlProps,\n  type DropdownIndicatorProps,\n  type GroupBase,\n  type IndicatorsContainerProps,\n  type InputProps,\n  type MenuListProps,\n  type MenuPlacement,\n  type MenuPosition,\n  type MenuProps,\n  type MultiValueProps,\n  type OptionProps,\n  type PlaceholderProps,\n  type SingleValueProps,\n  type ValueContainerProps,\n} from 'react-select';\n\n/**\n * react-select does not re-export MenuPortalProps from its public API.\n * The deep import path (react-select/dist/declarations/src/components/Menu)\n * is incompatible with moduleResolution:\"bundler\".\n *\n * Defined locally using publicly exported react-select types until upstream\n * merges the export: https://github.com/JedWatson/react-select/pull/6007\n */\ninterface MenuPortalProps<\n  Option,\n  IsMulti extends boolean,\n  Group extends GroupBase<Option>,\n> extends CommonPropsAndClassName<Option, IsMulti, Group> {\n  appendTo: HTMLElement | undefined;\n  children: ReactNode;\n  controlElement: HTMLDivElement | null;\n  innerProps: JSX.IntrinsicElements['div'];\n  menuPlacement: MenuPlacement;\n  menuPosition: MenuPosition;\n}\n\nimport { Checkbox } from '../checkbox';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\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      onMouseUp: 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  errorText,\n  errorTextId,\n  helpText,\n  helpTextId,\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\n    const defaultAriaDescribedBy = restProps['aria-describedby'];\n\n    const combinedAriaDescribedBy = useMemo(() => {\n      const ariaDescribedBy: string[] = [];\n\n      if (defaultAriaDescribedBy) {\n        ariaDescribedBy.push(defaultAriaDescribedBy);\n      }\n\n      if (helpText && !errorText && helpTextId) {\n        ariaDescribedBy.push(helpTextId);\n      } else if (errorText && errorTextId) {\n        ariaDescribedBy.push(errorTextId);\n      }\n\n      return ariaDescribedBy.join(' ');\n    }, [defaultAriaDescribedBy]);\n\n    return (\n      <components.Input\n        {...restProps}\n        className={classes}\n        aria-describedby={combinedAriaDescribedBy}\n      />\n    );\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"]}
+{"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 { type JSX, type ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport {\n  type ClearIndicatorProps,\n  type CommonPropsAndClassName,\n  components,\n  type ControlProps,\n  type DropdownIndicatorProps,\n  type GroupBase,\n  type IndicatorsContainerProps,\n  type InputProps,\n  type MenuListProps,\n  type MenuPlacement,\n  type MenuPosition,\n  type MenuProps,\n  type MultiValueProps,\n  type OptionProps,\n  type PlaceholderProps,\n  type SingleValueProps,\n  type ValueContainerProps,\n} from 'react-select';\n\n/**\n * react-select does not re-export MenuPortalProps from its public API.\n * The deep import path (react-select/dist/declarations/src/components/Menu)\n * is incompatible with moduleResolution:\"bundler\".\n *\n * Defined locally using publicly exported react-select types until upstream\n * merges the export: https://github.com/JedWatson/react-select/pull/6007\n */\ninterface MenuPortalProps<\n  Option,\n  IsMulti extends boolean,\n  Group extends GroupBase<Option>,\n> extends CommonPropsAndClassName<Option, IsMulti, Group> {\n  appendTo: HTMLElement | undefined;\n  children: ReactNode;\n  controlElement: HTMLDivElement | null;\n  innerProps: JSX.IntrinsicElements['div'];\n  menuPlacement: MenuPlacement;\n  menuPosition: MenuPosition;\n}\n\nimport { Checkbox } from '../checkbox';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\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 = (event: React.SyntheticEvent) =>\n    stopPropagation && event.stopPropagation();\n\n  return {\n    ...baseProps,\n    onMouseDown: (event) => {\n      event.preventDefault();\n      maybeStopPropagation(event);\n    },\n    onMouseUp: (event) => {\n      baseProps.onMouseUp?.(event);\n      baseProps.onMouseDown?.(event);\n      maybeStopPropagation(event);\n    },\n    onTouchEnd: (event) => {\n      baseProps.onTouchEnd?.(event);\n      baseProps.onMouseDown?.(\n        event as unknown as React.MouseEvent<HTMLDivElement>,\n      );\n      maybeStopPropagation(event);\n    },\n    onTouchStart: (event) => {\n      event.preventDefault();\n      maybeStopPropagation(event);\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 = (event: React.SyntheticEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n    };\n\n    const safeInnerProps: typeof innerProps = {\n      ...innerProps,\n      'aria-hidden': undefined, // Remove to allow focusable button inside\n      onMouseDown: preventAndStop,\n      onMouseUp: 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={(event) => {\n            event.preventDefault();\n            restProps.removeProps.onClick?.(\n              event as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n            );\n          }}\n          htmlAttributes={{\n            onMouseDown: (mouseDownEvent) => mouseDownEvent.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  errorText,\n  errorTextId,\n  helpText,\n  helpTextId,\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\n    const defaultAriaDescribedBy = restProps['aria-describedby'];\n\n    const combinedAriaDescribedBy = useMemo(() => {\n      const ariaDescribedBy: string[] = [];\n\n      if (defaultAriaDescribedBy) {\n        ariaDescribedBy.push(defaultAriaDescribedBy);\n      }\n\n      if (helpText && !errorText && helpTextId) {\n        ariaDescribedBy.push(helpTextId);\n      } else if (errorText && errorTextId) {\n        ariaDescribedBy.push(errorTextId);\n      }\n\n      return ariaDescribedBy.join(' ');\n    }, [defaultAriaDescribedBy]);\n\n    return (\n      <components.Input\n        {...restProps}\n        className={classes}\n        aria-describedby={combinedAriaDescribedBy}\n      />\n    );\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: (event) => {\n                event.preventDefault();\n              },\n              onPointerUp: (event) => {\n                restProps.innerProps.onClick?.(event);\n              },\n              onTouchEnd: (event) => {\n                restProps.innerProps.onClick?.(\n                  event as unknown as React.MouseEvent<\n                    HTMLDivElement,\n                    MouseEvent\n                  >,\n                );\n              },\n              onTouchStart: (event) => {\n                event.preventDefault();\n              },\n              role: 'presentation',\n              tabIndex: -1,\n            }}\n          />\n        )}\n        {children}\n      </components.Option>\n    );\n  };\n"]}

package/lib/cjs/select-icon-button/SelectIconButton.js

@@ -51,15 +51,15 @@ const SelectIconButton = (_a) => {
         'ndl-small': size === 'small',
     });
     const isInteractable = !isDisabled && !isLoading;
-    const handleClick = (e) => {
+    const handleClick = (event) => {
         // If the button is disabled or loading, we don't want to call the onClick handler. The loading is only aria-disabled, so we need this.
         if (!isInteractable) {
-            e.preventDefault();
-            e.stopPropagation();
+            event.preventDefault();
+            event.stopPropagation();
             return;
         }
         if (onClick) {
-            onClick(e);
+            onClick(event);
         }
     };
     return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ hoverDelay: {

package/lib/cjs/select-icon-button/SelectIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIconButton.js","sourceRoot":"","sources":["../../../src/select-icon-button/SelectIconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAGpC,4DAAyD;AAEzD,gGAA6F;AAC7F,wCAAqC;AA6B9B,MAAM,gBAAgB,GAAG,CAAC,EAec,EAAE,EAAE;QAflB,EAC/B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,cAAc,EACd,GAAG,EACH,cAAc,GAAG,SAAS,OAEmB,EAD1C,SAAS,cAdmB,oKAehC,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,EAAE;QAC3D,YAAY,EAAE,MAAM;QACpB,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,uIAAuI;QACvI,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAO,kBACN,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,GAAG;SACV,EACD,IAAI,EAAC,QAAQ;QACb,qGAAqG;QACrG,UAAU,EAAE,WAAW,KAAK,IAAI,IAAI,UAAU,IAAI,MAAM,KAAK,IAAI,EACjE,2BAA2B,UACvB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAEtB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IAAE,gBAAgB,kBAC1D,kDACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,mBACL,CAAC,cAAc,gBAClB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,mBACrB,MAAM,EACrB,OAAO,EAAE,WAAW,IAChB,SAAS,EACT,cAAc,eAElB,gCAAK,SAAS,EAAC,2BAA2B,YACxC,gCAAK,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAO,GACtC,EACN,uBAAC,+CAAsB,IACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE;gCAChD,+BAA+B,EAAE,MAAM,KAAK,IAAI;6BACjD,CAAC,GACF,EACD,SAAS,IAAI,CACZ,uBAAC,6BAAa,IAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9D,KACM,IACO,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,WAAW,IACI,KACV,CACX,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,gBAAgB,oBAoF3B","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 { ButtonSpinner } from '../_common/ButtonSpinner';\nimport { type CommonProps, type TooltipObjectProps } from '../_common/types';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { Tooltip } from '../tooltip';\n\ntype SelectIconButtonProps = {\n  /** Content displayed in the button */\n  children?: React.ReactNode;\n  /** Size of button */\n  size?: 'small' | 'medium' | 'large';\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n  /** Whether the button is in disabled state */\n  isDisabled?: boolean;\n  /** If the button is opened */\n  isOpen: boolean;\n  /** Callback function to be called when the button is clicked */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /**\n   * A string that will be shown as a tooltip when hovering over the button. It also acts as an aria-label.\n   * {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label}\n   */\n  description: string | null;\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Accessible message for screen readers when the button is in a loading state */\n  loadingMessage?: string;\n};\n\nexport const SelectIconButton = ({\n  children,\n  size = 'medium',\n  isDisabled = false,\n  isLoading = false,\n  isOpen = false,\n  className,\n  description,\n  tooltipProps,\n  onClick,\n  style,\n  htmlAttributes,\n  ref,\n  loadingMessage = 'Loading',\n  ...restProps\n}: CommonProps<'button', SelectIconButtonProps>) => {\n  const classes = classNames('ndl-select-icon-btn', className, {\n    'ndl-active': isOpen,\n    'ndl-disabled': isDisabled,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    // If the button is disabled or loading, we don't want to call the onClick handler. The loading is only aria-disabled, so we need this.\n    if (!isInteractable) {\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      type=\"simple\"\n      // We disable the tooltip if the button is disabled or open, so it doesn't interfere with a menu open\n      isDisabled={description === null || isDisabled || isOpen === true}\n      shouldCloseOnReferenceClick\n      {...tooltipProps?.root}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <button\n          type=\"button\"\n          ref={ref}\n          className={classes}\n          style={style}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description ?? undefined}\n          aria-expanded={isOpen}\n          onClick={handleClick}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-select-icon-btn-inner\">\n            <div className=\"ndl-icon\">{children}</div>\n          </div>\n          <ChevronDownIconOutline\n            className={classNames('ndl-select-icon-btn-icon', {\n              'ndl-select-icon-btn-icon-open': isOpen === true,\n            })}\n          />\n          {isLoading && (\n            <ButtonSpinner loadingMessage={loadingMessage} size={size} />\n          )}\n        </button>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"SelectIconButton.js","sourceRoot":"","sources":["../../../src/select-icon-button/SelectIconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAGpC,4DAAyD;AAEzD,gGAA6F;AAC7F,wCAAqC;AA6B9B,MAAM,gBAAgB,GAAG,CAAC,EAec,EAAE,EAAE;QAflB,EAC/B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,cAAc,EACd,GAAG,EACH,cAAc,GAAG,SAAS,OAEmB,EAD1C,SAAS,cAdmB,oKAehC,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,EAAE;QAC3D,YAAY,EAAE,MAAM;QACpB,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,WAAW,GAAG,CAClB,KAAsD,EACtD,EAAE;QACF,uIAAuI;QACvI,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAO,kBACN,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,GAAG;SACV,EACD,IAAI,EAAC,QAAQ;QACb,qGAAqG;QACrG,UAAU,EAAE,WAAW,KAAK,IAAI,IAAI,UAAU,IAAI,MAAM,KAAK,IAAI,EACjE,2BAA2B,UACvB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAEtB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IAAE,gBAAgB,kBAC1D,kDACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,mBACL,CAAC,cAAc,gBAClB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,mBACrB,MAAM,EACrB,OAAO,EAAE,WAAW,IAChB,SAAS,EACT,cAAc,eAElB,gCAAK,SAAS,EAAC,2BAA2B,YACxC,gCAAK,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAO,GACtC,EACN,uBAAC,+CAAsB,IACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE;gCAChD,+BAA+B,EAAE,MAAM,KAAK,IAAI;6BACjD,CAAC,GACF,EACD,SAAS,IAAI,CACZ,uBAAC,6BAAa,IAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9D,KACM,IACO,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,WAAW,IACI,KACV,CACX,CAAC;AACJ,CAAC,CAAC;AAtFW,QAAA,gBAAgB,oBAsF3B","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 { ButtonSpinner } from '../_common/ButtonSpinner';\nimport { type CommonProps, type TooltipObjectProps } from '../_common/types';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { Tooltip } from '../tooltip';\n\ntype SelectIconButtonProps = {\n  /** Content displayed in the button */\n  children?: React.ReactNode;\n  /** Size of button */\n  size?: 'small' | 'medium' | 'large';\n  /** If the button is doing something Async, it will display a loading spinner   */\n  isLoading?: boolean;\n  /** Whether the button is in disabled state */\n  isDisabled?: boolean;\n  /** If the button is opened */\n  isOpen: boolean;\n  /** Callback function to be called when the button is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /**\n   * A string that will be shown as a tooltip when hovering over the button. It also acts as an aria-label.\n   * {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label}\n   */\n  description: string | null;\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: TooltipObjectProps;\n\n  /** Accessible message for screen readers when the button is in a loading state */\n  loadingMessage?: string;\n};\n\nexport const SelectIconButton = ({\n  children,\n  size = 'medium',\n  isDisabled = false,\n  isLoading = false,\n  isOpen = false,\n  className,\n  description,\n  tooltipProps,\n  onClick,\n  style,\n  htmlAttributes,\n  ref,\n  loadingMessage = 'Loading',\n  ...restProps\n}: CommonProps<'button', SelectIconButtonProps>) => {\n  const classes = classNames('ndl-select-icon-btn', className, {\n    'ndl-active': isOpen,\n    'ndl-disabled': isDisabled,\n    'ndl-large': size === 'large',\n    'ndl-loading': isLoading,\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n\n  const isInteractable = !isDisabled && !isLoading;\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    // If the button is disabled or loading, we don't want to call the onClick handler. The loading is only aria-disabled, so we need this.\n    if (!isInteractable) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <Tooltip\n      hoverDelay={{\n        close: 0,\n        open: 500,\n      }}\n      type=\"simple\"\n      // We disable the tooltip if the button is disabled or open, so it doesn't interfere with a menu open\n      isDisabled={description === null || isDisabled || isOpen === true}\n      shouldCloseOnReferenceClick\n      {...tooltipProps?.root}\n    >\n      <Tooltip.Trigger {...tooltipProps?.trigger} hasButtonWrapper>\n        <button\n          type=\"button\"\n          ref={ref}\n          className={classes}\n          style={style}\n          disabled={isDisabled}\n          aria-disabled={!isInteractable}\n          aria-label={description ?? undefined}\n          aria-expanded={isOpen}\n          onClick={handleClick}\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-select-icon-btn-inner\">\n            <div className=\"ndl-icon\">{children}</div>\n          </div>\n          <ChevronDownIconOutline\n            className={classNames('ndl-select-icon-btn-icon', {\n              'ndl-select-icon-btn-icon-open': isOpen === true,\n            })}\n          />\n          {isLoading && (\n            <ButtonSpinner loadingMessage={loadingMessage} size={size} />\n          )}\n        </button>\n      </Tooltip.Trigger>\n      <Tooltip.Content {...tooltipProps?.content}>\n        {description}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n"]}

package/lib/cjs/select-icon-button/stories/select-icon-button-sizes.story.js

@@ -25,7 +25,7 @@ require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const icons_1 = require("@neo4j-ndl/react/icons");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Small" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "medium", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Medium" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "large", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Large" })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Small" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "medium", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Medium" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "large", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Large" })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=select-icon-button-sizes.story.js.map

package/lib/cjs/select-icon-button/stories/select-icon-button-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgE;AAChE,kDAAoD;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,YAChE,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,uBAAoB,IAC3C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"medium\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"large\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-icon-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgE;AAChE,kDAAoD;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,YAChE,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,YAC/D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,uBAAoB,IAC7C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Small</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"medium\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Medium</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"large\" isOpen={false}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Large</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/select-icon-button/stories/select-icon-button-states.story.js

@@ -25,7 +25,7 @@ require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const icons_1 = require("@neo4j-ndl/react/icons");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isDisabled: true, isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Disabled" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isOpen: true, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Active" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isLoading: true, loadingMessage: "Loading", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "label", children: " Loading" })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isDisabled: true, isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Disabled" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isOpen: true, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Active" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-16 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectIconButton, { description: "Select", size: "small", isLoading: true, loadingMessage: "Loading", isOpen: false, children: (0, jsx_runtime_1.jsx)(icons_1.SelectIcon, {}) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: " Loading" })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=select-icon-button-states.story.js.map

package/lib/cjs/select-icon-button/stories/select-icon-button-states.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-icon-button-states.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-states.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgE;AAChE,kDAAoD;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,MAAM,EAAE,KAAK,YAEb,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,0BAAuB,IAC9C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,YAC9D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,wBAAqB,IAC5C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,cAAc,EAAC,SAAS,EACxB,MAAM,EAAE,KAAK,YAEb,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,OAAO,yBAAsB,IAC7C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isDisabled\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Disabled</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={true}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Active</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isLoading\n          loadingMessage=\"Loading\"\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"label\"> Loading</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"select-icon-button-states.story.js","sourceRoot":"","sources":["../../../../src/select-icon-button/stories/select-icon-button-states.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgE;AAChE,kDAAoD;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,MAAM,EAAE,KAAK,YAEb,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,0BAAuB,IAChD,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,YAC9D,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,wBAAqB,IAC9C,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAgB,IACf,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,cAAc,EAAC,SAAS,EACxB,MAAM,EAAE,KAAK,YAEb,uBAAC,kBAAU,KAAG,GACG,EACnB,uBAAC,kBAAU,IAAC,OAAO,EAAC,SAAS,yBAAsB,IAC/C,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectIconButton, Typography } from '@neo4j-ndl/react';\nimport { SelectIcon } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isDisabled\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Disabled</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton description=\"Select\" size=\"small\" isOpen={true}>\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Active</Typography>\n      </div>\n      <div className=\"n-flex n-flex-row n-gap-token-16 n-items-center\">\n        <SelectIconButton\n          description=\"Select\"\n          size=\"small\"\n          isLoading\n          loadingMessage=\"Loading\"\n          isOpen={false}\n        >\n          <SelectIcon />\n        </SelectIconButton>\n        <Typography variant=\"title-4\"> Loading</Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/selectable-tag/stories/selectable-tag-sizes.story.js

@@ -27,7 +27,7 @@ const react_2 = require("react");
 const Component = () => {
     var _a, _b, _c, _d;
     const [selected, setSelected] = (0, react_2.useState)({});
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "x-small", isSelected: (_a = selected['x-small']) !== null && _a !== void 0 ? _a : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['x-small']: !s['x-small'] }))), children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "small", isSelected: (_b = selected['small']) !== null && _b !== void 0 ? _b : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['small']: !s['small'] }))), children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "medium", isSelected: (_c = selected['medium']) !== null && _c !== void 0 ? _c : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['medium']: !s['medium'] }))), children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "large", isSelected: (_d = selected['large']) !== null && _d !== void 0 ? _d : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['large']: !s['large'] }))), children: "Large" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "x-small", isSelected: (_a = selected['x-small']) !== null && _a !== void 0 ? _a : false, onClick: () => setSelected((prev) => (Object.assign(Object.assign({}, prev), { ['x-small']: !prev['x-small'] }))), children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "small", isSelected: (_b = selected['small']) !== null && _b !== void 0 ? _b : false, onClick: () => setSelected((prev) => (Object.assign(Object.assign({}, prev), { ['small']: !prev['small'] }))), children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "medium", isSelected: (_c = selected['medium']) !== null && _c !== void 0 ? _c : false, onClick: () => setSelected((prev) => (Object.assign(Object.assign({}, prev), { ['medium']: !prev['medium'] }))), children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "large", isSelected: (_d = selected['large']) !== null && _d !== void 0 ? _d : false, onClick: () => setSelected((prev) => (Object.assign(Object.assign({}, prev), { ['large']: !prev['large'] }))), children: "Large" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=selectable-tag-sizes.story.js.map

package/lib/cjs/selectable-tag/stories/selectable-tag-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/selectable-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,qBAAa,IACZ,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,MAAA,QAAQ,CAAC,SAAS,CAAC,mCAAI,KAAK,EACxC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAAG,CAAC,wBAI9C,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAG,CAAC,sBAGvD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,mCAAI,KAAK,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,CAAC,uBAGzD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAG,CAAC,sBAGvD,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectableTag } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<Record<string, boolean>>({});\n\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <SelectableTag\n        size=\"x-small\"\n        isSelected={selected['x-small'] ?? false}\n        onClick={() =>\n          setSelected((s) => ({ ...s, ['x-small']: !s['x-small'] }))\n        }\n      >\n        X-Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"small\"\n        isSelected={selected['small'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['small']: !s['small'] }))}\n      >\n        Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"medium\"\n        isSelected={selected['medium'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['medium']: !s['medium'] }))}\n      >\n        Medium\n      </SelectableTag>\n      <SelectableTag\n        size=\"large\"\n        isSelected={selected['large'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['large']: !s['large'] }))}\n      >\n        Large\n      </SelectableTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"selectable-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/selectable-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,qBAAa,IACZ,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,MAAA,QAAQ,CAAC,SAAS,CAAC,mCAAI,KAAK,EACxC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAG,CAAC,wBAIvD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAG,CAAC,sBAInD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,mCAAI,KAAK,EACvC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG,CAAC,uBAIrD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAG,CAAC,sBAInD,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectableTag } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<Record<string, boolean>>({});\n\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <SelectableTag\n        size=\"x-small\"\n        isSelected={selected['x-small'] ?? false}\n        onClick={() =>\n          setSelected((prev) => ({ ...prev, ['x-small']: !prev['x-small'] }))\n        }\n      >\n        X-Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"small\"\n        isSelected={selected['small'] ?? false}\n        onClick={() =>\n          setSelected((prev) => ({ ...prev, ['small']: !prev['small'] }))\n        }\n      >\n        Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"medium\"\n        isSelected={selected['medium'] ?? false}\n        onClick={() =>\n          setSelected((prev) => ({ ...prev, ['medium']: !prev['medium'] }))\n        }\n      >\n        Medium\n      </SelectableTag>\n      <SelectableTag\n        size=\"large\"\n        isSelected={selected['large'] ?? false}\n        onClick={() =>\n          setSelected((prev) => ({ ...prev, ['large']: !prev['large'] }))\n        }\n      >\n        Large\n      </SelectableTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}