acinguiux-ds-react-framework 0.1.24 → 0.1.26

package/build/esm/components/Select/Select.js

@@ -1,24 +1,24 @@
 import { jsxs as A, jsx as i } from "react/jsx-runtime";
-import { forwardRef as we, useRef as Z, useState as S, useId as Ee, useMemo as $, useEffect as B, useCallback as C, useImperativeHandle as Ge } from "react";
+import { forwardRef as Ee, useRef as Z, useState as S, useId as Ge, useMemo as $, useEffect as B, useCallback as C, useImperativeHandle as De } from "react";
 import { Sizes as c } from "../../react-base/src/consts/index.js";
-import De from "classnames";
+import Te from "classnames";
 import { isOption as z } from "../../react-base/src/components/Select/Select.utils.js";
-import { Popover as Te, PopoverTrigger as Me } from "../Popover/Popover.js";
+import { Popover as Me, PopoverTrigger as Re } from "../Popover/Popover.js";
 import ee from "../Icon/components/ChevronDown.js";
-import { useFocusRingOnKeyboard as Re } from "../../hooks/useFocusRingOnKeyboard.js";
-import { SelectInput as Ke, SelectedSingleOptionLabel as Ne, SelectTag as Pe, SelectPopoverContent as Ae } from "./Select.styles.js";
-import Be from "../ListItem/ListItem.js";
-import { useOptions as He } from "./hooks/useOptions.js";
-import { useElementRect as Le } from "./hooks/useElementRect.js";
-import { strIncludes as Fe } from "./utils/strUtils.js";
-import { updateSelectedValues as Ve } from "./utils/selection.js";
-import { asArray as Xe } from "./utils/props.js";
-import je from "../Flexbox/Flexbox.js";
-import { SelectLoading as We } from "./components/SelectLoading.js";
-import { onKeyDownHandle as _e } from "./utils/keydown.js";
+import { useFocusRingOnKeyboard as Ke } from "../../hooks/useFocusRingOnKeyboard.js";
+import { SelectInput as Ne, SelectedSingleOptionLabel as Pe, SelectTag as Ae, SelectPopoverContent as Be } from "./Select.styles.js";
+import He from "../ListItem/ListItem.js";
+import { useOptions as Le } from "./hooks/useOptions.js";
+import { useElementRect as Fe } from "./hooks/useElementRect.js";
+import { strIncludes as Ve } from "./utils/strUtils.js";
+import { updateSelectedValues as Xe } from "./utils/selection.js";
+import { asArray as je } from "./utils/props.js";
+import We from "../Flexbox/Flexbox.js";
+import { SelectLoading as _e } from "./components/SelectLoading.js";
+import { onKeyDownHandle as qe } from "./utils/keydown.js";
 import te from "../ListItem/ListItemHeader.js";
