@economic/taco 2.47.0-server.3 → 2.47.0-server.5

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

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { Badge } from '../../Badge/Badge.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
@@ -11,11 +12,14 @@ import { Tag } from '../../Tag/Tag.js';
 import { getFontSize } from '../utilities.js';
 import { useSelect2Context } from './Context.js';
 
-const Placeholder = ({
-  disabled,
-  readOnly,
-  ...props
-}) => {
+var _excluded = ["disabled", "readOnly"],
+  _excluded2 = ["children", "onBlur", "onClick", "onFocus", "tabIndex"],
+  _excluded3 = ["children", "emptyValue", "value", "placeholder"],
+  _excluded4 = ["children", "emptyValue", "values", "placeholder"];
+var Placeholder = function Placeholder(_ref) {
+  var disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (readOnly) {
     return null;
   }
@@ -26,13 +30,12 @@ const Placeholder = ({
     })
   }));
 };
-const Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
-  const {
-    multiple,
-    value
-  } = useSelect2Context();
+var Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
+  var _useSelect2Context = useSelect2Context(),
+    multiple = _useSelect2Context.multiple,
+    value = _useSelect2Context.value;
   if (Array.isArray(value) || multiple) {
-    const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;
+    var values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;
     return /*#__PURE__*/React__default.createElement(Multiple, Object.assign({}, props, {
       ref: ref,
       values: values
@@ -43,35 +46,32 @@ const Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(p
     value: value
   }));
 });
