@economic/taco 1.16.2 → 1.17.0-alpha.0

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

@@ -1,189 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { useLocalization } from '../../Provider/Localization.js';
-import { Button } from '../../Button/Button.js';
-import { Input } from '../../Input/Input.js';
-import { Popover } from '../../Popover/Popover.js';
-import { Field } from '../../Field/Field.js';
-import { Group } from '../../Group/Group.js';
-import { Root, Item, Indicator } from '@radix-ui/react-radio-group';
-import { colors } from '../../../utils/colors.js';
-import { useSelect2Context } from './Context.js';
-import { _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
-
-const AVAILABLE_COLORS = /*#__PURE__*/Object.keys(colors);
-const EditPopover = props => {
-  const {
-    color: initialColor,
-    text: initialName,
-    value,
-    ...popoverProps
-  } = props;
-  const ref = React__default.useRef(null);
-  const {
-    onDelete,
-    onEdit,
-    searchRef,
-    ref: selectRef
-  } = useSelect2Context();
-  const {
-    texts
-  } = useLocalization();
-  const [name, setName] = React__default.useState(initialName);
-  const [color, setColor] = React__default.useState(initialColor);
-  const [validationError, setValidationError] = React__default.useState();
-  const handleInputChange = event => {
-    setName(event.target.value);
-    setValidationError(undefined);
-  };
-  const handleInputKeyDown = close => function (event) {
-    try {
-      event.stopPropagation();
-      if (event.key === 'Escape') {
-        close();
-      } else if (event.key === 'Enter') {
-        handleSave(close)(event);
-      }
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleDelete = close => function (event) {
-    try {
-      event.stopPropagation();
-      close();
-      const _temp = function () {
-        if (onDelete) {
-          return Promise.resolve(onDelete(value)).then(function () {});
-        }
-      }();
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleSave = close => function (event) {
-    try {
-      const _temp3 = function () {
-        if (onEdit && (name !== initialName || color !== initialColor)) {
-          const _temp2 = _catch(function () {
-            return Promise.resolve(onEdit(value, name, color)).then(function () {
-              close();
-            });
-          }, function (error) {
-            var _ref$current;
-            event.preventDefault();
-            event.stopPropagation();
-            setValidationError(error);
-            (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
-          });
-          if (_temp2 && _temp2.then) return _temp2.then(function () {});
-        } else {
-          close();
-        }
-      }();
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleCloseAutoFocus = event => {
-    event.preventDefault();
-    setName(initialName);
-    setColor(initialColor);
-    setValidationError(undefined);
-    if (searchRef !== null && searchRef !== void 0 && searchRef.current) {
-      var _searchRef$current;
-      (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
-    } else {
-      var _selectRef$current;
-      (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
-    }
-  };
-  const handleInteractOutside = () => {
-    setName(initialName);
-    setColor(initialColor);
-  };
-  const preventKeyDownPropagation = event => {
-    if (event.key !== 'Escape') {
-      event.stopPropagation();
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
-    modal: true
-  }), /*#__PURE__*/React__default.createElement(Popover.Content, {
-    onCloseAutoFocus: handleCloseAutoFocus,
-    onInteractOutside: handleInteractOutside,
-    onClick: event => event.stopPropagation(),
-    placement: "right",
-    tabIndex: -1,
-    className: "focus:!shadow-none"
-  }, ({
-    close
-  }) => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-32 flex-col space-y-2"
-  }, onEdit ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
-    className: cn('!min-h-fit', {
-      '!pb-0': !validationError
-    }),
-    invalid: !!validationError,
-    message: validationError === null || validationError === void 0 ? void 0 : validationError.message
-  }, /*#__PURE__*/React__default.createElement(Input, {
-    invalid: !!validationError,
-    onChange: handleInputChange,
-    onKeyDown: handleInputKeyDown(close),
-    ref: ref,
-    value: name
-  })), initialColor ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h5", null, "Colours"), /*#__PURE__*/React__default.createElement(Colours, {
-    color: color,
-    onChangeColor: setColor,
-    onKeyDown: preventKeyDownPropagation
-  })) : null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Button, {
-    onClick: close
-  }, texts.select2.cancel), /*#__PURE__*/React__default.createElement(Button, {
-    appearance: "primary",
-    onClick: handleSave(close)
-  }, texts.select2.save))) : null, onEdit && onDelete ? /*#__PURE__*/React__default.createElement("hr", null) : null, onDelete ? /*#__PURE__*/React__default.createElement("button", {
-    className: "hover:text-grey-darkest flex items-center justify-start gap-1",
-    onClick: handleDelete(close),
-    onKeyDown: preventKeyDownPropagation
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "!h-5 !w-5",
-    name: "delete-permanently"
-  }), " ", texts.select2.delete) : null))));
-};
-const Colours = props => {
-  const {
-    color,
-    onChangeColor,
-    onClick,
-    onKeyDown
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  return /*#__PURE__*/React__default.createElement(Root, {
-    "aria-label": texts.select2.chooseColor,
-    className: "grid grid-cols-4 gap-2 focus:outline-none",
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    onValueChange: color => onChangeColor(color),
-    value: color
-  }, AVAILABLE_COLORS.map(availableColor => /*#__PURE__*/React__default.createElement(Item, {
-    "aria-label": color,
-    className: cn('flex h-6 w-6 cursor-pointer items-center justify-center rounded', colors[availableColor]),
-    key: availableColor,
-    onFocus: () => onChangeColor(availableColor),
-    value: availableColor
-  }, /*#__PURE__*/React__default.createElement(Indicator, {
-    asChild: true
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "tick",
-    className: "!h-5 !w-5"
-  })))));
-};
-
-export { EditPopover };
-//# sourceMappingURL=Edit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Edit.js","sources":["../../../../../../../../src/components/Select2/components/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport * as RadioGroup from '@radix-ui/react-radio-group';\nimport { Color, colors } from '../../../utils/colors';\nimport { Button } from '../../Button/Button';\nimport { Input } from '../../Input/Input';\nimport { Popover, PopoverProps } from '../../Popover/Popover';\nimport { Icon } from '../../Icon/Icon';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { Group } from '../../Group/Group';\nimport { useLocalization } from '../../Provider/Localization';\n\nconst AVAILABLE_COLORS = Object.keys(colors);\n\nexport type EditPopoverProps = PopoverProps & {\n    color?: Color;\n    text: string;\n    value: Select2OptionValue;\n};\n\nexport const EditPopover = (props: EditPopoverProps) => {\n    const { color: initialColor, text: initialName, value, ...popoverProps } = props;\n    const ref = React.useRef<HTMLInputElement>(null);\n    const { onDelete, onEdit, searchRef, ref: selectRef } = useSelect2Context();\n    const { texts } = useLocalization();\n    const [name, setName] = React.useState(initialName);\n    const [color, setColor] = React.useState(initialColor);\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n\n    const handleInputChange = event => {\n        setName(event.target.value);\n        setValidationError(undefined);\n    };\n\n    const handleInputKeyDown = close => async event => {\n        event.stopPropagation();\n\n        if (event.key === 'Escape') {\n            close();\n        } else if (event.key === 'Enter') {\n            handleSave(close)(event);\n        }\n    };\n\n    const handleDelete = close => async event => {\n        event.stopPropagation();\n        close();\n\n        if (onDelete) {\n            await onDelete(value);\n        }\n    };\n\n    const handleSave = close => async event => {\n        if (onEdit && (name !== initialName || color !== initialColor)) {\n            try {\n                await onEdit(value, name, color);\n                close();\n            } catch (error) {\n                event.preventDefault();\n                event.stopPropagation();\n                setValidationError(error);\n                ref.current?.focus();\n            }\n        } else {\n            close();\n        }\n    };\n\n    const handleCloseAutoFocus = event => {\n        event.preventDefault();\n        setName(initialName);\n        setColor(initialColor);\n        setValidationError(undefined);\n\n        if (searchRef?.current) {\n            searchRef.current?.focus();\n        } else {\n            selectRef.current?.focus();\n        }\n    };\n\n    const handleInteractOutside = () => {\n        setName(initialName);\n        setColor(initialColor);\n    };\n\n    const preventKeyDownPropagation = event => {\n        if (event.key !== 'Escape') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} modal>\n            <Popover.Content\n                onCloseAutoFocus={handleCloseAutoFocus}\n                onInteractOutside={handleInteractOutside}\n                onClick={event => event.stopPropagation()}\n                placement=\"right\"\n                tabIndex={-1}\n                className=\"focus:!shadow-none\">\n                {({ close }) => (\n                    <>\n                        <div className=\"flex w-32 flex-col space-y-2\">\n                            {onEdit ? (\n                                <>\n                                    <Field\n                                        className={cn('!min-h-fit', { '!pb-0': !validationError })}\n                                        invalid={!!validationError}\n                                        message={validationError?.message}>\n                                        <Input\n                                            invalid={!!validationError}\n                                            onChange={handleInputChange}\n                                            onKeyDown={handleInputKeyDown(close)}\n                                            ref={ref}\n                                            value={name}\n                                        />\n                                    </Field>\n                                    {initialColor ? (\n                                        <>\n                                            <h5>Colours</h5>\n                                            <Colours\n                                                color={color}\n                                                onChangeColor={setColor}\n                                                onKeyDown={preventKeyDownPropagation}\n                                            />\n                                        </>\n                                    ) : null}\n                                    <Group>\n                                        <Button onClick={close}>{texts.select2.cancel}</Button>\n                                        <Button appearance=\"primary\" onClick={handleSave(close)}>\n                                            {texts.select2.save}\n                                        </Button>\n                                    </Group>\n                                </>\n                            ) : null}\n                            {onEdit && onDelete ? <hr /> : null}\n                            {onDelete ? (\n                                <button\n                                    className=\"hover:text-grey-darkest flex items-center justify-start gap-1\"\n                                    onClick={handleDelete(close)}\n                                    onKeyDown={preventKeyDownPropagation}>\n                                    <Icon className=\"!h-5 !w-5\" name=\"delete-permanently\" /> {texts.select2.delete}\n                                </button>\n                            ) : null}\n                        </div>\n                    </>\n                )}\n            </Popover.Content>\n        </Popover>\n    );\n};\n\nconst Colours = props => {\n    const { color, onChangeColor, onClick, onKeyDown } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <RadioGroup.Root\n            aria-label={texts.select2.chooseColor}\n            className=\"grid grid-cols-4 gap-2 focus:outline-none\"\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            onValueChange={color => onChangeColor(color)}\n            value={color}>\n            {AVAILABLE_COLORS.map((availableColor: string) => (\n                <RadioGroup.Item\n                    aria-label={color}\n                    className={cn('flex h-6 w-6 cursor-pointer items-center justify-center rounded', colors[availableColor])}\n                    key={availableColor}\n                    onFocus={() => onChangeColor(availableColor)}\n                    value={availableColor}>\n                    <RadioGroup.Indicator asChild>\n                        <Icon name=\"tick\" className=\"!h-5 !w-5\" />\n                    </RadioGroup.Indicator>\n                </RadioGroup.Item>\n            ))}\n        </RadioGroup.Root>\n    );\n};\n"],"names":["AVAILABLE_COLORS","Object","keys","colors","EditPopover","props","color","initialColor","text","initialName","value","popoverProps","ref","React","useRef","onDelete","onEdit","searchRef","selectRef","useSelect2Context","texts","useLocalization","name","setName","useState","setColor","validationError","setValidationError","handleInputChange","event","target","undefined","handleInputKeyDown","close","stopPropagation","key","handleSave","handleDelete","error","preventDefault","current","focus","handleCloseAutoFocus","handleInteractOutside","preventKeyDownPropagation","Popover","modal","Content","onCloseAutoFocus","onInteractOutside","onClick","placement","tabIndex","className","Field","cn","invalid","message","Input","onChange","onKeyDown","Colours","onChangeColor","Group","Button","select2","cancel","appearance","save","Icon","delete","RadioGroup","chooseColor","onValueChange","map","availableColor","onFocus","asChild"],"mappings":"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"}

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

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import '../../../primitives/Listbox2/components/Root.js';
-import '../../../primitives/Listbox2/components/Option.js';
-import { Group as Group$1 } from '../../../primitives/Listbox2/components/Group.js';
-import '../../../primitives/Listbox2/components/Title.js';
-import { createCollectionClassName } from '../utilities.js';
-
-const Group = /*#__PURE__*/React__default.forwardRef(function Select2Group(props, ref) {
-  const className = cn(createCollectionClassName(), props.className);
-  return /*#__PURE__*/React__default.createElement(Group$1, Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-
-export { Group };
-//# sourceMappingURL=Group.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../../src/components/Select2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createCollectionClassName } from '../utilities';\n\nexport type Select2GroupProps = ListboxPrimitive.Listbox2GroupProps;\n\nexport const Group = React.forwardRef<HTMLDivElement, Select2GroupProps>(function Select2Group(props, ref) {\n    const className = cn(createCollectionClassName(), props.className);\n    return <ListboxPrimitive.Group {...props} className={className} ref={ref} />;\n});\n"],"names":["Group","React","forwardRef","Select2Group","props","ref","className","cn","createCollectionClassName","ListboxPrimitive"],"mappings":";;;;;;;;MAOaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAoC,SAASC,YAAY,CAACC,KAAK,EAAEC,GAAG;EACrG,MAAMC,SAAS,GAAGC,EAAE,CAACC,yBAAyB,EAAE,EAAEJ,KAAK,CAACE,SAAS,CAAC;EAClE,oBAAOL,6BAACQ,OAAsB,oBAAKL,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAChF,CAAC;;;;"}

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

@@ -1,93 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { IconButton } from '../../IconButton/IconButton.js';
-import { isAriaSelectionKey } from '../../../utils/aria.js';
-import '../../../primitives/Listbox2/components/Root.js';
-import { Option as Option$1 } from '../../../primitives/Listbox2/components/Option.js';
-import '../../../primitives/Listbox2/components/Group.js';
-import '../../../primitives/Listbox2/components/Title.js';
-import { Tag } from '../../Tag/Tag.js';
-import { createOptionClassName } from '../utilities.js';
-import { useSelect2Context } from './Context.js';
-import { EditPopover } from './Edit.js';
-import { isMobileDevice } from '../../../utils/device.js';
-
-const Option = /*#__PURE__*/React__default.forwardRef(function Select2Option(props, ref) {
-  var _window;
-  const {
-    children,
-    color,
-    icon,
-    ...otherProps
-  } = props;
-  const className = createOptionClassName();
-  const {
-    onDelete,
-    onEdit,
-    listboxRef,
-    multiple,
-    ref: selectRef,
-    setOpen,
-    tags,
-    value
-  } = useSelect2Context();
-  const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;
-  const isTag = tags && !!color;
-  const handleClick = () => {
-    if (!multiple) {
-      setOpen(false);
-    } else {
-      var _selectRef$current;
-      (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
-    }
-  };
-  const handleKeyDown = event => {
-    if (isAriaSelectionKey(event)) {
-      if (!multiple || event.key === 'Tab') {
-        setOpen(false);
-      }
-    }
-  };
-  const popover = onEdit || onDelete ? popoverProps => {
-    var _props$textValue, _props$textValue2;
-    return /*#__PURE__*/React__default.createElement(EditPopover, Object.assign({}, popoverProps, {
-      color: props.color,
-      key: (_props$textValue = props.textValue) !== null && _props$textValue !== void 0 ? _props$textValue : String(props.children),
-      text: (_props$textValue2 = props.textValue) !== null && _props$textValue2 !== void 0 ? _props$textValue2 : String(props.children),
-      value: props.value
-    }));
-  } : undefined;
-  return /*#__PURE__*/React__default.createElement(Option$1, Object.assign({}, otherProps, {
-    className: className,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    ref: ref
-  }), hasValue ? /*#__PURE__*/React__default.createElement(Icon, {
-    name: "tick",
-    className: "group-aria-selected:visible pointer-events-none invisible -mx-1 !h-4 !w-4"
-  }) : null, isTag ? /*#__PURE__*/React__default.createElement(Tag, {
-    className: "pointer-events-none",
-    color: color,
-    icon: icon
-  }, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, icon ? typeof icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
-    name: icon
-  }) : icon : null, children), popover ? /*#__PURE__*/React__default.createElement(IconButton, {
-    rounded: true,
-    icon: "ellipsis-vertical",
-    appearance: "discrete",
-    className: cn('group-aria-current:visible invisible ml-auto -mr-2 focus:!shadow-none group-hover:visible', {
-      '!visible': isMobileDevice((_window = window) === null || _window === void 0 ? void 0 : _window.navigator)
-    }),
-    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.setActiveIndex(event.currentTarget.parentElement);
-    },
-    popover: popover,
-    tabIndex: -1
-  }) : null);
-});
-
-export { Option };
-//# sourceMappingURL=Option.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName, IconProps } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Color } from '../../../utils/colors';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { EditPopover } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children'> & {\n    children: string;\n    color?: Color;\n    icon?: React.ReactElement<IconProps> | IconName;\n    textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n    const { children, color, icon, ...otherProps } = props;\n    const className = createOptionClassName();\n    const { onDelete, onEdit, listboxRef, multiple, ref: selectRef, setOpen, tags, value } = useSelect2Context();\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 popover =\n        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=\"group-aria-selected:visible pointer-events-none invisible -mx-1 !h-4 !w-4\" />\n            ) : null}\n            {isTag ? (\n                <Tag className=\"pointer-events-none\" color={color} icon={icon}>\n                    {children}\n                </Tag>\n            ) : (\n                <>\n                    {icon ? typeof icon === 'string' ? <Icon name={icon} /> : icon : null}\n                    {children}\n                </>\n            )}\n            {popover ? (\n                <IconButton\n                    rounded\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn('group-aria-current:visible invisible ml-auto -mr-2 focus:!shadow-none group-hover:visible', {\n                        '!visible': isMobileDevice(window?.navigator),\n                    })}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndex(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","icon","otherProps","className","createOptionClassName","onDelete","onEdit","listboxRef","multiple","selectRef","setOpen","tags","value","useSelect2Context","hasValue","Array","isArray","length","undefined","isTag","handleClick","current","focus","handleKeyDown","event","isAriaSelectionKey","key","popover","popoverProps","EditPopover","textValue","String","text","ListboxPrimitive","onClick","onKeyDown","Icon","name","Tag","IconButton","rounded","appearance","cn","isMobileDevice","window","navigator","stopPropagation","setActiveIndex","currentTarget","parentElement","tabIndex"],"mappings":"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"}

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

@@ -1,57 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Input } from '../../Input/Input.js';
-import { createCustomKeyboardEvent } from '../../../utils/input.js';
-import { Field } from '../../Field/Field.js';
-import { isAriaSelectionKey } from '../../../utils/aria.js';
-import { useSelect2Context } from './Context.js';
-
-const Search = /*#__PURE__*/React__default.forwardRef(function ListboxSearch(props, ref) {
-  const {
-    ...otherProps
-  } = props;
-  const {
-    listboxRef,
-    searchQuery,
-    setSearchQuery,
-    setValidationError,
-    validationError
-  } = useSelect2Context();
-  const handleChange = event => {
-    if (validationError) {
-      setValidationError(undefined);
-    }
-    setSearchQuery(event.target.value);
-  };
-  const handleKeyDown = event => {
-    // space is an aria selection key, so we have to remove it to allow spaces
-    if (event.key === ' ') {
-      return;
-    }
-    if (isAriaSelectionKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-      var _listboxRef$current;
-      event.preventDefault();
-      // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input
-      listboxRef === null || listboxRef === void 0 ? void 0 : (_listboxRef$current = listboxRef.current) === null || _listboxRef$current === void 0 ? void 0 : _listboxRef$current.dispatchEvent(createCustomKeyboardEvent(event));
-      return;
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(Field, {
-    className: cn('mx-1.5 mb-1.5 !min-h-fit ', {
-      '!pb-0': !validationError
-    }),
-    invalid: !!validationError,
-    message: validationError === null || validationError === void 0 ? void 0 : validationError.message
-  }, /*#__PURE__*/React__default.createElement(Input, Object.assign({}, otherProps, {
-    "aria-hidden": true,
-    autoFocus: true,
-    invalid: !!validationError,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    ref: ref,
-    value: searchQuery
-  })));
-});
-
-export { Search };
-//# sourceMappingURL=Search.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\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 type Select2SearchProps = InputProps & {};\n\nexport const Search = React.forwardRef<HTMLInputElement, Select2SearchProps>(function ListboxSearch(props, ref) {\n    const { ...otherProps } = props;\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                {...otherProps}\n                aria-hidden\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","otherProps","listboxRef","searchQuery","setSearchQuery","setValidationError","validationError","useSelect2Context","handleChange","event","undefined","target","value","handleKeyDown","key","isAriaSelectionKey","preventDefault","current","dispatchEvent","createCustomKeyboardEvent","Field","className","cn","invalid","message","Input","autoFocus","onChange","onKeyDown"],"mappings":";;;;;;;;MAUaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,aAAa,CAACC,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAE,GAAGC;GAAY,GAAGF,KAAK;EAC/B,MAAM;IAAEG,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;MACnFL,KAAK,CAACO,cAAc,EAAE;;MAEtBd,UAAU,aAAVA,UAAU,8CAAVA,UAAU,CAAEe,OAAO,wDAAnB,oBAAqBC,aAAa,CAACC,yBAAyB,CAACV,KAA8C,CAAC,CAAC;MAC7G;;GAEP;EAED,oBACIb,6BAACwB,KAAK;IACFC,SAAS,EAAEC,EAAE,CAAC,2BAA2B,EAAE;MAAE,OAAO,EAAE,CAAChB;KAAiB,CAAC;IACzEiB,OAAO,EAAE,CAAC,CAACjB,eAAe;IAC1BkB,OAAO,EAAElB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEkB;kBAC1B5B,6BAAC6B,KAAK,oBACExB,UAAU;;IAEdyB,SAAS;IACTH,OAAO,EAAE,CAAC,CAACjB,eAAe;IAC1BqB,QAAQ,EAAEnB,YAAY;IACtBoB,SAAS,EAAEf,aAAa;IACxBb,GAAG,EAAEA,GAAG;IACRY,KAAK,EAAET;KACT,CACE;AAEhB,CAAC;;;;"}

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

@@ -1,17 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import '../../../primitives/Listbox2/components/Root.js';
-import '../../../primitives/Listbox2/components/Option.js';
-import '../../../primitives/Listbox2/components/Group.js';
-import { Title as Title$1 } from '../../../primitives/Listbox2/components/Title.js';
-
-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
-  }));
-});
-
-export { Title };
-//# sourceMappingURL=Title.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sources":["../../../../../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\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,YAAY,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;;;;"}