-import { SELECT_CLASS as qe } from "../../react-base/src/consts/classes.js";
-const gt = we(
+import { SELECT_CLASS as Je } from "../../react-base/src/consts/classes.js";
+const bt = Ee(
   ({
     id: le,
     defaultOpen: re,
@@ -30,39 +30,40 @@ const gt = we(
     invalid: H = !1,
     showSearch: w = !0,
     allowClear: m,
-    placement: Je,
+    placement: Qe,
     disabled: h,
     options: ie,
-    onFocus: se,
-    onBlur: oe,
-    onClick: ce,
-    children: ue,
+    popoverWidth: se = "match-parent",
+    onFocus: oe,
+    onBlur: ce,
+    onClick: ue,
+    children: de,
     optionFilterProp: L = "label",
     optionLabelProp: F = "label",
-    optionSelectionType: de,
-    optionShowInputControls: pe,
-    optionMutliline: fe = !1,
+    optionSelectionType: pe,
+    optionShowInputControls: fe,
+    optionMutliline: me = !1,
     onKeyDown: V,
     onSearch: X,
     onSelect: E,
     onDeselect: G,
-    onClear: me,
+    onClear: he,
     onChange: D,
-    defaultValue: he,
+    defaultValue: ge,
     suffix: j,
     value: g,
-    style: ge,
+    style: be,
     // This prop is not used in the new Select implementation, but kept for compatibility.
     // If you need virtualized options, please use the DeprecatedSelect component.
-    virtual: Qe = !1,
-    ...be
-  }, ye) => {
-    const u = Z(null), ve = Z(null), [v, b] = S(re ?? !1), r = Ee(), [W, T] = S(!1), _ = le ?? `select-${r}-input`, [s, M] = S(""), [a, R] = S(() => Xe(he ?? g)), I = He(ue, `select-${r}`, ie), o = $(
+    virtual: Ue = !1,
+    ...ye
+  }, ve) => {
+    const u = Z(null), xe = Z(null), [v, b] = S(re ?? !1), r = Ge(), [W, T] = S(!1), _ = le ?? `select-${r}-input`, [s, M] = S(""), [a, R] = S(() => je(ge ?? g)), I = Le(de, `select-${r}`, ie), o = $(
       () => I.flatMap((e) => e.isGroup ? [e, ...e.options] : [e]),
       [I]
     ), y = $(
       () => s && s.trim().length > 0 ? o.filter(
-        (e) => e?.isGroup || Fe(e?.[L], s)
+        (e) => e?.isGroup || Ve(e?.[L], s)
       ) : o,
       [o, s, L]
     ), q = $(
@@ -90,12 +91,12 @@ const gt = we(
         const {
           current: t,
           added: d,
-          removed: $e
-        } = Ve(a, e, l, m);
+          removed: we
+        } = Xe(a, e, l, m);
         d.forEach((P) => {
           const f = o.find((k) => !k.isGroup && k.value === P);
           z(f) && E && E(f.value, f);
-        }), $e.forEach((P) => {
+        }), we.forEach((P) => {
           const f = o.find((k) => !k.isGroup && k.value === P);
           z(f) && G && G(f.value, f);
         }), R(t), J(t), M(""), l === "single" && b(!1);
@@ -110,21 +111,21 @@ const gt = we(
     B(() => {
       p && document.getElementById(p)?.scrollIntoView({ block: "nearest", inline: "nearest" });
     }, [p]);
-    const xe = Le(u.current?.parentElement?.parentElement);
-    Ge(ye, () => u.current);
-    const { focusKind: ke, handleOnClick: Se, handleOnFocus: N, handleOnBlur: U, handleOnMouseDownCapture: Ce } = Re({
+    const ke = Fe(u.current?.parentElement?.parentElement);
+    De(ve, () => u.current);
+    const { focusKind: Se, handleOnClick: Ce, handleOnFocus: N, handleOnBlur: U, handleOnMouseDownCapture: Oe } = Ke({
       inputRef: u,
-      onFocus: se,
-      onBlur: oe,
-      onClick: ce
-    }), Oe = C(
+      onFocus: oe,
+      onBlur: ce,
+      onClick: ue
+    }), Ie = C(
       (e) => {
         W || (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget) && e.relatedTarget.id !== `select-${r}-controls` && e.relatedTarget.parentElement?.id !== `select-${r}-options-container` ? (M(""), U(e), b(!1)) : (N(e), u.current?.focus()));
       },
       [U, N, r, W]
     ), Y = C(
       (e) => {
-        _e(e, {
+        qe(e, {
           isOpen: v,
           setIsOpen: b,
           input: u.current,
@@ -149,14 +150,14 @@ const gt = we(
         o,
         p
       ]
-    ), Ie = C(
+    ), $e = C(
       (e) => {
         const t = e.target.value;
         M(t), X?.(t);
       },
       [X]
     );
-    return /* @__PURE__ */ A(Te, { open: v, onOpenChange: b, children: [
+    return /* @__PURE__ */ A(Me, { open: v, onOpenChange: b, children: [
       /* @__PURE__ */ i(
         "label",
         {
@@ -177,25 +178,25 @@ const gt = we(
           children: a.join(", ")
         }
       ),
-      /* @__PURE__ */ i(Me, { asChild: !0, children: /* @__PURE__ */ i(
-        Ke,
+      /* @__PURE__ */ i(Re, { asChild: !0, children: /* @__PURE__ */ i(
+        Ne,
         {
           inputRef: u,
-          "data-focused": ke,
+          "data-focused": Se,
           $mode: l,
-          className: De(qe, ne),
-          style: ge,
+          className: Te(Je, ne),
+          style: be,
           size: n,
           allowReadOnlyClear: !0,
           readOnly: !w,
           onFocus: N,
-          onBlur: Oe,
+          onBlur: Ie,
           wrapperProps: {
             onMouseDownCapture: (e) => {
-              T(!0), Ce(e);
+              T(!0), Oe(e);
             },
             onClick: (e) => {
-              e.isDefaultPrevented() || u.current?.click(), T(!1), Se(e);
+              e.isDefaultPrevented() || u.current?.click(), T(!1), Ce(e);
             }
           },
           onClick: (e) => {
@@ -206,11 +207,11 @@ const gt = we(
           disabled: h,
           onKeyDown: Y,
           value: s,
-          onChange: Ie,
+          onChange: $e,
           name: "select-input",
           type: "text",
           customPrefix: l === "multiple" && a.map((e, t) => /* @__PURE__ */ i(
-            Pe,
+            Ae,
             {
               sentiment: "information",
               $disabled: h,
@@ -224,10 +225,10 @@ const gt = we(
             },
             `select-${r}-value-${e}`
           )),
-          customSuffix: a.length > 0 && l === "single" && (!s || s.trim().length === 0) && /* @__PURE__ */ i(Ne, { disabled: h, id: `select-${r}-value`, size: n, children: Q[0] }),
+          customSuffix: a.length > 0 && l === "single" && (!s || s.trim().length === 0) && /* @__PURE__ */ i(Pe, { disabled: h, id: `select-${r}-value`, size: n, children: Q[0] }),
           suffix: {
             transparent: !0,
-            node: j ? /* @__PURE__ */ A(je, { gap: "2px", children: [
+            node: j ? /* @__PURE__ */ A(We, { gap: "2px", children: [
               j,
               /* @__PURE__ */ i(ee, {})
             ] }) : /* @__PURE__ */ i(ee, {}),
@@ -239,7 +240,7 @@ const gt = we(
           placeholder: !s && (a.length === 0 && l === "single" || l === "multiple") ? ae : "",
           allowClear: m && ((e) => e !== "" || a.length > 0),
           onClear: () => {
-            x(null), me?.();
+            x(null), he?.();
           },
           autoComplete: "off",
           autoCorrect: "off",
@@ -252,18 +253,18 @@ const gt = we(
           "aria-labelledby": `select-${r}-label`,
           id: _,
           "aria-activedescendant": v ? p ?? void 0 : void 0,
-          ...be
+          ...ye
         }
       ) }),
       /* @__PURE__ */ A(
-        Ae,
+        Be,
         {
           role: "listbox",
           align: "start",
           side: "bottom",
-          ref: ve,
+          ref: xe,
           style: {
-            width: xe?.width ?? "auto"
+            width: se === "fit-content" ? "auto" : ke?.width ?? "auto"
           },
           size: n === c.XSmall ? c.Small : n,
           sideOffset: 4,
@@ -287,7 +288,7 @@ const gt = we(
               },
               e.key
             ) : e.isGroup ? null : /* @__PURE__ */ i(
-              Be,
+              He,
               {
                 id: e.key,
                 size: n === c.XSmall ? c.Small : n,
@@ -299,11 +300,11 @@ const gt = we(
                 selected: a.includes(e.value ?? null),
                 "aria-selected": p === e.key,
                 disabled: e.disabled,
-                multiline: fe,
+                multiline: me,
                 label: e.label,
                 optionItem: !0,
-                selectionType: de ?? (!l || l === "single" ? "radio" : "checkbox"),
-                showInputControls: pe
+                selectionType: pe ?? (!l || l === "single" ? "radio" : "checkbox"),
+                showInputControls: fe
               },
               e.key
             )) }),
@@ -321,7 +322,7 @@ const gt = we(
                 divider: !1
               }
             ),
-            O && /* @__PURE__ */ i(We, { id: r, size: n })
+            O && /* @__PURE__ */ i(_e, { id: r, size: n })
           ]
         }
       )
@@ -329,6 +330,6 @@ const gt = we(
   }
 );
 export {
-  gt as default
+  bt as default
 };
 //# sourceMappingURL=Select.js.map

package/build/esm/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: inputWrapperRect?.width ?? 'auto',\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      popoverWidth = 'match-parent',\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}

package/build/esm/components/Table/components/TableElements/TableElements.js

@@ -6,7 +6,7 @@ import { Variables as n } from "../../../../react-base/src/theme/types/layer.js"
 import { FabricsVariables as d } from "acinguiux-ds-fabrics";
 import { Flexbox as S } from "../../../Flexbox/Flexbox.styles.js";
 import { StyledExpander as B } from "./Expander.js";
-import { TABLE_HEADER_HEAD_CONTENT_CLASS as w, TABLE_CHECKBOX_CLASS as v, BUTTON_CLASS as y, SELECT_CLASS as P, EMPTY_STATE_CLASS as E, TABLE_MENU_BUTTON_CLASS as _, TABLE_PIN_BUTTON_CLASS as A } from "../../../../react-base/src/consts/classes.js";
+import { BUTTON_CLASS as y, SELECT_CLASS as w, EMPTY_STATE_CLASS as P, TABLE_MENU_BUTTON_CLASS as E, TABLE_PIN_BUTTON_CLASS as _, TABLE_CHECKBOX_CLASS as v, TABLE_HEADER_HEAD_CONTENT_CLASS as A } from "../../../../react-base/src/consts/classes.js";
 const k = t`
   ${({ $width: e, theme: o }) => t`
     width: ${e ?? "auto"}px;
@@ -80,7 +80,7 @@ const k = t`
 
   ${({ colSpan: e, $noPadding: o, $alignment: r }) => t`
     position: relative;
-    > ${S}, .${w} {
+    > ${S}, .${A} {
       position: relative;
       gap: var(--table-header-cell-gap);
       justify-content: ${r};
@@ -212,16 +212,16 @@ const k = t`
       }
 
       ${a}:has(.${y}),
+      ${a}:has(.${w}),
       ${a}:has(.${P}),
-      ${a}:has(.${E}),
       ${a}:has(${B}) {
         padding-top: 0px;
         padding-bottom: 0px;
       }
 
       ${i} {
-        & .${_}:not([aria-expanded="true"]),
-        & .${A}:not([aria-expanded="true"]) {
+        & .${E}:not([aria-expanded="true"]),
+        & .${_}:not([aria-expanded="true"]) {
           opacity: 0;
         }
 

package/build/esm/components/Table/features/sized.js

@@ -1,4 +1,4 @@
-import { functionalUpdate as i, makeStateUpdater as r } from "@tanstack/react-table";
+import { makeStateUpdater as i, functionalUpdate as r } from "@tanstack/react-table";
 const s = {
   // define the new feature's initial state
   getInitialState: (e) => ({
@@ -7,11 +7,11 @@ const s = {
   }),
   // define the new feature's default options
   getDefaultOptions: (e) => ({
-    onSizeChange: r("size", e)
+    onSizeChange: i("size", e)
   }),
   createTable: (e) => {
     e.setSize = (t) => {
-      const a = (n) => i(t, n);
+      const a = (n) => r(t, n);
       return e.options.onSizeChange?.(a);
     };
   }

package/build/esm/components/Table/hooks/useTable.js

@@ -1,6 +1,6 @@
-import { createContext as e, useContext as a } from "react";
-const o = e(null), n = () => {
-  const t = a(o);
+import { useContext as e, createContext as a } from "react";
+const o = a(null), n = () => {
+  const t = e(o);
   if (t === null)
     throw Error("A table must have a Table parent");
   return t;

package/build/esm/components/Tabs/Tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC9D,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAC1B,SAAS,CAAC,MAAM;CAAG"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM;CAAG"}

package/build/esm/components/TextArea/TextArea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EACnG,aAAa,CAAC,MAAM;IACtB,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD"}
+{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,WAAW,cACf,SACE,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAC7F,aAAa,CAAC,MAAM;IACtB,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD"}

package/build/esm/components/TextInput/TextInput.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAE9E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,EACrF,cAAc,CAAC,MAAM;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,cAAc,CAAC,aAAa,CAAC"}
+{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAE9E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM;IAC9G,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,cAAc,CAAC,aAAa,CAAC"}

package/build/esm/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,MAAM,4GA2CX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,QAAA,MAAM,MAAM,4GA8CX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/components/Toggle/Toggle.js

@@ -1,46 +1,51 @@
-import { jsxs as $, jsx as i } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import S from "classnames";
-import { Positions as C, Sizes as h } from "../../react-base/src/consts/index.js";
-import { ToggleWrapper as u, ToggleLabel as x, Toggle as G } from "./Toggle.styles.js";
-import { TOGGLE_SWITCH_CLASS as _, TOGGLE_CLASS as j } from "../../react-base/src/consts/classes.js";
-const P = L(
+import { jsxs as L, jsx as i } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import C from "classnames";
+import { Positions as u, Sizes as x } from "../../react-base/src/consts/index.js";
+import { consts as s } from "../../react-base/src/components/Toggle/Toggle.consts.js";
+import { ToggleWrapper as G, ToggleLabel as k, Toggle as _ } from "./Toggle.styles.js";
+import j from "../Icon/components/Lock.js";
+import { TOGGLE_SWITCH_CLASS as w, TOGGLE_CLASS as A } from "../../react-base/src/consts/classes.js";
+const O = S(
   ({
-    className: s,
-    size: o = `${h.Medium}`,
+    className: m,
+    size: o = `${x.Medium}`,
     label: e,
-    checked: t,
-    selected: m,
-    defaultChecked: f,
-    defaultSelected: l,
-    disabled: r = !1,
-    labelPosition: a = C.Left,
-    mirrored: g = !1,
-    wrapperProps: p,
-    title: d,
+    checked: f,
+    selected: g,
+    defaultChecked: l,
+    defaultSelected: p,
+    disabled: t = !1,
+    readOnly: r = !1,
+    labelPosition: a = u.Left,
+    mirrored: d = !1,
+    wrapperProps: c,
+    title: h,
     ...n
-  }, c) => {
-    const T = d || typeof e == "string" && e || void 0;
-    return /* @__PURE__ */ $(
-      u,
+  }, T) => {
+    const $ = h || typeof e == "string" && e || void 0;
+    return /* @__PURE__ */ L(
+      G,
       {
-        className: S(j, s),
+        className: C(A, m),
         $size: o,
-        $mirrored: g,
+        $mirrored: d,
         $labelPosition: a,
-        $disabled: r,
-        ...p,
+        $disabled: t,
+        $readOnly: r,
+        ...c,
         children: [
-          !!e && /* @__PURE__ */ i(x, { $size: o, children: e }),
+          !!e && /* @__PURE__ */ i(k, { $size: o, children: e }),
+          r && /* @__PURE__ */ i(j, { width: s[o].height, height: s[o].height }),
           /* @__PURE__ */ i(
-            G,
+            _,
             {
-              ref: c,
-              prefixCls: _,
-              checked: m ?? t,
-              defaultChecked: l ?? f,
-              disabled: r,
-              title: T,
+              ref: T,
+              prefixCls: w,
+              checked: g ?? f,
+              defaultChecked: p ?? l,
+              disabled: t || r,
+              title: $,
               ...n
             }
           )
@@ -50,6 +55,6 @@ const P = L(
   }
 );
 export {
-  P as default
+  O as default
 };
 //# sourceMappingURL=Toggle.js.map