@economic/taco 2.49.0-server.4 → 2.49.0

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

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { IconButton } from '../../IconButton/IconButton.js';
 import { isAriaSelectionKey } from '../../../utils/aria.js';
@@ -14,31 +13,33 @@ import { useSelect2Context } from './Context.js';
 import { EditPopover } from './Edit.js';
 import { isMobileDevice } from '../../../utils/device.js';
 
-var _excluded = ["children", "color", "description", "prefix", "postfix", "className"];
-var Option = /*#__PURE__*/React__default.forwardRef(function Select2Option(props, ref) {
+const Option = /*#__PURE__*/React__default.forwardRef(function Select2Option(props, ref) {
   var _window;
-  var children = props.children,
-    color = props.color,
-    description = props.description,
-    prefix = props.prefix,
-    postfix = props.postfix,
-    cName = props.className,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useSelect2Context = useSelect2Context(),
-    fontSize = _useSelect2Context.fontSize,
-    listboxRef = _useSelect2Context.listboxRef,
-    multiple = _useSelect2Context.multiple,
-    onDelete = _useSelect2Context.onDelete,
-    onEdit = _useSelect2Context.onEdit,
-    selectRef = _useSelect2Context.ref,
-    setOpen = _useSelect2Context.setOpen,
-    shouldPauseHoverState = _useSelect2Context.shouldPauseHoverState,
-    tags = _useSelect2Context.tags,
-    value = _useSelect2Context.value;
-  var className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);
-  var hasValue = Array.isArray(value) ? !!value.length : value !== undefined;
-  var isTag = tags && !!color;
-  var handleClick = function handleClick() {
+  const {
+    children,
+    color,
+    description,
+    prefix,
+    postfix,
+    className: cName,
+    ...otherProps
+  } = props;
+  const {
+    fontSize,
+    listboxRef,
+    multiple,
+    onDelete,
+    onEdit,
+    ref: selectRef,
+    setOpen,
+    shouldPauseHoverState,
+    tags,
+    value
+  } = useSelect2Context();
+  const className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);
+  const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;
+  const isTag = tags && !!color;
+  const handleClick = () => {
     if (!multiple) {
       setOpen(false);
     } else {
@@ -46,15 +47,15 @@ var Option = /*#__PURE__*/React__default.forwardRef(function Select2Option(props
       (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (isAriaSelectionKey(event)) {
       if (!multiple || event.key === 'Tab') {
         setOpen(false);
       }
     }
   };
-  var isEmptyOption = children !== '';
-  var popover = isEmptyOption && (onEdit || onDelete) ? function (popoverProps) {
+  const isEmptyOption = children !== '';
+  const popover = isEmptyOption && (onEdit || onDelete) ? popoverProps => {
     var _props$textValue, _props$textValue2;
     return /*#__PURE__*/React__default.createElement(EditPopover, Object.assign({}, popoverProps, {
       color: props.color,
@@ -95,7 +96,7 @@ var Option = /*#__PURE__*/React__default.forwardRef(function Select2Option(props
     className: cn('group-aria-current:visible invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black/[.08] focus:!shadow-none group-hover:visible', {
       '!visible': isMobileDevice((_window = window) === null || _window === void 0 ? void 0 : _window.navigator)
     }),
-    onClick: function onClick(event) {
+    onClick: event => {
       var _listboxRef$current;
       event.stopPropagation();
       listboxRef === null || listboxRef === void 0 ? void 0 : (_listboxRef$current = listboxRef.current) === null || _listboxRef$current === void 0 ? void 0 : _listboxRef$current.setActiveIndexByElement(event.currentTarget.parentElement);

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

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, getFontSize } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { EditPopover } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' | 'prefix'> & {\n    children: string | JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | JSX.Element;\n    postfix?: IconName | JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize,\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (!multiple) {\n            setOpen(false);\n        } else {\n            selectRef.current?.focus();\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event)) {\n            if (!multiple || event.key === 'Tab') {\n                setOpen(false);\n            }\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? popoverProps => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : null}\n\n            {typeof children !== 'string' ? (\n                <span>{children}</span>\n            ) : isTag ? (\n                <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                    {children}\n                </Tag>\n            ) : (\n                <>\n                    {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                    <span className=\"flex w-full justify-between\">\n                        <span className=\"flex flex-col\">\n                            <span>{children}</span>\n                            {description ? <span className=\"text-grey-700 -mt-1.5 mb-1.5 text-xs\">{description}</span> : null}\n                        </span>\n                        <span className=\"flex flex-col self-center\">\n                            {postfix ? (\n                                typeof postfix === 'string' ? (\n                                    <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                ) : (\n                                    postfix\n                                )\n                            ) : null}\n                        </span>\n                    </span>\n                </>\n            )}\n            {popover ? (\n                <IconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'group-aria-current:visible invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black/[.08] focus:!shadow-none group-hover:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["Option","React","forwardRef","Select2Option","props","ref","children","color","description","prefix","postfix","cName","className","otherProps","_objectWithoutPropertiesLoose","_excluded","_useSelect2Context","useSelect2Context","fontSize","listboxRef","multiple","onDelete","onEdit","selectRef","setOpen","shouldPauseHoverState","tags","value","cn","createOptionClassName","getFontSize","hasValue","Array","isArray","length","undefined","isTag","handleClick","_selectRef$current","current","focus","handleKeyDown","event","isAriaSelectionKey","key","isEmptyOption","popover","popoverProps","_props$textValue","_props$textValue2","EditPopover","textValue","String","text","ListboxPrimitive","onClick","onKeyDown","Icon","name","Tag","icon","IconButton","appearance","isMobileDevice","_window","window","navigator","stopPropagation","_listboxRef$current","setActiveIndexByElement","currentTarget","parentElement","tabIndex"],"mappings":"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"}
+{"version":3,"file":"Option.js","sources":["../../../../../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, getFontSize } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { EditPopover } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' | 'prefix'> & {\n    children: string | JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | JSX.Element;\n    postfix?: IconName | JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize,\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (!multiple) {\n            setOpen(false);\n        } else {\n            selectRef.current?.focus();\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event)) {\n            if (!multiple || event.key === 'Tab') {\n                setOpen(false);\n            }\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? popoverProps => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : null}\n\n            {typeof children !== 'string' ? (\n                <span>{children}</span>\n            ) : isTag ? (\n                <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                    {children}\n                </Tag>\n            ) : (\n                <>\n                    {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                    <span className=\"flex w-full justify-between\">\n                        <span className=\"flex flex-col\">\n                            <span>{children}</span>\n                            {description ? <span className=\"text-grey-700 -mt-1.5 mb-1.5 text-xs\">{description}</span> : null}\n                        </span>\n                        <span className=\"flex flex-col self-center\">\n                            {postfix ? (\n                                typeof postfix === 'string' ? (\n                                    <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                ) : (\n                                    postfix\n                                )\n                            ) : null}\n                        </span>\n                    </span>\n                </>\n            )}\n            {popover ? (\n                <IconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'group-aria-current:visible invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black/[.08] focus:!shadow-none group-hover:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["Option","React","forwardRef","Select2Option","props","ref","children","color","description","prefix","postfix","className","cName","otherProps","fontSize","listboxRef","multiple","onDelete","onEdit","selectRef","setOpen","shouldPauseHoverState","tags","value","useSelect2Context","cn","createOptionClassName","getFontSize","hasValue","Array","isArray","length","undefined","isTag","handleClick","_selectRef$current","current","focus","handleKeyDown","event","isAriaSelectionKey","key","isEmptyOption","popover","popoverProps","_props$textValue","_props$textValue2","EditPopover","textValue","String","text","ListboxPrimitive","onClick","onKeyDown","Icon","name","Tag","icon","IconButton","appearance","isMobileDevice","_window","window","navigator","stopPropagation","_listboxRef$current","setActiveIndexByElement","currentTarget","parentElement","tabIndex"],"mappings":"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"}

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

@@ -6,20 +6,21 @@ import { Field } from '../../Field/Field.js';
 import { isAriaSelectionKey } from '../../../utils/aria.js';
 import { useSelect2Context } from './Context.js';
 
-var Search = /*#__PURE__*/React__default.forwardRef(function ListboxSearch(props, ref) {
-  var _useSelect2Context = useSelect2Context(),
-    listboxRef = _useSelect2Context.listboxRef,
-    searchQuery = _useSelect2Context.searchQuery,
-    setSearchQuery = _useSelect2Context.setSearchQuery,
-    setValidationError = _useSelect2Context.setValidationError,
-    validationError = _useSelect2Context.validationError;
-  var handleChange = function handleChange(event) {
+const Search = /*#__PURE__*/React__default.forwardRef(function ListboxSearch(props, ref) {
+  const {
+    listboxRef,
+    searchQuery,
+    setSearchQuery,
+    setValidationError,
+    validationError
+  } = useSelect2Context();
+  const handleChange = event => {
     if (validationError) {
       setValidationError(undefined);
     }
     setSearchQuery(event.target.value);
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     // space is an aria selection key, so we have to remove it to allow spaces
     if (event.key === ' ') {
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n    const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n    const handleChange = event => {\n        if (validationError) {\n            setValidationError(undefined);\n        }\n\n        setSearchQuery(event.target.value);\n    };\n\n    const handleKeyDown = event => {\n        // space is an aria selection key, so we have to remove it to allow spaces\n        if (event.key === ' ') {\n            return;\n        }\n\n        if (isAriaSelectionKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n            listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n            return;\n        }\n    };\n\n    return (\n        <Field\n            className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n            invalid={!!validationError}\n            message={validationError?.message}>\n            <Input\n                {...props}\n                autoFocus\n                invalid={!!validationError}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                value={searchQuery}\n            />\n        </Field>\n    );\n});\n"],"names":["Search","React","forwardRef","ListboxSearch","props","ref","_useSelect2Context","useSelect2Context","listboxRef","searchQuery","setSearchQuery","setValidationError","validationError","handleChange","event","undefined","target","value","handleKeyDown","key","isAriaSelectionKey","_listboxRef$current","preventDefault","current","dispatchEvent","createCustomKeyboardEvent","Field","className","cn","invalid","message","Input","autoFocus","onChange","onKeyDown"],"mappings":";;;;;;;;IAQaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA+B,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EAClG,IAAAC,kBAAA,GAAyFC,iBAAiB,EAAE;IAApGC,UAAU,GAAAF,kBAAA,CAAVE,UAAU;IAAEC,WAAW,GAAAH,kBAAA,CAAXG,WAAW;IAAEC,cAAc,GAAAJ,kBAAA,CAAdI,cAAc;IAAEC,kBAAkB,GAAAL,kBAAA,CAAlBK,kBAAkB;IAAEC,eAAe,GAAAN,kBAAA,CAAfM,eAAe;EAEpF,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAGC,KAAK;IACtB,IAAIF,eAAe,EAAE;MACjBD,kBAAkB,CAACI,SAAS,CAAC;;IAGjCL,cAAc,CAACI,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGJ,KAAK;;IAEvB,IAAIA,KAAK,CAACK,GAAG,KAAK,GAAG,EAAE;MACnB;;IAGJ,IAAIC,kBAAkB,CAACN,KAAK,CAAC,IAAIA,KAAK,CAACK,GAAG,KAAK,WAAW,IAAIL,KAAK,CAACK,GAAG,KAAK,SAAS,EAAE;MAAA,IAAAE,mBAAA;MACnFP,KAAK,CAACQ,cAAc,EAAE;;MAEtBd,UAAU,aAAVA,UAAU,wBAAAa,mBAAA,GAAVb,UAAU,CAAEe,OAAO,cAAAF,mBAAA,uBAAnBA,mBAAA,CAAqBG,aAAa,CAACC,yBAAyB,CAACX,KAA8C,CAAC,CAAC;MAC7G;;GAEP;EAED,oBACIb,6BAACyB,KAAK;IACFC,SAAS,EAAEC,EAAE,CAAC,0BAA0B,EAAE;MAAE,OAAO,EAAE,CAAChB;KAAiB,CAAC;IACxEiB,OAAO,EAAE,CAAC,CAACjB,eAAe;IAC1BkB,OAAO,EAAElB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEkB;kBAC1B7B,6BAAC8B,KAAK,oBACE3B,KAAK;IACT4B,SAAS;IACTH,OAAO,EAAE,CAAC,CAACjB,eAAe;IAC1BqB,QAAQ,EAAEpB,YAAY;IACtBqB,SAAS,EAAEhB,aAAa;IACxBb,GAAG,EAAEA,GAAG;IACRY,KAAK,EAAER;KACT,CACE;AAEhB,CAAC;;;;"}
+{"version":3,"file":"Search.js","sources":["../../../../../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n    const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n    const handleChange = event => {\n        if (validationError) {\n            setValidationError(undefined);\n        }\n\n        setSearchQuery(event.target.value);\n    };\n\n    const handleKeyDown = event => {\n        // space is an aria selection key, so we have to remove it to allow spaces\n        if (event.key === ' ') {\n            return;\n        }\n\n        if (isAriaSelectionKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n            listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n            return;\n        }\n    };\n\n    return (\n        <Field\n            className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n            invalid={!!validationError}\n            message={validationError?.message}>\n            <Input\n                {...props}\n                autoFocus\n                invalid={!!validationError}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                value={searchQuery}\n            />\n        </Field>\n    );\n});\n"],"names":["Search","React","forwardRef","ListboxSearch","props","ref","listboxRef","searchQuery","setSearchQuery","setValidationError","validationError","useSelect2Context","handleChange","event","undefined","target","value","handleKeyDown","key","isAriaSelectionKey","_listboxRef$current","preventDefault","current","dispatchEvent","createCustomKeyboardEvent","Field","className","cn","invalid","message","Input","autoFocus","onChange","onKeyDown"],"mappings":";;;;;;;;MAQaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA+B,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EAClG,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC,cAAc;IAAEC,kBAAkB;IAAEC;GAAiB,GAAGC,iBAAiB,EAAE;EAE5G,MAAMC,YAAY,GAAGC,KAAK;IACtB,IAAIH,eAAe,EAAE;MACjBD,kBAAkB,CAACK,SAAS,CAAC;;IAGjCN,cAAc,CAACK,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,MAAMC,aAAa,GAAGJ,KAAK;;IAEvB,IAAIA,KAAK,CAACK,GAAG,KAAK,GAAG,EAAE;MACnB;;IAGJ,IAAIC,kBAAkB,CAACN,KAAK,CAAC,IAAIA,KAAK,CAACK,GAAG,KAAK,WAAW,IAAIL,KAAK,CAACK,GAAG,KAAK,SAAS,EAAE;MAAA,IAAAE,mBAAA;MACnFP,KAAK,CAACQ,cAAc,EAAE;;MAEtBf,UAAU,aAAVA,UAAU,wBAAAc,mBAAA,GAAVd,UAAU,CAAEgB,OAAO,cAAAF,mBAAA,uBAAnBA,mBAAA,CAAqBG,aAAa,CAACC,yBAAyB,CAACX,KAA8C,CAAC,CAAC;MAC7G;;GAEP;EAED,oBACIZ,6BAACwB,KAAK;IACFC,SAAS,EAAEC,EAAE,CAAC,0BAA0B,EAAE;MAAE,OAAO,EAAE,CAACjB;KAAiB,CAAC;IACxEkB,OAAO,EAAE,CAAC,CAAClB,eAAe;IAC1BmB,OAAO,EAAEnB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEmB;kBAC1B5B,6BAAC6B,KAAK,oBACE1B,KAAK;IACT2B,SAAS;IACTH,OAAO,EAAE,CAAC,CAAClB,eAAe;IAC1BsB,QAAQ,EAAEpB,YAAY;IACtBqB,SAAS,EAAEhB,aAAa;IACxBZ,GAAG,EAAEA,GAAG;IACRW,KAAK,EAAET;KACT,CACE;AAEhB,CAAC;;;;"}

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

@@ -5,8 +5,8 @@ import '../../../primitives/Listbox2/components/Option.js';
 import '../../../primitives/Listbox2/components/Group.js';
 import { Title as Title$1 } from '../../../primitives/Listbox2/components/Title.js';
 
-var Title = /*#__PURE__*/React__default.forwardRef(function Select2Title(props, ref) {
-  var className = cn('flex items-center text-xs pl-2 h-8', props.className);
+const Title = /*#__PURE__*/React__default.forwardRef(function Select2Title(props, ref) {
+  const className = cn('flex items-center text-xs pl-2 h-8', props.className);
   return /*#__PURE__*/React__default.createElement(Title$1, Object.assign({}, props, {
     className: className,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../../../../../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n    const className = cn('flex items-center text-xs pl-2 h-8', props.className);\n    return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["Title","React","forwardRef","Select2Title","props","ref","className","cn","ListboxPrimitive"],"mappings":";;;;;;;IAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAoC,SAASC,YAAYA,CAACC,KAAK,EAAEC,GAAG;EACrG,IAAMC,SAAS,GAAGC,EAAE,CAAC,oCAAoC,EAAEH,KAAK,CAACE,SAAS,CAAC;EAC3E,oBAAOL,6BAACO,OAAsB,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAChF,CAAC;;;;"}
+{"version":3,"file":"Title.js","sources":["../../../../../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n    const className = cn('flex items-center text-xs pl-2 h-8', props.className);\n    return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["Title","React","forwardRef","Select2Title","props","ref","className","cn","ListboxPrimitive"],"mappings":";;;;;;;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAoC,SAASC,YAAYA,CAACC,KAAK,EAAEC,GAAG;EACrG,MAAMC,SAAS,GAAGC,EAAE,CAAC,oCAAoC,EAAEH,KAAK,CAACE,SAAS,CAAC;EAC3E,oBAAOL,6BAACO,OAAsB,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAChF,CAAC;;;;"}

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

@@ -1,6 +1,5 @@
 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';
@@ -12,14 +11,11 @@ import { Tag } from '../../Tag/Tag.js';
 import { getFontSize } from '../utilities.js';
 import { useSelect2Context } from './Context.js';
 
-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);
+const Placeholder = ({
+  disabled,
+  readOnly,
+  ...props
+}) => {
   if (readOnly) {
     return null;
   }
@@ -30,12 +26,13 @@ var Placeholder = function Placeholder(_ref) {
     })
   }));
 };
-var Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
-  var _useSelect2Context = useSelect2Context(),
-    multiple = _useSelect2Context.multiple,
-    value = _useSelect2Context.value;
+const Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
+  const {
+    multiple,
+    value
+  } = useSelect2Context();
   if (Array.isArray(value) || multiple) {
-    var values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;
+    const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;
     return /*#__PURE__*/React__default.createElement(Multiple, Object.assign({}, props, {
       ref: ref,
       values: values
@@ -46,32 +43,35 @@ var Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(pro
     value: value
   }));
 });
-var Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButton(props, ref) {
+const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButton(props, ref) {
   var _props$className;
-  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), {
+  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), {
     'select-text': readOnly,
     'w-full': !((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('w-'))
   }, props.className);
-  var handleClick = function handleClick(event) {
+  const handleClick = event => {
     if (disabled || readOnly) {
       event.preventDefault();
       return;
@@ -80,12 +80,12 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButto
       onClick(event);
     }
   };
-  var handleBlur;
+  let 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 = function handleBlur(event) {
+    handleBlur = event => {
       if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {
         return;
       }
@@ -93,9 +93,9 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButto
     };
   }
   // select the value text if the select is readonly
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = event => {
     if (readOnly) {
-      var value = event.currentTarget.querySelector(':first-child');
+      const 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,19 +122,22 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButto
     className: "pointer-events-none -mr-1 ml-auto"
   }));
 });
-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;
+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 flex items-center gap-1');
+  const currentValue = children.find(matchesValue(value));
+  let output;
   if (placeholder && currentValue === undefined) {
     output = /*#__PURE__*/React__default.createElement(Placeholder, {
       disabled: disabled,
@@ -162,34 +165,33 @@ var Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSingl
     className: contentClassName
   }, output));
 });
-var Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
+const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
   var _buttonRef$current2;
-  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) {
+  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 _buttonRef$current;
     event.preventDefault();
     (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.click();
   };
-  var content;
-  var className = buttonProps.className;
+  let content;
+  let {
+    className
+  } = buttonProps;
   if (open) {
     className = cn('!absolute z-20 !h-fit', buttonProps.className);
     content = /*#__PURE__*/React__default.createElement(ScrollArea, {
@@ -200,39 +202,37 @@ var Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMul
     }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
       disabled: disabled,
       readOnly: readOnly
-    }, 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) {
+    }, placeholder)) : valuesAsChildren.map(child => 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: 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: 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"
-        })))
-      }));
-    })));
+        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,
@@ -251,29 +251,27 @@ var Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMul
     ref: buttonRef
   }), content));
 });
-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;
+const MultipleValue = ({
+  onClick,
+  valuesAsChildren,
+  placeholder
+}) => {
+  const {
+    disabled,
+    readOnly,
+    tags
+  } = useSelect2Context();
+  const [contentRef, setContentRef] = React__default.useState(null);
+  const 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;
+  const getTooltipTitle = child => {
+    const 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 children.props.children.filter(item => typeof item === 'string');
     }
     return '';
   };
@@ -282,18 +280,16 @@ var MultipleValue = function MultipleValue(_ref2) {
     onClick: onClick
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-1 gap-1 truncate",
-    ref: function ref(_ref3) {
-      return setContentRef(_ref3);
-    }
+    ref: ref => setContentRef(ref)
   }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
     disabled: disabled,
     readOnly: readOnly
-  }, placeholder)) : valuesAsChildren.map(function (child, index) {
-    var classNames = {
+  }, placeholder)) : valuesAsChildren.map((child, index) => {
+    const classNames = {
       truncate: index === boundaryIndex,
       hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false
     };
-    var output;
+    let output;
     if (typeof child.props.children === 'string') {
       output = /*#__PURE__*/React__default.createElement(Tag, {
         key: String(child.props.value),
@@ -317,20 +313,16 @@ var MultipleValue = function MultipleValue(_ref2) {
     }
     return output;
   })), boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (/*#__PURE__*/React__default.createElement(Tooltip, {
-    title: valuesAsChildren.slice(boundaryIndex + 1).map(function (child) {
-      return child ? String(getTooltipTitle(child)) : '';
-    }).join(', ')
+    title: valuesAsChildren.slice(boundaryIndex + 1).map(child => child ? String(getTooltipTitle(child)) : '').join(', ')
   }, /*#__PURE__*/React__default.createElement(Badge, {
     className: "flex-shrink-0"
   }, "+", valuesAsChildren.length - (boundaryIndex + 1)))) : null);
 };
-var matchesValue = function matchesValue(value) {
-  return function (child) {
-    if (Array.isArray(value)) {
-      return value.includes(child.props.value);
-    }
-    return child.props.value === value;
-  };
+const matchesValue = value => child => {
+  if (Array.isArray(value)) {
+    return value.includes(child.props.value);
+  }
+  return child.props.value === value;
 };
 
 export { Trigger };