-const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButton(props, ref) {
+var Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButton(props, ref) {
   var _props$className;
-  const {
-    children,
-    onBlur,
-    onClick,
-    onFocus,
-    tabIndex = 0,
-    ...otherProps
-  } = props;
-  const {
-    disabled,
-    fontSize,
-    highlighted,
-    invalid,
-    open,
-    readOnly
-  } = useSelect2Context();
-  const className = cn('px-1.5 h-fit', getInputClasses({
-    ...props,
-    disabled,
-    highlighted,
-    invalid,
-    readOnly
-  }).replace('w-full', '').replace('px-2', ''), getFontSize(fontSize), {
+  var children = props.children,
+    onBlur = props.onBlur,
+    onClick = props.onClick,
+    onFocus = props.onFocus,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var _useSelect2Context2 = useSelect2Context(),
+    disabled = _useSelect2Context2.disabled,
+    fontSize = _useSelect2Context2.fontSize,
+    highlighted = _useSelect2Context2.highlighted,
+    invalid = _useSelect2Context2.invalid,
+    open = _useSelect2Context2.open,
+    readOnly = _useSelect2Context2.readOnly;
+  var className = cn('px-1.5 h-fit', getInputClasses(_extends({}, props, {
+    disabled: disabled,
+    highlighted: highlighted,
+    invalid: invalid,
+    readOnly: readOnly
+  })).replace('w-full', '').replace('px-2', ''), getFontSize(fontSize), {
     'select-text': readOnly,
     'w-full': !((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('w-'))
   }, props.className);
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     if (disabled || readOnly) {
       event.preventDefault();
       return;
@@ -80,12 +80,12 @@ const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerBut
       onClick(event);
     }
   };
-  let handleBlur;
+  var handleBlur;
   if (typeof onBlur === 'function') {
     // we might be focusing on an input or something inside the dropdown that was triggered by the select
     // so see if the element gaining focus is inside a portal and look up its controller
     // if we don't do this, things like validate on blur occur while simply opening the select
-    handleBlur = event => {
+    handleBlur = function handleBlur(event) {
       if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {
         return;
       }
@@ -93,9 +93,9 @@ const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerBut
     };
   }
   // select the value text if the select is readonly
-  const handleFocus = event => {
+  var handleFocus = function handleFocus(event) {
     if (readOnly) {
-      const value = event.currentTarget.querySelector(':first-child');
+      var value = event.currentTarget.querySelector(':first-child');
       if (value) {
         var _window$getSelection, _window$getSelection$;
         (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : (_window$getSelection$ = _window$getSelection.selectAllChildren) === null || _window$getSelection$ === void 0 ? void 0 : _window$getSelection$.call(_window$getSelection, value);
@@ -122,22 +122,19 @@ const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerBut
     className: "pointer-events-none -mr-1 ml-auto"
   }));
 });
-const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSingle(props, ref) {
-  const {
-    children,
-    emptyValue,
-    value,
-    placeholder,
-    ...buttonProps
-  } = props;
-  const {
-    disabled,
-    readOnly,
-    tags
-  } = useSelect2Context();
-  const contentClassName = cn('truncate items-center gap-1');
-  const currentValue = children.find(matchesValue(value));
-  let output;
+var Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSingle(props, ref) {
+  var children = props.children,
+    emptyValue = props.emptyValue,
+    value = props.value,
+    placeholder = props.placeholder,
+    buttonProps = _objectWithoutPropertiesLoose(props, _excluded3);
+  var _useSelect2Context3 = useSelect2Context(),
+    disabled = _useSelect2Context3.disabled,
+    readOnly = _useSelect2Context3.readOnly,
+    tags = _useSelect2Context3.tags;
+  var contentClassName = cn('truncate flex items-center gap-1');
+  var currentValue = children.find(matchesValue(value));
+  var output;
   if (placeholder && currentValue === undefined) {
     output = /*#__PURE__*/React__default.createElement(Placeholder, {
       disabled: disabled,
@@ -145,13 +142,13 @@ const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSin
     }, placeholder);
   } else if (currentValue) {
     if (tags && emptyValue !== value) {
-      output = /*#__PURE__*/React__default.createElement(Tag, {
+      if (typeof currentValue.props.children === 'string') output = /*#__PURE__*/React__default.createElement(Tag, {
         className: "truncate",
         color: currentValue.props.color,
         disabled: disabled,
         icon: currentValue.props.prefix,
         readOnly: readOnly
-      }, currentValue.props.children);
+      }, currentValue.props.children);else output = currentValue.props.children;
     } else {
       output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, currentValue.props.prefix ? typeof currentValue.props.prefix === 'string' ? (/*#__PURE__*/React__default.createElement(Icon, {
         name: currentValue.props.prefix,
@@ -165,33 +162,34 @@ const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSin
     className: contentClassName
   }, output));
 });
-const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
+var Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
   var _buttonRef$current2;
-  const {
-    children,
-    emptyValue: _,
-    values = [],
-    placeholder,
-    ...buttonProps
-  } = props;
-  const {
-    disabled,
-    open,
-    readOnly,
-    setValue,
-    tags
-  } = useSelect2Context();
-  const buttonRef = useMergedRef(ref);
-  const valuesAsChildren = values.map(value => children.find(c => c.props.value === value)).filter(c => !!c);
-  const forwardClick = event => {
+  var children = props.children,
+    _props$values = props.values,
+    values = _props$values === void 0 ? [] : _props$values,
+    placeholder = props.placeholder,
+    buttonProps = _objectWithoutPropertiesLoose(props, _excluded4);
+  var _useSelect2Context4 = useSelect2Context(),
+    disabled = _useSelect2Context4.disabled,
+    open = _useSelect2Context4.open,
+    readOnly = _useSelect2Context4.readOnly,
+    setValue = _useSelect2Context4.setValue,
+    tags = _useSelect2Context4.tags;
+  var buttonRef = useMergedRef(ref);
+  var valuesAsChildren = values.map(function (value) {
+    return children.find(function (c) {
+      return c.props.value === value;
+    });
+  }).filter(function (c) {
+    return !!c;
+  });
+  var forwardClick = function forwardClick(event) {
     var _buttonRef$current;
     event.preventDefault();
     (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.click();
   };
-  let content;
-  let {
-    className
-  } = buttonProps;
+  var content;
+  var className = buttonProps.className;
   if (open) {
     className = cn('!absolute z-20 !h-fit', buttonProps.className);
     content = /*#__PURE__*/React__default.createElement(ScrollArea, {
@@ -202,21 +200,39 @@ const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerM
     }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
       disabled: disabled,
       readOnly: readOnly
-    }, placeholder)) : valuesAsChildren.map(child => (/*#__PURE__*/React__default.createElement(Tag, {
-      key: String(child.props.value),
-      className: "truncate",
-      color: tags ? child.props.color : undefined,
-      disabled: disabled,
-      icon: child.props.prefix,
-      onDelete: event => {
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        if (!disabled && !readOnly) {
-          setValue(child.props.value);
-        }
-      },
-      readOnly: readOnly
-    }, child.props.children)))));
+    }, placeholder)) : valuesAsChildren.map(function (child) {
+      return typeof child.props.children === 'string' ? (/*#__PURE__*/React__default.createElement(Tag, {
+        key: String(child.props.value),
+        className: "truncate",
+        color: tags ? child.props.color : undefined,
+        disabled: disabled,
+        icon: child.props.prefix,
+        onDelete: function onDelete(event) {
+          event === null || event === void 0 ? void 0 : event.stopPropagation();
+          event === null || event === void 0 ? void 0 : event.preventDefault();
+          if (!disabled && !readOnly) {
+            setValue(child.props.value);
+          }
+        },
+        readOnly: readOnly
+      }, child.props.children)) : (/*#__PURE__*/React__default.cloneElement(child.props.children, {
+        key: String(child.props.value),
+        className: '!pr-0 !pl-1.5',
+        children: (/*#__PURE__*/React__default.createElement("span", {
+          className: "flex items-center"
+        }, child.props.children.props.children, /*#__PURE__*/React__default.createElement(Icon, {
+          name: "close",
+          onClick: function onClick(event) {
+            event === null || event === void 0 ? void 0 : event.stopPropagation();
+            event === null || event === void 0 ? void 0 : event.preventDefault();
+            if (!disabled && !readOnly) {
+              setValue(child.props.value);
+            }
+          },
+          className: "ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5"
+        })))
+      }));
+    })));
   } else {
     content = /*#__PURE__*/React__default.createElement(MultipleValue, {
       onClick: forwardClick,
@@ -235,57 +251,86 @@ const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerM
     ref: buttonRef
   }), content));
 });
