@economic/taco 2.49.0-server.3 → 2.49.0

package/dist/esm/packages/taco/src/components/Select2/Select2.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { isElementInsideTable3OrReport, getNextFocussableElement } from '../../utils/dom.js';
 import { useLocalization } from '../Provider/Localization.js';
@@ -31,37 +30,31 @@ import { useChildren, isGroup } from './hooks/useChildren.js';
 import { Create } from './components/Create.js';
 import { Collection } from './components/Collection.js';
 
-var _excluded = ["children", "defaultValue", "disabled", "emptyValue", "fontSize", "highlighted", "invalid", "loading", "multiple", "name", "onChange", "onCreate", "onDelete", "onEdit", "placeholder", "readOnly", "tags", "value", "createDialog", "createTriggerText"];
-var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref) {
-  var initChildren = props.children,
-    defaultProp = props.defaultValue,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$emptyValue = props.emptyValue,
-    emptyValue = _props$emptyValue === void 0 ? undefined : _props$emptyValue,
-    fontSize = props.fontSize,
-    _props$highlighted = props.highlighted,
-    highlighted = _props$highlighted === void 0 ? false : _props$highlighted,
-    _props$invalid = props.invalid,
-    invalid = _props$invalid === void 0 ? false : _props$invalid,
-    loading = props.loading,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? false : _props$multiple,
-    name = props.name,
-    onChange = props.onChange,
-    onCreate = props.onCreate,
-    onDelete = props.onDelete,
-    onEdit = props.onEdit,
-    placeholder = props.placeholder,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-    _props$tags = props.tags,
-    tags = _props$tags === void 0 ? false : _props$tags,
-    prop = props.value,
-    createDialog = props.createDialog,
-    createTriggerText = props.createTriggerText,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var emptyOption = React__default.useMemo(function () {
+const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref) {
+  const {
+    children: initChildren,
+    defaultValue: defaultProp,
+    disabled = false,
+    emptyValue = undefined,
+    fontSize,
+    highlighted = false,
+    invalid = false,
+    loading,
+    multiple = false,
+    name,
+    onChange,
+    onCreate,
+    onDelete,
+    onEdit,
+    placeholder,
+    readOnly = false,
+    tags = false,
+    value: prop,
+    createDialog,
+    createTriggerText,
+    ...otherProps
+  } = props;
+  const emptyOption = React__default.useMemo(() => {
     if (emptyValue !== undefined && !multiple) {
       // Empty option has 0px height, because it's empty, so need to apply height manually
       return /*#__PURE__*/React__default.createElement(Option, {
@@ -73,111 +66,95 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
     }
     return;
   }, [emptyValue, multiple]);
-  var initialChildren = React__default.useMemo(function () {
+  const initialChildren = React__default.useMemo(() => {
     if (emptyOption) {
-      return [emptyOption].concat(initChildren);
+      return [emptyOption, ...initChildren];
     }
     return initChildren;
   }, [emptyOption, initChildren]);
   // refs
-  var internalRef = useMergedRef(ref);
-  var listboxRef = React__default.useRef(null);
-  var searchRef = React__default.useRef(null);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
+  const internalRef = useMergedRef(ref);
+  const listboxRef = React__default.useRef(null);
+  const searchRef = React__default.useRef(null);
+  const {
+    texts
+  } = useLocalization();
   // align the listbox min width with the width of the input - it should never be smaller
-  var dimensions = useBoundingClientRectListener(internalRef);
+  const dimensions = useBoundingClientRectListener(internalRef);
   // state
-  var _React$useState = React__default.useState(false),
-    open = _React$useState[0],
-    setOpen = _React$useState[1];
-  var _useControllableState = useControllableState({
-      // uncontrolled
-      defaultProp: defaultProp,
-      // controlled
-      onChange: onChange,
-      prop: prop
-    }),
-    value = _useControllableState[0],
-    _setValue = _useControllableState[1];
-  var setValue = createListboxValueSetter(multiple, _setValue);
-  var _React$useState2 = React__default.useState(),
-    validationError = _React$useState2[0],
-    setValidationError = _React$useState2[1];
-  var _useIsHoverStatePause = useIsHoverStatePaused(),
-    shouldPauseHoverState = _useIsHoverStatePause[0],
-    setShouldPauseHoverState = _useIsHoverStatePause[1];
-  var _useChildren = useChildren({
-      children: initialChildren,
-      emptyValue: emptyValue,
-      multiple: multiple,
-      open: open,
-      setValue: setValue,
-      value: value
-    }),
-    flattenedChildren = _useChildren.flattenedChildren,
-    filteredChildren = _useChildren.filteredChildren,
-    searchQuery = _useChildren.searchQuery,
-    setSearchQuery = _useChildren.setSearchQuery;
+  const [open, setOpen] = React__default.useState(false);
+  const [value, _setValue] = useControllableState({
+    // uncontrolled
+    defaultProp,
+    // controlled
+    onChange,
+    prop
+  });
+  const setValue = createListboxValueSetter(multiple, _setValue);
+  const [validationError, setValidationError] = React__default.useState();
+  const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();
+  const {
+    flattenedChildren,
+    filteredChildren,
+    searchQuery,
+    setSearchQuery
+  } = useChildren({
+    children: initialChildren,
+    emptyValue,
+    multiple,
+    open,
+    setValue,
+    value
+  });
   // context
-  var context = {
-    disabled: disabled,
-    highlighted: highlighted,
-    invalid: invalid,
-    listboxRef: listboxRef,
-    multiple: multiple,
-    onCreate: onCreate,
-    onDelete: onDelete,
-    onEdit: onEdit,
-    open: open,
-    readOnly: readOnly,
+  const context = {
+    disabled,
+    highlighted,
+    invalid,
+    listboxRef,
+    multiple,
+    onCreate,
+    onDelete,
+    onEdit,
+    open,
+    readOnly,
     ref: internalRef,
-    searchQuery: searchQuery,
-    searchRef: searchRef,
-    setOpen: setOpen,
-    setSearchQuery: setSearchQuery,
-    setValidationError: setValidationError,
-    setValue: setValue,
-    shouldPauseHoverState: shouldPauseHoverState,
-    setShouldPauseHoverState: setShouldPauseHoverState,
-    tags: tags,
-    fontSize: fontSize,
-    validationError: validationError,
-    value: value,
-    createDialog: createDialog,
-    createTriggerText: createTriggerText
+    searchQuery,
+    searchRef,
+    setOpen,
+    setSearchQuery,
+    setValidationError,
+    setValue,
+    shouldPauseHoverState,
+    setShouldPauseHoverState,
+    tags,
+    fontSize,
+    validationError,
+    value,
+    createDialog,
+    createTriggerText
   };
-  var hasInlineCreation = onCreate && !createDialog;
-  var hasSearch = flattenedChildren.length > 5 || hasInlineCreation;
-  var visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;
-  var selectOptions = searchQuery === '' ? flattenedChildren.map(function (child) {
-    return child.props.value;
-  }) : filteredChildren.map(function (child) {
-    return isGroup(child) ? Array.isArray(child.props.children) && child.props.children.map(function (subChild) {
-      return subChild.props.value;
-    }) : child.props.value;
-  }).flatMap(function (c) {
-    return c;
-  }) || [];
+  const hasInlineCreation = onCreate && !createDialog;
+  const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;
+  const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;
+  const selectOptions = searchQuery === '' ? flattenedChildren.map(child => child.props.value) : filteredChildren.map(child => isGroup(child) ? Array.isArray(child.props.children) && child.props.children.map(subChild => subChild.props.value) : child.props.value).flatMap(c => c) || [];
   // support typeahead functionality when search isn't available
-  var queryTimeoutRef = React__default.useRef('');
-  var typeahead = debounce(function () {
+  const queryTimeoutRef = React__default.useRef('');
+  const typeahead = debounce(function () {
     if (!queryTimeoutRef.current) {
       return;
     }
-    var matchedValueIndex = visibleChildren.findIndex(function (child) {
-      return filterOption(child, queryTimeoutRef.current);
-    });
+    const matchedValueIndex = visibleChildren.findIndex(child => filterOption(child, queryTimeoutRef.current));
     if (matchedValueIndex > -1) {
       setValue(selectOptions[matchedValueIndex]);
     }
     queryTimeoutRef.current = '';
   }, 200);
-  var setValueIfMatched = function setValueIfMatched(query) {
+  const setValueIfMatched = query => {
     queryTimeoutRef.current = queryTimeoutRef.current + query;
     typeahead();
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     var _listboxRef$current;
     if (open) {
       event.preventDefault();
@@ -192,8 +169,8 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
     // the focus should always remain on the input, so we forward events on to the listbox
     (_listboxRef$current = listboxRef.current) === null || _listboxRef$current === void 0 ? void 0 : _listboxRef$current.dispatchEvent(createCustomKeyboardEvent(event));
   };
-  var shouldFocusNextRef = React__default.useRef(false);
-  var handleListboxKeyDown = function handleListboxKeyDown(event) {
+  const shouldFocusNextRef = React__default.useRef(false);
+  const handleListboxKeyDown = event => {
     if (isAriaDirectionKey(event)) {
       setShouldPauseHoverState(true);
       return;
@@ -210,7 +187,7 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
     }
   };
   // popover closes and unmounts before any event can be used to focus next, so prevent focusing the trigger and focus next
-  var handleCloseAutoFocus = function handleCloseAutoFocus(event) {
+  const handleCloseAutoFocus = event => {
     if (shouldFocusNextRef.current) {
       var _otherProps$onBlur, _getNextFocussableEle;
       event.preventDefault();
@@ -220,10 +197,8 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
       return;
     }
   };
-  var areAllSelected = Array.isArray(value) && selectOptions.every(function (option) {
-    return value.includes(option);
-  });
-  var selectAllText = React__default.useMemo(function () {
+  const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option));
+  const selectAllText = React__default.useMemo(() => {
     if (searchQuery === '') {
       if (areAllSelected) {
         return texts.select2.deselectAll;
@@ -236,28 +211,24 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
       return texts.select2.selectAllResults;
     }
   }, [areAllSelected, searchQuery]);
-  var selectAll = function selectAll() {
+  const selectAll = () => {
     if (!Array.isArray(value) || value.length === 0) {
       setValue(selectOptions);
     } else {
       // array of all available options which are not selected
-      var preselectedValues = selectOptions.filter(function (option) {
-        return !value.includes(option);
-      });
-      setValue([].concat(value, preselectedValues));
+      const preselectedValues = selectOptions.filter(option => !value.includes(option));
+      setValue([...value, ...preselectedValues]);
     }
   };
-  var deselectAll = function deselectAll() {
+  const deselectAll = () => {
     if (searchQuery === '') {
       setValue([]);
     } else {
-      var nextValue = Array.isArray(value) && value.filter(function (subValue) {
-        return !selectOptions.includes(subValue);
-      });
+      const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue));
       setValue(nextValue);
     }
   };
-  var className = cn('border-grey-300 rounded border bg-white py-1.5 shadow-md ', {
+  const className = cn('border-grey-300 rounded border bg-white py-1.5 shadow-md ', {
     'focus-within:yt-focus': !hasSearch,
     'outline-none': hasSearch
   }, createCollectionClassName());
@@ -285,7 +256,7 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
   }, /*#__PURE__*/React__default.createElement("div", {
     className: className,
     style: {
-      minWidth: dimensions !== null && dimensions !== void 0 && dimensions.width ? dimensions.width + "px" : undefined
+      minWidth: dimensions !== null && dimensions !== void 0 && dimensions.width ? `${dimensions.width}px` : undefined
     }
   }, hasSearch ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Search, {
     placeholder: hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search,
@@ -325,9 +296,7 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
     emptyValue: emptyValue,
     multiple: multiple || tags,
     name: name,
-    options: flattenedChildren.map(function (child) {
-      return child.props.value;
-    }),
+    options: flattenedChildren.map(child => child.props.value),
     parentRef: internalRef,
     setValue: setValue,
     value: value
@@ -336,18 +305,18 @@ var Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, ref
 Select2.Option = Option;
 Select2.Group = Group;
 Select2.Title = Title;
-var ControlledHiddenField = function ControlledHiddenField(props) {
-  var emptyValue = props.emptyValue,
-    multiple = props.multiple,
-    name = props.name,
-    options = props.options,
-    parentRef = props.parentRef,
-    value = props.value,
-    setValue = props.setValue;
-  var isFormControl = useIsFormControl(parentRef, function () {
-    return setValue(multiple ? [] : undefined);
-  });
-  var bubbleValue;
+const ControlledHiddenField = props => {
+  const {
+    emptyValue,
+    multiple,
+    name,
+    options,
+    parentRef,
+    value,
+    setValue
+  } = props;
+  const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));
+  let bubbleValue;
   if (isFormControl) {
     if (value !== undefined) {
       if (multiple) {
@@ -365,12 +334,10 @@ var ControlledHiddenField = function ControlledHiddenField(props) {
       value: bubbleValue
     }, emptyValue !== undefined ? /*#__PURE__*/React__default.createElement("option", {
       value: emptyValue
-    }) : null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement("option", {
-        key: String(option),
-        value: String(option)
-      });
-    }));
+    }) : null, options.map(option => (/*#__PURE__*/React__default.createElement("option", {
+      key: String(option),
+      value: String(option)
+    }))));
   }
   return null;
 };

package/dist/esm/packages/taco/src/components/Select2/Select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select2.js","sources":["../../../../../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport {\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { Option, Select2OptionProps } from './components/Option';\nimport { Group, Select2GroupProps } from './components/Group';\nimport { Select2TitleProps, Title } from './components/Title';\nimport { Select2Context } from './components/Context';\nimport { createCollectionClassName, filterOption, getFontSize } from './utilities';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { Trigger } from './components/Trigger';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport { Search } from './components/Search';\nimport { isGroup, useChildren } from './hooks/useChildren';\n\nimport { Create } from './components/Create';\nimport { Collection } from './components/Collection';\nimport { CollectionRef } from '../../primitives/Collection/Collection';\nimport { useLocalization } from '../Provider/Localization';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { FontSize, FontSizes } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Spinner } from '../Spinner/Spinner';\nimport { debounce } from '../../utils/debounce';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: Select2Value;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Select2OptionValue;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: Select2Value) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: Select2Value;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\ntype Select2PropsWithStatics = React.ForwardRefExoticComponent<Select2Props & React.RefAttributes<HTMLButtonElement>> & {\n    Option: React.ForwardRefExoticComponent<Select2OptionProps>;\n    Group: React.ForwardRefExoticComponent<Select2GroupProps>;\n    Title: React.ForwardRefExoticComponent<Select2TitleProps>;\n};\n\nconst Select2 = React.forwardRef<HTMLButtonElement, Select2Props>(function Select2(props, ref) {\n    const {\n        children: initChildren,\n        defaultValue: defaultProp,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        if (emptyOption) {\n            return [emptyOption, ...initChildren] as Select2Children;\n        }\n        return initChildren;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControllableState<Select2Value>({\n        // uncontrolled\n        defaultProp,\n        // controlled\n        onChange,\n        prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(multiple, _setValue);\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren\n                  .map(child =>\n                      isGroup(child)\n                          ? Array.isArray(child.props.children) && child.props.children.map(subChild => subChild.props.value)\n                          : child.props.value\n                  )\n                  .flatMap(c => c) || [];\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        const matchedValueIndex = visibleChildren.findIndex(child =>\n            filterOption(child as React.ReactElement<Select2OptionProps>, queryTimeoutRef.current)\n        );\n\n        if (matchedValueIndex > -1) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n    };\n\n    const shouldFocusNextRef = React.useRef<boolean>(false);\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = true;\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    // popover closes and unmounts before any event can be used to focus next, so prevent focusing the trigger and focus next\n    const handleCloseAutoFocus = event => {\n        if (shouldFocusNextRef.current) {\n            event.preventDefault();\n            shouldFocusNextRef.current = false;\n            otherProps.onBlur?.(event as any);\n            getNextFocussableElement(internalRef.current)?.focus();\n            return;\n        }\n    };\n\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option as string));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            } else {\n                return texts.select2.selectAll;\n            }\n        } else if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        } else {\n            return texts.select2.selectAllResults;\n        }\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue as string));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'border-grey-300 rounded border bg-white py-1.5 shadow-md ',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n                <PopoverPrimitive.Trigger asChild data-taco=\"Select2\">\n                    <Trigger\n                        {...otherProps}\n                        aria-haspopup=\"listbox\"\n                        emptyValue={emptyValue}\n                        onKeyDown={handleKeyDown}\n                        placeholder={placeholder}\n                        ref={internalRef}>\n                        {flattenedChildren}\n                    </Trigger>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Content\n                        asChild\n                        align=\"start\"\n                        onCloseAutoFocus={handleCloseAutoFocus}\n                        onPointerDownOutside={otherProps.onBlur as any}\n                        sideOffset={4}\n                        tabIndex={-1}>\n                        <div className={className} style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <Button\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </Button>\n                                            <div className=\"border-grey-300 mx-3 rounded border-t\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span className={cn('text-grey-700 flex items-center italic', fontSize && getFontSize(fontSize))}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 ? (\n                                <div className=\"text-grey-700 -mt-0.5 flex h-8 items-center px-2\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </div>\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}) as Select2PropsWithStatics;\nSelect2.Option = Option;\nSelect2.Group = Group;\nSelect2.Title = Title;\n\nconst ControlledHiddenField = props => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue !== undefined ? <option value={emptyValue} /> : null}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\nSelect2.displayName = 'Select2';\n\nexport { Select2 };\n\nexport type {\n    Select2Texts,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n};\n"],"names":["Select2","React","forwardRef","props","ref","initChildren","children","defaultProp","defaultValue","_props$disabled","disabled","_props$emptyValue","emptyValue","undefined","fontSize","_props$highlighted","highlighted","_props$invalid","invalid","loading","_props$multiple","multiple","name","onChange","onCreate","onDelete","onEdit","placeholder","_props$readOnly","readOnly","_props$tags","tags","prop","value","createDialog","createTriggerText","otherProps","_objectWithoutPropertiesLoose","_excluded","emptyOption","useMemo","Option","key","className","initialChildren","concat","internalRef","useMergedRef","listboxRef","useRef","searchRef","_useLocalization","useLocalization","texts","dimensions","useBoundingClientRectListener","_React$useState","useState","open","setOpen","_useControllableState","useControllableState","_setValue","setValue","ListboxPrimitive","_React$useState2","validationError","setValidationError","_useIsHoverStatePause","useIsHoverStatePaused","shouldPauseHoverState","setShouldPauseHoverState","_useChildren","useChildren","flattenedChildren","filteredChildren","searchQuery","setSearchQuery","context","hasInlineCreation","hasSearch","length","visibleChildren","selectOptions","map","child","isGroup","Array","isArray","subChild","flatMap","c","queryTimeoutRef","typeahead","debounce","current","matchedValueIndex","findIndex","filterOption","setValueIfMatched","query","handleKeyDown","event","preventDefault","isElementInsideTable3OrReport","currentTarget","isAriaDirectionKey","ctrlKey","metaKey","test","_listboxRef$current","dispatchEvent","createCustomKeyboardEvent","shouldFocusNextRef","handleListboxKeyDown","handleCloseAutoFocus","_otherProps$onBlur","_getNextFocussableEle","onBlur","call","getNextFocussableElement","focus","areAllSelected","every","option","includes","selectAllText","select2","deselectAll","selectAll","deselectAllResults","selectAllResults","preselectedValues","filter","nextValue","subValue","cn","createCollectionClassName","Select2Context","Provider","PopoverPrimitive","onOpenChange","asChild","Trigger","onKeyDown","align","onCloseAutoFocus","onPointerDownOutside","sideOffset","tabIndex","style","minWidth","width","Search","searchOrCreate","search","Button","appearance","onClick","getFontSize","Spinner","delay","FontSizes","small","medium","large","listbox","role","empty","customSelector","Collection","Create","options","ControlledHiddenField","parentRef","Group","Title","isFormControl","useIsFormControl","bubbleValue","String","BubbleSelect","displayName"],"mappings":"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"}
+{"version":3,"file":"Select2.js","sources":["../../../../../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport {\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { Option, Select2OptionProps } from './components/Option';\nimport { Group, Select2GroupProps } from './components/Group';\nimport { Select2TitleProps, Title } from './components/Title';\nimport { Select2Context } from './components/Context';\nimport { createCollectionClassName, filterOption, getFontSize } from './utilities';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { Trigger } from './components/Trigger';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport { Search } from './components/Search';\nimport { isGroup, useChildren } from './hooks/useChildren';\n\nimport { Create } from './components/Create';\nimport { Collection } from './components/Collection';\nimport { CollectionRef } from '../../primitives/Collection/Collection';\nimport { useLocalization } from '../Provider/Localization';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { FontSize, FontSizes } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Spinner } from '../Spinner/Spinner';\nimport { debounce } from '../../utils/debounce';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: Select2Value;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Select2OptionValue;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: Select2Value) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: Select2Value;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\ntype Select2PropsWithStatics = React.ForwardRefExoticComponent<Select2Props & React.RefAttributes<HTMLButtonElement>> & {\n    Option: React.ForwardRefExoticComponent<Select2OptionProps>;\n    Group: React.ForwardRefExoticComponent<Select2GroupProps>;\n    Title: React.ForwardRefExoticComponent<Select2TitleProps>;\n};\n\nconst Select2 = React.forwardRef<HTMLButtonElement, Select2Props>(function Select2(props, ref) {\n    const {\n        children: initChildren,\n        defaultValue: defaultProp,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        if (emptyOption) {\n            return [emptyOption, ...initChildren] as Select2Children;\n        }\n        return initChildren;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControllableState<Select2Value>({\n        // uncontrolled\n        defaultProp,\n        // controlled\n        onChange,\n        prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(multiple, _setValue);\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren\n                  .map(child =>\n                      isGroup(child)\n                          ? Array.isArray(child.props.children) && child.props.children.map(subChild => subChild.props.value)\n                          : child.props.value\n                  )\n                  .flatMap(c => c) || [];\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        const matchedValueIndex = visibleChildren.findIndex(child =>\n            filterOption(child as React.ReactElement<Select2OptionProps>, queryTimeoutRef.current)\n        );\n\n        if (matchedValueIndex > -1) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n    };\n\n    const shouldFocusNextRef = React.useRef<boolean>(false);\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = true;\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    // popover closes and unmounts before any event can be used to focus next, so prevent focusing the trigger and focus next\n    const handleCloseAutoFocus = event => {\n        if (shouldFocusNextRef.current) {\n            event.preventDefault();\n            shouldFocusNextRef.current = false;\n            otherProps.onBlur?.(event as any);\n            getNextFocussableElement(internalRef.current)?.focus();\n            return;\n        }\n    };\n\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option as string));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            } else {\n                return texts.select2.selectAll;\n            }\n        } else if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        } else {\n            return texts.select2.selectAllResults;\n        }\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue as string));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'border-grey-300 rounded border bg-white py-1.5 shadow-md ',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n                <PopoverPrimitive.Trigger asChild data-taco=\"Select2\">\n                    <Trigger\n                        {...otherProps}\n                        aria-haspopup=\"listbox\"\n                        emptyValue={emptyValue}\n                        onKeyDown={handleKeyDown}\n                        placeholder={placeholder}\n                        ref={internalRef}>\n                        {flattenedChildren}\n                    </Trigger>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Content\n                        asChild\n                        align=\"start\"\n                        onCloseAutoFocus={handleCloseAutoFocus}\n                        onPointerDownOutside={otherProps.onBlur as any}\n                        sideOffset={4}\n                        tabIndex={-1}>\n                        <div className={className} style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <Button\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </Button>\n                                            <div className=\"border-grey-300 mx-3 rounded border-t\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span className={cn('text-grey-700 flex items-center italic', fontSize && getFontSize(fontSize))}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 ? (\n                                <div className=\"text-grey-700 -mt-0.5 flex h-8 items-center px-2\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </div>\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}) as Select2PropsWithStatics;\nSelect2.Option = Option;\nSelect2.Group = Group;\nSelect2.Title = Title;\n\nconst ControlledHiddenField = props => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue !== undefined ? <option value={emptyValue} /> : null}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\nSelect2.displayName = 'Select2';\n\nexport { Select2 };\n\nexport type {\n    Select2Texts,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n};\n"],"names":["Select2","React","forwardRef","props","ref","children","initChildren","defaultValue","defaultProp","disabled","emptyValue","undefined","fontSize","highlighted","invalid","loading","multiple","name","onChange","onCreate","onDelete","onEdit","placeholder","readOnly","tags","value","prop","createDialog","createTriggerText","otherProps","emptyOption","useMemo","Option","key","className","initialChildren","internalRef","useMergedRef","listboxRef","useRef","searchRef","texts","useLocalization","dimensions","useBoundingClientRectListener","open","setOpen","useState","_setValue","useControllableState","setValue","ListboxPrimitive","validationError","setValidationError","shouldPauseHoverState","setShouldPauseHoverState","useIsHoverStatePaused","flattenedChildren","filteredChildren","searchQuery","setSearchQuery","useChildren","context","hasInlineCreation","hasSearch","length","visibleChildren","selectOptions","map","child","isGroup","Array","isArray","subChild","flatMap","c","queryTimeoutRef","typeahead","debounce","current","matchedValueIndex","findIndex","filterOption","setValueIfMatched","query","handleKeyDown","event","preventDefault","isElementInsideTable3OrReport","currentTarget","isAriaDirectionKey","ctrlKey","metaKey","test","_listboxRef$current","dispatchEvent","createCustomKeyboardEvent","shouldFocusNextRef","handleListboxKeyDown","handleCloseAutoFocus","_otherProps$onBlur","_getNextFocussableEle","onBlur","call","getNextFocussableElement","focus","areAllSelected","every","option","includes","selectAllText","select2","deselectAll","selectAll","deselectAllResults","selectAllResults","preselectedValues","filter","nextValue","subValue","cn","createCollectionClassName","Select2Context","Provider","PopoverPrimitive","onOpenChange","asChild","Trigger","onKeyDown","align","onCloseAutoFocus","onPointerDownOutside","sideOffset","tabIndex","style","minWidth","width","Search","searchOrCreate","search","Button","appearance","onClick","getFontSize","Spinner","delay","FontSizes","small","medium","large","listbox","role","empty","customSelector","Collection","Create","options","ControlledHiddenField","parentRef","Group","Title","isFormControl","useIsFormControl","bubbleValue","String","BubbleSelect","displayName"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/components/Collection.js

@@ -1,8 +1,10 @@
 import React__default from 'react';
 import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
 
-var Collection = function Collection(props) {
-  var children = props.children;
+const Collection = props => {
+  const {
+    children
+  } = props;
   // max-h-[11.5rem] = is 5.5 options + spacing between them. Option height is 2rem, spacing 0.125. In total it's 11.5.
   return /*#__PURE__*/React__default.createElement(ScrollArea, {
     className: "flex max-h-[11.5rem] w-full flex-col gap-y-0.5 px-1.5"

package/dist/esm/packages/taco/src/components/Select2/components/Collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collection.js","sources":["../../../../../../../../src/components/Select2/components/Collection.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { Select2GroupProps } from './Group';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2CollectionProps = {\n    children: Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>>;\n};\n\nexport const Collection = (props: Select2CollectionProps) => {\n    const { children } = props;\n\n    // max-h-[11.5rem] = is 5.5 options + spacing between them. Option height is 2rem, spacing 0.125. In total it's 11.5.\n    return <ScrollArea className=\"flex max-h-[11.5rem] w-full flex-col gap-y-0.5 px-1.5\">{children}</ScrollArea>;\n};\n"],"names":["Collection","props","children","React","ScrollArea","className"],"mappings":";;;IASaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAA6B;EACpD,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;;EAGhB,oBAAOC,6BAACC,UAAU;IAACC,SAAS,EAAC;KAAyDH,QAAQ,CAAc;AAChH;;;;"}
+{"version":3,"file":"Collection.js","sources":["../../../../../../../../src/components/Select2/components/Collection.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { Select2GroupProps } from './Group';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2CollectionProps = {\n    children: Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>>;\n};\n\nexport const Collection = (props: Select2CollectionProps) => {\n    const { children } = props;\n\n    // max-h-[11.5rem] = is 5.5 options + spacing between them. Option height is 2rem, spacing 0.125. In total it's 11.5.\n    return <ScrollArea className=\"flex max-h-[11.5rem] w-full flex-col gap-y-0.5 px-1.5\">{children}</ScrollArea>;\n};\n"],"names":["Collection","props","children","React","ScrollArea","className"],"mappings":";;;MASaA,UAAU,GAAIC,KAA6B;EACpD,MAAM;IAAEC;GAAU,GAAGD,KAAK;;EAG1B,oBAAOE,6BAACC,UAAU;IAACC,SAAS,EAAC;KAAyDH,QAAQ,CAAc;AAChH;;;;"}

package/dist/esm/packages/taco/src/components/Select2/components/Context.js

@@ -1,9 +1,7 @@
 import React__default from 'react';
 
-var Select2Context = /*#__PURE__*/React__default.createContext({});
-var useSelect2Context = function useSelect2Context() {
-  return React__default.useContext(Select2Context);
-};
+const Select2Context = /*#__PURE__*/React__default.createContext({});
+const useSelect2Context = () => React__default.useContext(Select2Context);
 
 export { Select2Context, useSelect2Context };
 //# sourceMappingURL=Context.js.map

package/dist/esm/packages/taco/src/components/Select2/components/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionRef } from '../../../primitives/Collection/Collection';\nimport {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":["Select2Context","React","createContext","useSelect2Context","useContext"],"mappings":";;IAwCaA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAC,EAAyB;IAC9DC,iBAAiB,GAAG,SAApBA,iBAAiBA;EAAA,OAASF,cAAK,CAACG,UAAU,CAACJ,cAAc,CAAC;AAAA;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionRef } from '../../../primitives/Collection/Collection';\nimport {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":["Select2Context","React","createContext","useSelect2Context","useContext"],"mappings":";;MAwCaA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAC,EAAyB;MAC9DC,iBAAiB,GAAGA,MAAMF,cAAK,CAACG,UAAU,CAACJ,cAAc;;;;"}