-const MultipleValue = ({
-  onClick,
-  valuesAsChildren,
-  placeholder
-}) => {
-  const {
-    disabled,
-    readOnly,
-    tags
-  } = useSelect2Context();
-  const [contentRef, setContentRef] = React__default.useState(null);
-  const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;
+var MultipleValue = function MultipleValue(_ref2) {
+  var onClick = _ref2.onClick,
+    valuesAsChildren = _ref2.valuesAsChildren,
+    placeholder = _ref2.placeholder;
+  var _useSelect2Context5 = useSelect2Context(),
+    disabled = _useSelect2Context5.disabled,
+    readOnly = _useSelect2Context5.readOnly,
+    tags = _useSelect2Context5.tags;
+  var _React$useState = React__default.useState(null),
+    contentRef = _React$useState[0],
+    setContentRef = _React$useState[1];
+  var boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;
+  // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text
+  var getTooltipTitle = function getTooltipTitle(child) {
+    var children = child.props.children;
+    if (typeof children === 'string') return children;
+    if (typeof children.props.children === 'string') {
+      return children.props.children;
+    }
+    if (Array.isArray(children.props.children)) {
+      return children.props.children.filter(function (item) {
+        return typeof item === 'string';
+      });
+    }
+    return '';
+  };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "relative flex w-full items-center gap-1 overflow-hidden",
     onClick: onClick
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-1 gap-1 truncate",
-    ref: ref => setContentRef(ref)
+    ref: function ref(_ref3) {
+      return setContentRef(_ref3);
+    }
   }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
     disabled: disabled,
     readOnly: readOnly
-  }, placeholder)) : valuesAsChildren.map((child, index) => {
-    const tag = /*#__PURE__*/React__default.createElement(Tag, {
-      key: String(child.props.value),
+  }, placeholder)) : valuesAsChildren.map(function (child, index) {
+    var classNames = {
+      truncate: index === boundaryIndex,
+      hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false
+    };
+    var output;
+    if (typeof child.props.children === 'string') {
+      output = /*#__PURE__*/React__default.createElement(Tag, {
+        key: String(child.props.value),
+        className: cn('cursor-pointer', classNames),
+        color: tags ? child.props.color : undefined,
+        disabled: disabled,
+        icon: child.props.prefix,
+        readOnly: readOnly
+      }, child.props.children);
+    } else output = /*#__PURE__*/React__default.cloneElement(child.props.children, {
       className: cn('cursor-pointer', {
-        truncate: index === boundaryIndex,
-        hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false
-      }),
-      color: tags ? child.props.color : undefined,
-      disabled: disabled,
-      icon: child.props.prefix,
-      readOnly: readOnly
-    }, child.props.children);
+        'shrink-0': index !== boundaryIndex
+      }, classNames),
+      key: String(child.props.value)
+    });
     if (index === boundaryIndex) {
       return /*#__PURE__*/React__default.createElement(Tooltip, {
         key: String(child.props.value),
-        title: String(child.props.children)
-      }, tag);
+        title: String(getTooltipTitle(child))
+      }, output);
     }
-    return tag;
+    return output;
   })), boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (/*#__PURE__*/React__default.createElement(Tooltip, {
-    title: valuesAsChildren.slice(boundaryIndex + 1).map(child => child ? String(child.props.children) : '').join(', ')
+    title: valuesAsChildren.slice(boundaryIndex + 1).map(function (child) {
+      return child ? String(getTooltipTitle(child)) : '';
+    }).join(', ')
   }, /*#__PURE__*/React__default.createElement(Badge, {
     className: "flex-shrink-0"
   }, "+", valuesAsChildren.length - (boundaryIndex + 1)))) : null);
 };
-const matchesValue = value => child => {
-  if (Array.isArray(value)) {
-    return value.includes(child.props.value);
-  }
-  return child.props.value === value;
+var matchesValue = function matchesValue(value) {
+  return function (child) {
+    if (Array.isArray(value)) {
+      return value.includes(child.props.value);
+    }
+    return child.props.value === value;
+  };
 };
 
 export { Trigger };

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\nconst Placeholder = ({ disabled, readOnly, ...props }) => {\n    if (readOnly) {\n        return null;\n    }\n    return <div {...props} className={cn({ 'text-grey-700': disabled, 'text-grey-500': !disabled })} />;\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'px-1.5 h-fit',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        getFontSize(fontSize),\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('truncate items-center gap-1');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            output = (\n                <Tag\n                    className=\"truncate\"\n                    color={currentValue.props.color}\n                    disabled={disabled}\n                    icon={currentValue.props.prefix}\n                    readOnly={readOnly}>\n                    {currentValue.props.children}\n                </Tag>\n            );\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName}>{output}</div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = event => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\">\n                    {valuesAsChildren.length === 0 ? (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    ) : (\n                        valuesAsChildren.map(child => (\n                            <Tag\n                                key={String(child.props.value)}\n                                className=\"truncate\"\n                                color={tags ? child.props.color : undefined}\n                                disabled={disabled}\n                                icon={child.props.prefix}\n                                onDelete={event => {\n                                    event?.stopPropagation();\n                                    event?.preventDefault();\n\n                                    if (!disabled && !readOnly) {\n                                        setValue(child.props.value);\n                                    }\n                                }}\n                                readOnly={readOnly}>\n                                {child.props.children}\n                            </Tag>\n                        ))\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: any) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)}>\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const tag = (\n                            <Tag\n                                key={String(child.props.value)}\n                                className={cn('cursor-pointer', {\n                                    truncate: index === boundaryIndex,\n                                    hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                                })}\n                                color={tags ? child.props.color : undefined}\n                                disabled={disabled}\n                                icon={child.props.prefix}\n                                readOnly={readOnly}>\n                                {child.props.children}\n                            </Tag>\n                        );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(child.props.children)}>\n                                    {tag}\n                                </Tooltip>\n                            );\n                        }\n\n                        return tag;\n                    })\n                )}\n            </div>\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(child.props.children) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["Placeholder","disabled","readOnly","props","React","className","cn","Trigger","forwardRef","Select2Trigger","ref","multiple","value","useSelect2Context","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onBlur","onClick","onFocus","tabIndex","otherProps","fontSize","highlighted","invalid","open","getInputClasses","replace","getFontSize","_props$className","includes","handleClick","event","preventDefault","handleBlur","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","handleFocus","querySelector","_window$getSelection","_window$getSelection$","window","getSelection","selectAllChildren","call","role","type","Icon","name","Select2TriggerSingle","emptyValue","placeholder","buttonProps","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","prefix","Select2TriggerMultiple","_","setValue","buttonRef","useMergedRef","valuesAsChildren","map","c","filter","forwardClick","_buttonRef$current","current","click","content","ScrollArea","length","child","key","String","onDelete","stopPropagation","MultipleValue","style","width","_buttonRef$current2","offsetWidth","contentRef","setContentRef","useState","boundaryIndex","getIndexOfFirstChildOverflowingParent","index","tag","truncate","hidden","Tooltip","title","slice","join","Badge"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;CAAO;EACjD,IAAID,QAAQ,EAAE;IACV,OAAO,IAAI;;EAEf,oBAAOE,sDAASD,KAAK;IAAEE,SAAS,EAAEC,EAAE,CAAC;MAAE,eAAe,EAAEL,QAAQ;MAAE,eAAe,EAAE,CAACA;KAAU;KAAK;AACvG,CAAC;MAEYM,OAAO,gBAAGH,cAAK,CAACI,UAAU,CAAyC,SAASC,cAAcA,CAACN,KAAK,EAAEO,GAAG;EAC9G,MAAM;IAAEC,QAAQ;IAAEC;GAAO,GAAGC,iBAAiB,EAAE;EAE/C,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,IAAID,QAAQ,EAAE;IAClC,MAAMK,MAAM,GAAGF,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,GAAGA,KAAK,KAAKK,SAAS,GAAG,CAACL,KAAK,CAAC,GAAGK,SAAS;IACvF,oBAAOb,6BAACc,QAAQ,oBAAKf,KAAK;MAAEO,GAAG,EAAEA,GAAG;MAAEM,MAAM,EAAEA;OAAU;;EAG5D,oBAAOZ,6BAACe,MAAM,oBAAKhB,KAAK;IAAEO,GAAG,EAAEA,GAAG;IAAEE,KAAK,EAAEA;KAAS;AACxD,CAAC;AAKD,MAAMQ,MAAM,gBAAGhB,cAAK,CAACI,UAAU,CAAiC,SAASa,oBAAoBA,CAAClB,KAAK,EAAEO,GAAG;;EACpG,MAAM;IAAEY,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,QAAQ,GAAG,CAAC;IAAE,GAAGC;GAAY,GAAGxB,KAAK;EACjF,MAAM;IAAEF,QAAQ;IAAE2B,QAAQ;IAAEC,WAAW;IAAEC,OAAO;IAAEC,IAAI;IAAE7B;GAAU,GAAGW,iBAAiB,EAAE;EAExF,MAAMR,SAAS,GAAGC,EAAE,CAChB,cAAc,EACd0B,eAAe,CAAC;IAAE,GAAG7B,KAAK;IAAEF,QAAQ;IAAE4B,WAAW;IAAEC,OAAO;IAAE5B;GAAU,CAAC,CAClE+B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CACrBA,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACxBC,WAAW,CAACN,QAAQ,CAAC,EACrB;IACI,aAAa,EAAE1B,QAAQ;IACvB,QAAQ,EAAE,GAAAiC,gBAAA,GAAChC,KAAK,CAACE,SAAS,cAAA8B,gBAAA,eAAfA,gBAAA,CAAiBC,QAAQ,CAAC,IAAI,CAAC;GAC7C,EACDjC,KAAK,CAACE,SAAS,CAClB;EAED,MAAMgC,WAAW,GAAIC,KAA0C;IAC3D,IAAIrC,QAAQ,IAAIC,QAAQ,EAAE;MACtBoC,KAAK,CAACC,cAAc,EAAE;MACtB;;IAGJ,IAAI,OAAOf,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACc,KAAK,CAAC;;GAErB;EAED,IAAIE,UAAU;EAEd,IAAI,OAAOjB,MAAM,KAAK,UAAU,EAAE;;;;IAI9BiB,UAAU,GAAIF,KAA0C;MACpD,IAAIG,uCAAuC,CAACH,KAAK,CAACI,aAAa,EAAEJ,KAAK,CAACK,aAAa,CAAC,EAAE;QACnF;;MAGJpB,MAAM,CAACe,KAAK,CAAC;KAChB;;;EAIL,MAAMM,WAAW,GAAIN,KAA0C;IAC3D,IAAIpC,QAAQ,EAAE;MACV,MAAMU,KAAK,GAAG0B,KAAK,CAACK,aAAa,CAACE,aAAa,CAAC,cAAc,CAAC;MAE/D,IAAIjC,KAAK,EAAE;QAAA,IAAAkC,oBAAA,EAAAC,qBAAA;QACP,CAAAD,oBAAA,GAAAE,MAAM,CAACC,YAAY,EAAE,cAAAH,oBAAA,wBAAAC,qBAAA,GAArBD,oBAAA,CAAuBI,iBAAiB,cAAAH,qBAAA,uBAAxCA,qBAAA,CAAAI,IAAA,CAAAL,oBAAA,EAA2ClC,KAAK,CAAC;;;IAIzD,IAAI,OAAOa,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACa,KAAK,CAAC;;GAErB;EAED,oBACIlC,yDACQuB,UAAU;oBACAG,OAAO,GAAG,IAAI,GAAGb,SAAS;qBACzBf,QAAQ,GAAG,IAAI,GAAGe,SAAS;IAC1CZ,SAAS,EAAEA,SAAS;IACpBJ,QAAQ,EAAEA,QAAQ;IAClBuB,OAAO,EAAEa,WAAW;IACpBd,MAAM,EAAEiB,UAAU;IAClBf,OAAO,EAAEmB,WAAW;IACpBlC,GAAG,EAAEA,GAAG;IACR0C,IAAI,EAAC,UAAU;IACf1B,QAAQ,EAAEzB,QAAQ,GAAG,CAAC,CAAC,GAAGyB,QAAQ;IAClC2B,IAAI,EAAC;MACJ/B,QAAQ,EACRpB,QAAQ,GAAG,IAAI,gBAAGE,6BAACkD,IAAI;IAACC,IAAI,EAAExB,IAAI,GAAG,YAAY,GAAG,cAAc;IAAE1B,SAAS,EAAC;IAAsC,CAChH;AAEjB,CAAC,CAAC;AAIF,MAAMc,MAAM,gBAAGf,cAAK,CAACI,UAAU,CAAiC,SAASgD,oBAAoBA,CAACrD,KAAK,EAAEO,GAAG;EACpG,MAAM;IAAEY,QAAQ;IAAEmC,UAAU;IAAE7C,KAAK;IAAE8C,WAAW;IAAE,GAAGC;GAAa,GAAGxD,KAAK;EAC1E,MAAM;IAAEF,QAAQ;IAAEC,QAAQ;IAAE0D;GAAM,GAAG/C,iBAAiB,EAAE;EACxD,MAAMgD,gBAAgB,GAAGvD,EAAE,CAAC,6BAA6B,CAAC;EAE1D,MAAMwD,YAAY,GAAGxC,QAAQ,CAACyC,IAAI,CAACC,YAAY,CAACpD,KAAK,CAAC,CAAC;EAEvD,IAAIqD,MAAM;EAEV,IAAIP,WAAW,IAAII,YAAY,KAAK7C,SAAS,EAAE;IAC3CgD,MAAM,gBACF7D,6BAACJ,WAAW;MAACC,QAAQ,EAAEA,QAAQ;MAAEC,QAAQ,EAAEA;OACtCwD,WAAW,CAEnB;GACJ,MAAM,IAAII,YAAY,EAAE;IACrB,IAAIF,IAAI,IAAIH,UAAU,KAAK7C,KAAK,EAAE;MAC9BqD,MAAM,gBACF7D,6BAAC8D,GAAG;QACA7D,SAAS,EAAC,UAAU;QACpB8D,KAAK,EAAEL,YAAY,CAAC3D,KAAK,CAACgE,KAAK;QAC/BlE,QAAQ,EAAEA,QAAQ;QAClBmE,IAAI,EAAEN,YAAY,CAAC3D,KAAK,CAACkE,MAAM;QAC/BnE,QAAQ,EAAEA;SACT4D,YAAY,CAAC3D,KAAK,CAACmB,QAAQ,CAEnC;KACJ,MAAM;MACH2C,MAAM,gBACF7D,4DACK0D,YAAY,CAAC3D,KAAK,CAACkE,MAAM,GACtB,OAAOP,YAAY,CAAC3D,KAAK,CAACkE,MAAM,KAAK,QAAQ,iBACzCjE,6BAACkD,IAAI;QAACC,IAAI,EAAEO,YAAY,CAAC3D,KAAK,CAACkE,MAAM;QAAEhE,SAAS,EAAC;QAAmB,IAEpEyD,YAAY,CAAC3D,KAAK,CAACkE,MACtB,GACD,IAAI,EACPP,YAAY,CAAC3D,KAAK,CAACmB,QAAQ,CAEnC;;;EAIT,oBACIlB,6BAACgB,MAAM,oBAAKuC,WAAW;IAAEjD,GAAG,EAAEA;mBAC1BN;IAAKC,SAAS,EAAEwD;KAAmBI,MAAM,CAAO,CAC3C;AAEjB,CAAC,CAAC;AAMF,MAAM/C,QAAQ,gBAAGd,cAAK,CAACI,UAAU,CAAmC,SAAS8D,sBAAsBA,CAACnE,KAAK,EAAEO,GAAG;;EAC1G,MAAM;IAAEY,QAAQ;IAAEmC,UAAU,EAAEc,CAAC;IAAEvD,MAAM,GAAG,EAAE;IAAE0C,WAAW;IAAE,GAAGC;GAAa,GAAGxD,KAAK;EACnF,MAAM;IAAEF,QAAQ;IAAE8B,IAAI;IAAE7B,QAAQ;IAAEsE,QAAQ;IAAEZ;GAAM,GAAG/C,iBAAiB,EAAE;EACxE,MAAM4D,SAAS,GAAGC,YAAY,CAAoBhE,GAAG,CAAC;EAEtD,MAAMiE,gBAAgB,GAAG3D,MAAM,CAC1B4D,GAAG,CAAChE,KAAK,IAAIU,QAAQ,CAACyC,IAAI,CAACc,CAAC,IAAIA,CAAC,CAAC1E,KAAK,CAACS,KAAK,KAAKA,KAAK,CAAC,CAAC,CACzDkE,MAAM,CAACD,CAAC,IAAI,CAAC,CAACA,CAAC,CAA6C;EAEjE,MAAME,YAAY,GAAGzC,KAAK;;IACtBA,KAAK,CAACC,cAAc,EAAE;IACtB,CAAAyC,kBAAA,GAAAP,SAAS,CAACQ,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,EAAE;GAC7B;EAED,IAAIC,OAAO;EACX,IAAI;IAAE9E;GAAW,GAAGsD,WAAW;EAE/B,IAAI5B,IAAI,EAAE;IACN1B,SAAS,GAAGC,EAAE,CAAC,uBAAuB,EAAEqD,WAAW,CAACtD,SAAS,CAAC;IAC9D8E,OAAO,gBACH/E,6BAACgF,UAAU;MAAC/E,SAAS,EAAC,mCAAmC;MAACmB,OAAO,EAAEuD;oBAC/D3E;MAAKC,SAAS,EAAC;OACVsE,gBAAgB,CAACU,MAAM,KAAK,CAAC,iBAC1BjF,6BAACJ,WAAW;MAACC,QAAQ,EAAEA,QAAQ;MAAEC,QAAQ,EAAEA;OACtCwD,WAAW,CACF,IAEdiB,gBAAgB,CAACC,GAAG,CAACU,KAAK,kBACtBlF,6BAAC8D,GAAG;MACAqB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;MAC9BP,SAAS,EAAC,UAAU;MACpB8D,KAAK,EAAEP,IAAI,GAAG0B,KAAK,CAACnF,KAAK,CAACgE,KAAK,GAAGlD,SAAS;MAC3ChB,QAAQ,EAAEA,QAAQ;MAClBmE,IAAI,EAAEkB,KAAK,CAACnF,KAAK,CAACkE,MAAM;MACxBoB,QAAQ,EAAEnD,KAAK;QACXA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoD,eAAe,EAAE;QACxBpD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;QAEvB,IAAI,CAACtC,QAAQ,IAAI,CAACC,QAAQ,EAAE;UACxBsE,QAAQ,CAACc,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;;OAElC;MACDV,QAAQ,EAAEA;OACToF,KAAK,CAACnF,KAAK,CAACmB,QAAQ,CACnB,CACT,CACJ,CACC,CAEb;GACJ,MAAM;IACH6D,OAAO,gBAAG/E,6BAACuF,aAAa;MAACnE,OAAO,EAAEuD,YAAY;MAAEJ,gBAAgB,EAAEA,gBAAgB;MAAEjB,WAAW,EAAEA;MAAe;;EAGpH,oBACItD;IACIC,SAAS,EAAC,sCAAsC;iBACtC,mBAAmB;IAC7BuF,KAAK,EAAE;MAAEC,KAAK,EAAE9D,IAAI,IAAA+D,mBAAA,GAAGrB,SAAS,CAACQ,OAAO,cAAAa,mBAAA,uBAAjBA,mBAAA,CAAmBC,WAAW,GAAG9E;;kBACxDb,6BAACgB,MAAM,oBAAKuC,WAAW;IAAEtD,SAAS,EAAEA,SAAS;IAAEK,GAAG,EAAE+D;MAC/CU,OAAO,CACH,CACP;AAEd,CAAC,CAAC;AAQF,MAAMQ,aAAa,GAAGA,CAAC;EAAEnE,OAAO;EAAEmD,gBAAgB;EAAEjB;CAAiC;EACjF,MAAM;IAAEzD,QAAQ;IAAEC,QAAQ;IAAE0D;GAAM,GAAG/C,iBAAiB,EAAE;EACxD,MAAM,CAACmF,UAAU,EAAEC,aAAa,CAAC,GAAG7F,cAAK,CAAC8F,QAAQ,CAAwB,IAAI,CAAC;EAC/E,MAAMC,aAAa,GAAGH,UAAU,GAAGI,qCAAqC,CAACJ,UAAU,EAAE,EAAE,CAAC,GAAG/E,SAAS;EAEpG,oBACIb;IAAKC,SAAS,EAAC,yDAAyD;IAACmB,OAAO,EAAEA;kBAC9EpB;IAAKC,SAAS,EAAC,4BAA4B;IAACK,GAAG,EAAEA,GAAG,IAAIuF,aAAa,CAACvF,GAAG;KACpEiE,gBAAgB,CAACU,MAAM,KAAK,CAAC,iBAC1BjF,6BAACJ,WAAW;IAACC,QAAQ,EAAEA,QAAQ;IAAEC,QAAQ,EAAEA;KACtCwD,WAAW,CACF,IAEdiB,gBAAgB,CAACC,GAAG,CAAC,CAACU,KAAK,EAAEe,KAAK;IAC9B,MAAMC,GAAG,gBACLlG,6BAAC8D,GAAG;MACAqB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;MAC9BP,SAAS,EAAEC,EAAE,CAAC,gBAAgB,EAAE;QAC5BiG,QAAQ,EAAEF,KAAK,KAAKF,aAAa;QACjCK,MAAM,EAAEL,aAAa,KAAKlF,SAAS,IAAIkF,aAAa,KAAK,IAAI,GAAGE,KAAK,GAAGF,aAAa,GAAG;OAC3F,CAAC;MACFhC,KAAK,EAAEP,IAAI,GAAG0B,KAAK,CAACnF,KAAK,CAACgE,KAAK,GAAGlD,SAAS;MAC3ChB,QAAQ,EAAEA,QAAQ;MAClBmE,IAAI,EAAEkB,KAAK,CAACnF,KAAK,CAACkE,MAAM;MACxBnE,QAAQ,EAAEA;OACToF,KAAK,CAACnF,KAAK,CAACmB,QAAQ,CAE5B;IAED,IAAI+E,KAAK,KAAKF,aAAa,EAAE;MACzB,oBACI/F,6BAACqG,OAAO;QAAClB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;QAAE8F,KAAK,EAAElB,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACmB,QAAQ;SACtEgF,GAAG,CACE;;IAIlB,OAAOA,GAAG;GACb,CACJ,CACC,EACLH,aAAa,KAAKlF,SAAS,IAAIkF,aAAa,KAAK,IAAI,IAAIA,aAAa,GAAGxB,gBAAgB,CAACU,MAAM,GAAG,CAAC,iBACjGjF,6BAACqG,OAAO;IACJC,KAAK,EAAE/B,gBAAgB,CAClBgC,KAAK,CAACR,aAAa,GAAG,CAAC,CAAC,CACxBvB,GAAG,CAACU,KAAK,IAAKA,KAAK,GAAGE,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACmB,QAAQ,CAAC,GAAG,EAAG,CAAC,CACzDsF,IAAI,CAAC,IAAI;kBACdxG,6BAACyG,KAAK;IAACxG,SAAS,EAAC;UAAkBsE,gBAAgB,CAACU,MAAM,IAAIc,aAAa,GAAG,CAAC,CAAC,CAAS,CACnF,IACV,IAAI,CACN;AAEd,CAAC;AAED,MAAMnC,YAAY,GAAIpD,KAA8B,IAAM0E,KAA8B;EACpF,IAAIxE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACtB,OAAOA,KAAK,CAACwB,QAAQ,CAACkD,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;;EAG5C,OAAO0E,KAAK,CAACnF,KAAK,CAACS,KAAK,KAAKA,KAAK;AACtC,CAAC;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\nconst Placeholder = ({ disabled, readOnly, ...props }) => {\n    if (readOnly) {\n        return null;\n    }\n    return <div {...props} className={cn({ 'text-grey-700': disabled, 'text-grey-500': !disabled })} />;\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'px-1.5 h-fit',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        getFontSize(fontSize),\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('truncate flex items-center gap-1');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            if (typeof currentValue.props.children === 'string')\n                output = (\n                    <Tag\n                        className=\"truncate\"\n                        color={currentValue.props.color}\n                        disabled={disabled}\n                        icon={currentValue.props.prefix}\n                        readOnly={readOnly}>\n                        {currentValue.props.children}\n                    </Tag>\n                );\n            else output = currentValue.props.children;\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName}>{output}</div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = event => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\">\n                    {valuesAsChildren.length === 0 ? (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    ) : (\n                        valuesAsChildren.map(child =>\n                            typeof child.props.children === 'string' ? (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    onDelete={event => {\n                                        event?.stopPropagation();\n                                        event?.preventDefault();\n\n                                        if (!disabled && !readOnly) {\n                                            setValue(child.props.value);\n                                        }\n                                    }}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ) : (\n                                React.cloneElement(\n                                    child.props.children as React.ReactElement<\n                                        typeof Badge & {\n                                            children: BadgeProps['children'];\n                                            className: BadgeProps['className'];\n                                        }\n                                    >,\n                                    {\n                                        key: String(child.props.value),\n                                        className: '!pr-0 !pl-1.5',\n                                        children: (\n                                            <span className=\"flex items-center\">\n                                                {(child.props.children as React.ReactElement).props.children}\n                                                <Icon\n                                                    name=\"close\"\n                                                    onClick={event => {\n                                                        event?.stopPropagation();\n                                                        event?.preventDefault();\n\n                                                        if (!disabled && !readOnly) {\n                                                            setValue(child.props.value);\n                                                        }\n                                                    }}\n                                                    className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                                                />\n                                            </span>\n                                        ),\n                                    }\n                                )\n                            )\n                        )\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: any) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n    const getTooltipTitle = (child: React.ReactElement): string | string[] => {\n        const children = child.props.children;\n\n        if (typeof children === 'string') return children;\n        if (typeof children.props.children === 'string') {\n            return children.props.children;\n        }\n\n        if (Array.isArray(children.props.children)) {\n            return children.props.children.filter(item => typeof item === 'string');\n        }\n\n        return '';\n    };\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)}>\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const classNames = {\n                            truncate: index === boundaryIndex,\n                            hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                        };\n                        let output;\n                        if (typeof child.props.children === 'string') {\n                            output = (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className={cn('cursor-pointer', classNames)}\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            );\n                        } else\n                            output = React.cloneElement(\n                                child.props.children as React.ReactElement<\n                                    typeof Badge & {\n                                        className: BadgeProps['className'];\n                                    }\n                                >,\n                                {\n                                    className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n                                    key: String(child.props.value),\n                                }\n                            );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n                                    {output}\n                                </Tooltip>\n                            );\n                        }\n\n                        return output;\n                    })\n                )}\n            </div>\n\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(getTooltipTitle(child)) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["Placeholder","_ref","disabled","readOnly","props","_objectWithoutPropertiesLoose","_excluded","React","className","cn","Trigger","forwardRef","Select2Trigger","ref","_useSelect2Context","useSelect2Context","multiple","value","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onBlur","onClick","onFocus","_props$tabIndex","tabIndex","otherProps","_excluded2","_useSelect2Context2","fontSize","highlighted","invalid","open","getInputClasses","_extends","replace","getFontSize","_props$className","includes","handleClick","event","preventDefault","handleBlur","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","handleFocus","querySelector","_window$getSelection","_window$getSelection$","window","getSelection","selectAllChildren","call","role","type","Icon","name","Select2TriggerSingle","emptyValue","placeholder","buttonProps","_excluded3","_useSelect2Context3","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","prefix","Select2TriggerMultiple","_props$values","_excluded4","_useSelect2Context4","setValue","buttonRef","useMergedRef","valuesAsChildren","map","c","filter","forwardClick","_buttonRef$current","current","click","content","ScrollArea","length","child","key","String","onDelete","stopPropagation","cloneElement","MultipleValue","style","width","_buttonRef$current2","offsetWidth","_ref2","_useSelect2Context5","_React$useState","useState","contentRef","setContentRef","boundaryIndex","getIndexOfFirstChildOverflowingParent","getTooltipTitle","item","index","classNames","truncate","hidden","Tooltip","title","slice","join","Badge"],"mappings":"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"}

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

@@ -1,55 +1,64 @@
 import React__default from 'react';
 import { filterOption } from '../utilities.js';
 
-const isGroup = child => !!child.props.heading || !!child.props.hasSeparator;
-const useChildren = ({
-  children: initialChildren,
-  emptyValue,
-  multiple,
-  open,
-  setValue,
-  value
-}) => {
-  const [searchQuery, setSearchQuery] = React__default.useState('');
+var isGroup = function isGroup(child) {
+  return !!child.props.heading || !!child.props.hasSeparator;
+};
+var useChildren = function useChildren(_ref) {
+  var initialChildren = _ref.children,
+    emptyValue = _ref.emptyValue,
+    multiple = _ref.multiple,
+    open = _ref.open,
+    setValue = _ref.setValue,
+    value = _ref.value;
+  var _React$useState = React__default.useState(''),
+    searchQuery = _React$useState[0],
+    setSearchQuery = _React$useState[1];
   // flatten children that might be inside groups
   // support empty value - probably a more elegant way to achieve this
-  const flattenedChildren = React__default.useMemo(() => {
-    const initial = (initialChildren === null || initialChildren === void 0 ? void 0 : initialChildren.map(child => {
+  var flattenedChildren = React__default.useMemo(function () {
+    var initial = (initialChildren === null || initialChildren === void 0 ? void 0 : initialChildren.map(function (child) {
       if (isGroup(child)) {
         return child.props.children;
       }
       // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.
       return child;
-    }).flatMap(c => c)) || [];
+    }).flatMap(function (c) {
+      return c;
+    })) || [];
     return initial;
   }, [initialChildren]);
   // set an initial value if none is set, we have to trigger state updates for controlled components
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (!multiple && emptyValue === undefined && value === undefined) {
       var _flattenedChildren$;
       setValue(flattenedChildren === null || flattenedChildren === void 0 ? void 0 : (_flattenedChildren$ = flattenedChildren[0]) === null || _flattenedChildren$ === void 0 ? void 0 : _flattenedChildren$.props.value);
     }
   }, []);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (!open) {
       setSearchQuery('');
     }
   }, [open]);
   // apply filtering
-  const filteredChildren = React__default.useMemo(() => {
-    return initialChildren.map(child => {
+  var filteredChildren = React__default.useMemo(function () {
+    return initialChildren.map(function (child) {
       if (isGroup(child)) {
-        const filteredGroupChildren = child.props.children.filter(groupChild => filterOption(groupChild, searchQuery));
+        var filteredGroupChildren = child.props.children.filter(function (groupChild) {
+          return filterOption(groupChild, searchQuery);
+        });
         return filteredGroupChildren.length ? /*#__PURE__*/React__default.cloneElement(child, {}, filteredGroupChildren) : null;
       }
       return filterOption(child, searchQuery) ? child : null;
-    }).filter(child => !!child);
+    }).filter(function (child) {
+      return !!child;
+    });
   }, [flattenedChildren, searchQuery]);
   return {
-    flattenedChildren,
-    filteredChildren,
-    searchQuery,
-    setSearchQuery
+    flattenedChildren: flattenedChildren,
+    filteredChildren: filteredChildren,
+    searchQuery: searchQuery,
+    setSearchQuery: setSearchQuery
   };
 };