npm - @economic/taco - Versions diffs - 1.1.13-alpha.0 → 1.2.0 - Mend

@economic/taco 1.1.13-alpha.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/dist/esm/components/Combobox/useCombobox.js CHANGED Viewed

@@ -1,66 +1,47 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useMemo, useEffect } from 'react';
 import { v4 } from 'uuid';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
-import keycode from 'keycode';
 import debounce from 'lodash-es/debounce';
 import { getId } from '../Listbox/ScrollableList.js';
 import { createCustomKeyboardEvent } from '../../utils/input.js';
 import { useFlattenedData, filterData, getIndexFromValue, setInputValueByRef, findByValue, sanitizeItem, getOptionParents } from '../Listbox/util.js';
-var _excluded = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "id", "inline", "loading", "onChange", "onClick", "onKeyDown", "onSearch", "readOnly", "value"];
-var debouncer = /*#__PURE__*/debounce(function (f) {
-  return f();
-}, 200);
-var convertToInputValue = function convertToInputValue(value) {
-  return String(value !== null && value !== void 0 ? value : '');
-};
-var useCombobox = function useCombobox(_ref, ref) {
-  var ariaLabelledBy = _ref['aria-labelledby'],
-      _ref$data = _ref.data,
-      unfilteredData = _ref$data === void 0 ? [] : _ref$data,
-      defaultValue = _ref.defaultValue,
-      disabled = _ref.disabled,
-      inline = _ref.inline,
-      onChange = _ref.onChange,
-      onClick = _ref.onClick,
-      onKeyDown = _ref.onKeyDown,
-      onSearch = _ref.onSearch,
-      readOnly = _ref.readOnly,
-      value = _ref.value,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var inputRef = useProxiedRef(ref);
-  var buttonRef = useRef(null);
-  var listRef = useRef(null);
-  var _React$useState = useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
-  var listId = useMemo(function () {
-    return v4();
-  }, []);
-  var _React$useState2 = useState(convertToInputValue(value)),
-      inputValue = _React$useState2[0],
-      setInputValue = _React$useState2[1];
-  var shouldFilterData = !onSearch && (!inline || inline && inputValue !== convertToInputValue(value));
-  var flattenedData = useFlattenedData(unfilteredData);
-  var data = useMemo(function () {
-    return shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData;
-  }, [shouldFilterData, inputValue, flattenedData]); // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state
-  var _React$useState3 = useState(inputValue !== undefined ? getIndexFromValue(data, inputValue) : undefined),
-      currentIndex = _React$useState3[0],
-      setCurrentIndex = _React$useState3[1];
-  var setInputValueByIndex = function setInputValueByIndex(index) {
+const debouncer = /*#__PURE__*/debounce(f => f(), 200);
+const convertToInputValue = value => String(value !== null && value !== void 0 ? value : '');
+const useCombobox = ({
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  data: unfilteredData = [],
+  defaultValue,
+  disabled,
+  id: nativeId,
+  inline,
+  loading: __,
+  onChange,
+  onClick,
+  onKeyDown,
+  onSearch,
+  readOnly,
+  value,
+  ...props
+}, ref) => {
+  const inputRef = useProxiedRef(ref);
+  const buttonRef = useRef(null);
+  const listRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const listId = useMemo(() => v4(), []);
+  const [inputValue, setInputValue] = useState(convertToInputValue(value));
+  const shouldFilterData = !onSearch && (!inline || inline && inputValue !== convertToInputValue(value));
+  const flattenedData = useFlattenedData(unfilteredData);
+  const data = useMemo(() => shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData, [shouldFilterData, inputValue, flattenedData]); // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state
+  const [currentIndex, setCurrentIndex] = useState(inputValue !== undefined ? getIndexFromValue(data, inputValue) : undefined);
+  const setInputValueByIndex = index => {
     if (index !== undefined) {
-      var option = data[index];
+      const option = data[index];
       if (option && !option.disabled) {
         setInputValueByRef(inputRef.current, option.value, 'focusout');
@@ -68,12 +49,12 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
   };
-  var setCurrentValue = function setCurrentValue(index) {
+  const setCurrentValue = index => {
     if (index === undefined) {
       return;
     }
-    var option = data[index]; // if the selected option is not already selected, trigger blur event
+    const option = data[index]; // if the selected option is not already selected, trigger blur event
     if (option.value !== value) {
       setInputValueByIndex(index);
@@ -84,29 +65,29 @@ var useCombobox = function useCombobox(_ref, ref) {
   }; // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set
-  useEffect(function () {
+  useEffect(() => {
     if (defaultValue && !value) {
       setInputValueByIndex(getIndexFromValue(data, defaultValue));
     }
   }, [data]); // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc
-  useEffect(function () {
+  useEffect(() => {
     if (value !== undefined && value !== inputValue) {
       setInputValue(convertToInputValue(value));
     }
   }, [value]);
-  useEffect(function () {
+  useEffect(() => {
     if (onSearch) {
-      debouncer(function () {
+      debouncer(() => {
         onSearch(inputValue);
       });
     }
   }, [inputValue]); // show listbox based on input value
-  useEffect(function () {
+  useEffect(() => {
     // don't show the popover if the internal (input) value already is the current value
     // this prevents the popover showing after selecting a value or pressing escape
-    var isCurrentValue = value !== undefined && value !== null && inputValue === String(value);
+    const isCurrentValue = value !== undefined && value !== null && inputValue === String(value);
     if (inputValue && data.length && !isCurrentValue) {
       setCurrentIndex(0);
@@ -118,7 +99,7 @@ var useCombobox = function useCombobox(_ref, ref) {
       setOpen(false);
     }
   }, [inputValue, data]);
-  useEffect(function () {
+  useEffect(() => {
     if (open) {
       setCurrentIndex(getIndexFromValue(data, inputValue) || 0);
     } else {
@@ -126,7 +107,7 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
   }, [open]); // event handlers
-  var handleInputBlur = function handleInputBlur(event) {
+  const handleInputBlur = event => {
     event.persist();
     if (event.relatedTarget === listRef.current) {
@@ -135,9 +116,9 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
     if (onChange && event.target.value !== value) {
-      var item = findByValue(flattenedData, event.target.value);
+      const item = findByValue(flattenedData, event.target.value);
       event.detail = sanitizeItem(item);
-      var parents = getOptionParents(flattenedData, item === null || item === void 0 ? void 0 : item.path);
+      const parents = getOptionParents(flattenedData, item === null || item === void 0 ? void 0 : item.path);
       if (parents !== null && parents.length > 0) {
         event.detail.parents = parents;
@@ -151,11 +132,11 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
   };
-  var handleInputChange = function handleInputChange(event) {
+  const handleInputChange = event => {
     setInputValue(event.target.value);
   };
-  var handleInputClick = function handleInputClick(event) {
+  const handleInputClick = event => {
     if (inline || !open && inputValue && data.length) {
       setOpen(true);
     }
@@ -166,16 +147,16 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
   };
-  var handleInputKeyDown = function handleInputKeyDown(event) {
+  const handleInputKeyDown = event => {
     event.persist();
-    switch (event.keyCode) {
-      case keycode('backspace'):
+    switch (event.key) {
+      case 'Backspace':
         {
           return;
         }
-      case keycode('escape'):
+      case 'Escape':
         {
           event.preventDefault();
           setInputValue(convertToInputValue(value));
@@ -183,10 +164,10 @@ var useCombobox = function useCombobox(_ref, ref) {
           return;
         }
-      case keycode('tab'):
-      case keycode('enter'):
+      case 'Tab':
+      case 'Enter':
         {
-          if (event.keyCode !== keycode('tab')) {
+          if (event.key !== 'Tab') {
             event.preventDefault();
           }
@@ -195,7 +176,7 @@ var useCombobox = function useCombobox(_ref, ref) {
           return;
         }
-      case keycode('down'):
+      case 'ArrowDown':
         if (open) {
           event.preventDefault();
         } else {
@@ -206,9 +187,9 @@ var useCombobox = function useCombobox(_ref, ref) {
         break;
-      case keycode('up'):
-      case keycode('home'):
-      case keycode('end'):
+      case 'ArrowUp':
+      case 'Home':
+      case 'End':
         {
           if (open) {
             event.preventDefault();
@@ -224,9 +205,9 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
     if (inline && !open) {
-      if (event.keyCode === keycode('up') || event.keyCode === keycode('down')) {
+      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
         event.preventDefault();
-        var initialIndex = event.keyCode === keycode('up') ? data.length - 1 : 0;
+        const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;
         setCurrentIndex(currentIndex !== undefined ? currentIndex : initialIndex);
         setOpen(true);
       }
@@ -238,24 +219,23 @@ var useCombobox = function useCombobox(_ref, ref) {
     }
   };
-  var handleListboxChange = function handleListboxChange(index) {
+  const handleListboxChange = index => {
     setCurrentIndex(index);
   };
-  var handleListboxClick = function handleListboxClick(event, index) {
+  const handleListboxClick = (event, index) => {
     event.preventDefault();
     setCurrentValue(index);
     setOpen(false);
   };
-  var combobox = {
+  const combobox = {
     'aria-expanded': open,
     'aria-owns': listId,
     'aria-haspopup': 'listbox',
     role: 'combobox'
   };
-  var input = _extends({}, props, {
+  const input = { ...props,
     'aria-controls': listId,
     // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions
     // are related to the string that is present in the textbox
@@ -263,21 +243,20 @@ var useCombobox = function useCombobox(_ref, ref) {
     // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element
     'aria-activedescendant': currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,
     'aria-labelledby': ariaLabelledBy,
-    disabled: disabled,
+    disabled,
     onBlur: !disabled && !readOnly ? handleInputBlur : undefined,
     onChange: !disabled && !readOnly ? handleInputChange : undefined,
     onClick: !disabled && !readOnly ? handleInputClick : undefined,
     onKeyDown: !disabled && !readOnly ? handleInputKeyDown : undefined,
-    readOnly: readOnly,
+    readOnly,
     ref: inputRef,
     type: 'text',
     value: inputValue !== null && inputValue !== void 0 ? inputValue : ''
-  });
-  var list = {
+  };
+  const list = {
     'aria-labelledby': ariaLabelledBy,
-    data: data,
-    disabled: disabled,
+    data,
+    disabled,
     id: listId,
     onChange: handleListboxChange,
     onClick: handleListboxClick,
@@ -286,16 +265,16 @@ var useCombobox = function useCombobox(_ref, ref) {
     tabIndex: -1,
     value: currentIndex
   };
-  var button = {
+  const button = {
     ref: buttonRef
   };
   return {
-    combobox: combobox,
-    input: input,
-    list: list,
-    button: button,
+    combobox,
+    input,
+    list,
+    button,
     popover: {
-      open: open,
+      open,
       onOpenChange: setOpen
     }
   };

package/dist/esm/components/Combobox/useCombobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCombobox.js","sources":["../../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport keycode from 'keycode';\nimport { v4 as uuid } from 'uuid';\nimport debounce from 'lodash/debounce';\nimport { ComboboxProps } from './Combobox';\nimport {\n setInputValueByRef,\n getIndexFromValue,\n findByValue,\n useFlattenedData,\n sanitizeItem,\n getOptionParents,\n filterData,\n} from '../Listbox/util';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getId, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst convertToInputValue = (value: ScrollableListItemValue \| undefined) => String(value ?? '');\n\ntype useCombobox = React.HTMLAttributes<HTMLDivElement> & {\n combobox: React.HTMLAttributes<HTMLSpanElement>;\n input: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n list: ScrollableListPropsWithRef;\n button: { ref: any };\n popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n data: unfilteredData = [],\n defaultValue,\n disabled,\n id: nativeId,\n inline,\n loading: __,\n onChange,\n onClick,\n onKeyDown,\n onSearch,\n readOnly,\n value,\n ...props\n }: Omit<ComboboxProps, 'dialog'>,\n ref: React.Ref<HTMLInputElement>\n): useCombobox => {\n const inputRef = useProxiedRef<HTMLInputElement>(ref);\n const buttonRef = React.useRef<HTMLButtonElement>(null);\n const listRef = React.useRef<HTMLUListElement>(null);\n const [open, setOpen] = React.useState(false);\n const listId = React.useMemo(() => uuid(), []);\n const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n const shouldFilterData = !onSearch && (!inline \|\| (inline && inputValue !== convertToInputValue(value)));\n const flattenedData = useFlattenedData(unfilteredData);\n const data = React.useMemo(\n () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n [shouldFilterData, inputValue, flattenedData]\n );\n // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n const [currentIndex, setCurrentIndex] = React.useState<number \| undefined>(\n inputValue !== undefined ? getIndexFromValue(data, inputValue) : undefined\n );\n\n const setInputValueByIndex = (index: number \| undefined): void => {\n if (index !== undefined) {\n const option = data[index];\n\n if (option && !option.disabled) {\n setInputValueByRef(inputRef.current, option.value, 'focusout');\n }\n }\n };\n\n const setCurrentValue = (index: number \| undefined) => {\n if (index === undefined) {\n return;\n }\n\n const option = data[index];\n\n // if the selected option is not already selected, trigger blur event\n if (option.value !== value) {\n setInputValueByIndex(index);\n } else {\n // if the selected option is already selected, refill input with its value\n setInputValue(convertToInputValue(value));\n }\n };\n\n // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n React.useEffect(() => {\n if (defaultValue && !value) {\n setInputValueByIndex(getIndexFromValue(data, defaultValue));\n }\n }, [data]);\n\n // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc\n React.useEffect(() => {\n if (value !== undefined && value !== inputValue) {\n setInputValue(convertToInputValue(value));\n }\n }, [value]);\n\n React.useEffect(() => {\n if (onSearch) {\n debouncer(() => {\n onSearch(inputValue);\n });\n }\n }, [inputValue]);\n\n // show listbox based on input value\n React.useEffect(() => {\n // don't show the popover if the internal (input) value already is the current value\n // this prevents the popover showing after selecting a value or pressing escape\n const isCurrentValue = value !== undefined && value !== null && inputValue === String(value);\n\n if (inputValue && data.length && !isCurrentValue) {\n setCurrentIndex(0);\n\n if (!open) {\n setOpen(true);\n }\n } else {\n setOpen(false);\n }\n }, [inputValue, data]);\n\n React.useEffect(() => {\n if (open) {\n setCurrentIndex(getIndexFromValue(data, inputValue) \|\| 0);\n } else {\n setCurrentIndex(undefined);\n }\n }, [open]);\n\n // event handlers\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n event.persist();\n\n if (event.relatedTarget === listRef.current) {\n event.preventDefault();\n return;\n }\n\n if (onChange && event.target.value !== value) {\n const item = findByValue(flattenedData, event.target.value);\n (event as any).detail = sanitizeItem(item);\n\n const parents = getOptionParents(flattenedData, item?.path);\n\n if (parents !== null && parents.length > 0) {\n (event as any).detail.parents = parents;\n }\n\n onChange(event);\n }\n\n if (props.onBlur) {\n props.onBlur(event);\n }\n };\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n setInputValue(event.target.value);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n if (inline \|\| (!open && inputValue && data.length)) {\n setOpen(true);\n }\n\n if (onClick) {\n event.persist();\n onClick(event);\n }\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n event.persist();\n\n switch (event.keyCode) {\n case keycode('backspace'): {\n return;\n }\n\n case keycode('escape'): {\n event.preventDefault();\n setInputValue(convertToInputValue(value));\n setOpen(false);\n return;\n }\n\n case keycode('tab'):\n case keycode('enter'): {\n if (event.keyCode !== keycode('tab')) {\n event.preventDefault();\n }\n\n setCurrentValue(currentIndex);\n setOpen(false);\n return;\n }\n\n case keycode('down'):\n if (open) {\n event.preventDefault();\n } else {\n if (!inline && buttonRef.current) {\n buttonRef.current.click();\n }\n }\n break;\n\n case keycode('up'):\n case keycode('home'):\n case keycode('end'): {\n if (open) {\n event.preventDefault();\n }\n break;\n }\n\n default:\n }\n\n // we aren't focused on the list, so manually forward the keydown event to it\n if (listRef.current) {\n listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n }\n\n if (inline && !open) {\n if (event.keyCode === keycode('up') \|\| event.keyCode === keycode('down')) {\n event.preventDefault();\n const initialIndex = event.keyCode === keycode('up') ? data.length - 1 : 0;\n setCurrentIndex(currentIndex !== undefined ? currentIndex : initialIndex);\n setOpen(true);\n }\n }\n\n if (!event.isDefaultPrevented() && onKeyDown) {\n event.persist();\n onKeyDown(event);\n }\n };\n\n const handleListboxChange = (index: number): void => {\n setCurrentIndex(index);\n };\n\n const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n event.preventDefault();\n setCurrentValue(index);\n setOpen(false);\n };\n\n const combobox = {\n 'aria-expanded': open,\n 'aria-owns': listId,\n 'aria-haspopup': 'listbox' as const,\n role: 'combobox',\n };\n\n const input = {\n ...props,\n 'aria-controls': listId,\n // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n // are related to the string that is present in the textbox\n 'aria-autocomplete': 'list' as const,\n // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n 'aria-activedescendant':\n currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n 'aria-labelledby': ariaLabelledBy,\n disabled,\n onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n onChange: !disabled && !readOnly ? handleInputChange : undefined,\n onClick: !disabled && !readOnly ? handleInputClick : undefined,\n onKeyDown: !disabled && !readOnly ? handleInputKeyDown : undefined,\n readOnly,\n ref: inputRef,\n type: 'text',\n value: inputValue ?? '',\n };\n\n const list: ScrollableListPropsWithRef = {\n 'aria-labelledby': ariaLabelledBy,\n data,\n disabled,\n id: listId,\n onChange: handleListboxChange,\n onClick: handleListboxClick,\n ref: listRef,\n scrollOnFocus: false,\n tabIndex: -1,\n value: currentIndex,\n };\n\n const button = {\n ref: buttonRef,\n };\n\n return {\n combobox,\n input,\n list,\n button,\n popover: {\n open,\n onOpenChange: setOpen,\n //visible: !data.length ? false : open,\n },\n };\n};\n"],"names":["debouncer","debounce","f","convertToInputValue","value","String","useCombobox","ref","ariaLabelledBy","data","unfilteredData","defaultValue","disabled","inline","onChange","onClick","onKeyDown","onSearch","readOnly","props","inputRef","useProxiedRef","buttonRef","React","listRef","open","setOpen","listId","uuid","inputValue","setInputValue","shouldFilterData","flattenedData","useFlattenedData","filterData","undefined","getIndexFromValue","currentIndex","setCurrentIndex","setInputValueByIndex","index","option","setInputValueByRef","current","setCurrentValue","isCurrentValue","length","handleInputBlur","event","persist","relatedTarget","preventDefault","target","item","findByValue","detail","sanitizeItem","parents","getOptionParents","path","onBlur","handleInputChange","handleInputClick","handleInputKeyDown","keyCode","keycode","click","dispatchEvent","createCustomKeyboardEvent","initialIndex","isDefaultPrevented","handleListboxChange","handleListboxClick","combobox","role","input","getId","type","list","id","scrollOnFocus","tabIndex","button","popover","onOpenChange"],"mappings":"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"}
1	+ {"version":3,"file":"useCombobox.js","sources":["../../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport debounce from 'lodash/debounce';\nimport { ComboboxProps } from './Combobox';\nimport {\n setInputValueByRef,\n getIndexFromValue,\n findByValue,\n useFlattenedData,\n sanitizeItem,\n getOptionParents,\n filterData,\n} from '../Listbox/util';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getId, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\n\nconst debouncer = debounce(f => f(), 200);\n\nconst convertToInputValue = (value: ScrollableListItemValue \| undefined) => String(value ?? '');\n\ntype useCombobox = React.HTMLAttributes<HTMLDivElement> & {\n combobox: React.HTMLAttributes<HTMLSpanElement>;\n input: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\n list: ScrollableListPropsWithRef;\n button: { ref: any };\n popover: { open: boolean; onOpenChange: (open: boolean) => void };\n};\n\nexport const useCombobox = (\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n data: unfilteredData = [],\n defaultValue,\n disabled,\n id: nativeId,\n inline,\n loading: __,\n onChange,\n onClick,\n onKeyDown,\n onSearch,\n readOnly,\n value,\n ...props\n }: Omit<ComboboxProps, 'dialog'>,\n ref: React.Ref<HTMLInputElement>\n): useCombobox => {\n const inputRef = useProxiedRef<HTMLInputElement>(ref);\n const buttonRef = React.useRef<HTMLButtonElement>(null);\n const listRef = React.useRef<HTMLUListElement>(null);\n const [open, setOpen] = React.useState(false);\n const listId = React.useMemo(() => uuid(), []);\n const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\n const shouldFilterData = !onSearch && (!inline \|\| (inline && inputValue !== convertToInputValue(value)));\n const flattenedData = useFlattenedData(unfilteredData);\n const data = React.useMemo(\n () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\n [shouldFilterData, inputValue, flattenedData]\n );\n // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\n const [currentIndex, setCurrentIndex] = React.useState<number \| undefined>(\n inputValue !== undefined ? getIndexFromValue(data, inputValue) : undefined\n );\n\n const setInputValueByIndex = (index: number \| undefined): void => {\n if (index !== undefined) {\n const option = data[index];\n\n if (option && !option.disabled) {\n setInputValueByRef(inputRef.current, option.value, 'focusout');\n }\n }\n };\n\n const setCurrentValue = (index: number \| undefined) => {\n if (index === undefined) {\n return;\n }\n\n const option = data[index];\n\n // if the selected option is not already selected, trigger blur event\n if (option.value !== value) {\n setInputValueByIndex(index);\n } else {\n // if the selected option is already selected, refill input with its value\n setInputValue(convertToInputValue(value));\n }\n };\n\n // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\n React.useEffect(() => {\n if (defaultValue && !value) {\n setInputValueByIndex(getIndexFromValue(data, defaultValue));\n }\n }, [data]);\n\n // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc\n React.useEffect(() => {\n if (value !== undefined && value !== inputValue) {\n setInputValue(convertToInputValue(value));\n }\n }, [value]);\n\n React.useEffect(() => {\n if (onSearch) {\n debouncer(() => {\n onSearch(inputValue);\n });\n }\n }, [inputValue]);\n\n // show listbox based on input value\n React.useEffect(() => {\n // don't show the popover if the internal (input) value already is the current value\n // this prevents the popover showing after selecting a value or pressing escape\n const isCurrentValue = value !== undefined && value !== null && inputValue === String(value);\n\n if (inputValue && data.length && !isCurrentValue) {\n setCurrentIndex(0);\n\n if (!open) {\n setOpen(true);\n }\n } else {\n setOpen(false);\n }\n }, [inputValue, data]);\n\n React.useEffect(() => {\n if (open) {\n setCurrentIndex(getIndexFromValue(data, inputValue) \|\| 0);\n } else {\n setCurrentIndex(undefined);\n }\n }, [open]);\n\n // event handlers\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n event.persist();\n\n if (event.relatedTarget === listRef.current) {\n event.preventDefault();\n return;\n }\n\n if (onChange && event.target.value !== value) {\n const item = findByValue(flattenedData, event.target.value);\n (event as any).detail = sanitizeItem(item);\n\n const parents = getOptionParents(flattenedData, item?.path);\n\n if (parents !== null && parents.length > 0) {\n (event as any).detail.parents = parents;\n }\n\n onChange(event);\n }\n\n if (props.onBlur) {\n props.onBlur(event);\n }\n };\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n setInputValue(event.target.value);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\n if (inline \|\| (!open && inputValue && data.length)) {\n setOpen(true);\n }\n\n if (onClick) {\n event.persist();\n onClick(event);\n }\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n event.persist();\n\n switch (event.key) {\n case 'Backspace': {\n return;\n }\n\n case 'Escape': {\n event.preventDefault();\n setInputValue(convertToInputValue(value));\n setOpen(false);\n return;\n }\n\n case 'Tab':\n case 'Enter': {\n if (event.key !== 'Tab') {\n event.preventDefault();\n }\n\n setCurrentValue(currentIndex);\n setOpen(false);\n return;\n }\n\n case 'ArrowDown':\n if (open) {\n event.preventDefault();\n } else {\n if (!inline && buttonRef.current) {\n buttonRef.current.click();\n }\n }\n break;\n\n case 'ArrowUp':\n case 'Home':\n case 'End': {\n if (open) {\n event.preventDefault();\n }\n break;\n }\n\n default:\n }\n\n // we aren't focused on the list, so manually forward the keydown event to it\n if (listRef.current) {\n listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\n }\n\n if (inline && !open) {\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const initialIndex = event.key === 'ArrowUp' ? data.length - 1 : 0;\n setCurrentIndex(currentIndex !== undefined ? currentIndex : initialIndex);\n setOpen(true);\n }\n }\n\n if (!event.isDefaultPrevented() && onKeyDown) {\n event.persist();\n onKeyDown(event);\n }\n };\n\n const handleListboxChange = (index: number): void => {\n setCurrentIndex(index);\n };\n\n const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n event.preventDefault();\n setCurrentValue(index);\n setOpen(false);\n };\n\n const combobox = {\n 'aria-expanded': open,\n 'aria-owns': listId,\n 'aria-haspopup': 'listbox' as const,\n role: 'combobox',\n };\n\n const input = {\n ...props,\n 'aria-controls': listId,\n // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions\n // are related to the string that is present in the textbox\n 'aria-autocomplete': 'list' as const,\n // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\n 'aria-activedescendant':\n currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\n 'aria-labelledby': ariaLabelledBy,\n disabled,\n onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\n onChange: !disabled && !readOnly ? handleInputChange : undefined,\n onClick: !disabled && !readOnly ? handleInputClick : undefined,\n onKeyDown: !disabled && !readOnly ? handleInputKeyDown : undefined,\n readOnly,\n ref: inputRef,\n type: 'text',\n value: inputValue ?? '',\n };\n\n const list: ScrollableListPropsWithRef = {\n 'aria-labelledby': ariaLabelledBy,\n data,\n disabled,\n id: listId,\n onChange: handleListboxChange,\n onClick: handleListboxClick,\n ref: listRef,\n scrollOnFocus: false,\n tabIndex: -1,\n value: currentIndex,\n };\n\n const button = {\n ref: buttonRef,\n };\n\n return {\n combobox,\n input,\n list,\n button,\n popover: {\n open,\n onOpenChange: setOpen,\n //visible: !data.length ? false : open,\n },\n };\n};\n"],"names":["debouncer","debounce","f","convertToInputValue","value","String","useCombobox","ariaLabel","ariaLabelledBy","data","unfilteredData","defaultValue","disabled","id","nativeId","inline","loading","__","onChange","onClick","onKeyDown","onSearch","readOnly","props","ref","inputRef","useProxiedRef","buttonRef","React","listRef","open","setOpen","listId","uuid","inputValue","setInputValue","shouldFilterData","flattenedData","useFlattenedData","filterData","currentIndex","setCurrentIndex","undefined","getIndexFromValue","setInputValueByIndex","index","option","setInputValueByRef","current","setCurrentValue","isCurrentValue","length","handleInputBlur","event","persist","relatedTarget","preventDefault","target","item","findByValue","detail","sanitizeItem","parents","getOptionParents","path","onBlur","handleInputChange","handleInputClick","handleInputKeyDown","key","click","dispatchEvent","createCustomKeyboardEvent","initialIndex","isDefaultPrevented","handleListboxChange","handleListboxClick","combobox","role","input","getId","type","list","scrollOnFocus","tabIndex","button","popover","onOpenChange"],"mappings":"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"}

package/dist/esm/components/Datepicker/Datepicker.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -8,23 +7,23 @@ import { Input } from '../Input/Input.js';
 import { useDatepicker } from './useDatepicker.js';
 import { Popover } from '../Popover/Popover.js';
-var _excluded = ["className", "onReset", "style", "shortcuts", "shortcutsText"];
-var Datepicker = /*#__PURE__*/forwardRef(function Datepicker(props, ref) {
-  var externalClassName = props.className,
-      handleReset = props.onReset,
-      style = props.style,
-      shortcuts = props.shortcuts,
-      shortcutsText = props.shortcutsText,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useDatepicker = useDatepicker(otherProps, ref),
-      calendar = _useDatepicker.calendar,
-      input = _useDatepicker.input;
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-  var className = cn('inline-flex w-full text-black font-normal', externalClassName);
+const Datepicker = /*#__PURE__*/forwardRef(function Datepicker(props, ref) {
+  const {
+    className: externalClassName,
+    onReset: handleReset,
+    style,
+    shortcuts,
+    shortcutsText,
+    ...otherProps
+  } = props;
+  const {
+    calendar,
+    input
+  } = useDatepicker(otherProps, ref);
+  const {
+    texts
+  } = useLocalization();
+  const className = cn('inline-flex w-full text-black font-normal', externalClassName);
   return createElement("span", {
     className: className,
     "data-taco": "datepicker",
@@ -34,40 +33,37 @@ var Datepicker = /*#__PURE__*/forwardRef(function Datepicker(props, ref) {
       "aria-label": texts.datepicker.expand,
       disabled: input.disabled || input.readOnly,
       icon: "calendar"
-    })), createElement(Popover.Content, null, function (_ref) {
-      var close = _ref.close;
-      return createElement("div", {
-        className: "-m-3 flex"
-      }, createElement(Calendar, Object.assign({}, calendar, {
-        onChange: function onChange(date, event) {
-          calendar.onChange(date, event);
-          close();
-        },
-        tabIndex: -1
-      })), shortcuts && createElement("div", {
-        className: "border-grey-dark flex flex-col border-l"
-      }, createElement("span", {
-        className: "m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold"
-      }, shortcutsText !== null && shortcutsText !== void 0 ? shortcutsText : texts.datepicker.shortcuts), createElement("ul", null, shortcuts.map(function (shortcut, i) {
-        return createElement("li", {
-          key: i
-        }, createElement("button", {
-          className: "hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs",
-          onClick: function onClick(event) {
-            event.persist();
-            shortcut.onClick(event);
-            close();
-          }
-        }, shortcut.text));
-      })), handleReset && createElement("button", {
-        className: "text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs",
-        onClick: function onClick(event) {
-          event.persist();
-          handleReset(event);
-          close();
-        }
-      }, texts.datepicker.clear)));
-    }))
+    })), createElement(Popover.Content, null, ({
+      close
+    }) => createElement("div", {
+      className: "-m-3 flex"
+    }, createElement(Calendar, Object.assign({}, calendar, {
+      onChange: (date, event) => {
+        calendar.onChange(date, event);
+        close();
+      },
+      tabIndex: -1
+    })), shortcuts && createElement("div", {
+      className: "border-grey-dark flex flex-col border-l"
+    }, createElement("span", {
+      className: "m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold"
+    }, shortcutsText !== null && shortcutsText !== void 0 ? shortcutsText : texts.datepicker.shortcuts), createElement("ul", null, shortcuts.map((shortcut, i) => createElement("li", {
+      key: i
+    }, createElement("button", {
+      className: "hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs",
+      onClick: event => {
+        event.persist();
+        shortcut.onClick(event);
+        close();
+      }
+    }, shortcut.text)))), handleReset && createElement("button", {
+      className: "text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs",
+      onClick: event => {
+        event.persist();
+        handleReset(event);
+        close();
+      }
+    }, texts.datepicker.clear)))))
   })));
 });

package/dist/esm/components/Datepicker/Datepicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Datepicker.js","sources":["../../../../src/components/Datepicker/Datepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Calendar, CalendarProps } from '../Calendar/Calendar';\nimport { Input, InputProps } from '../Input/Input';\nimport { useLocalization } from '../Provider/Provider';\nimport { useDatepicker } from './useDatepicker';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Popover } from '../Popover/Popover';\n\nexport type DatepickerTexts = {\n /** Aria-label for calendar /\n calendar: string;\n /* Clear button text /\n clear: string;\n /\n Aria-label for calendar icon button in the input.\n * Calendar will open when user clicks this icon button.\n /\n expand: string;\n /* Shortcut heading text /\n shortcuts: string;\n};\n\nexport type DatepickerProps = Omit<InputProps, 'value'> & {\n /* [Calendar](component:calendar) component associated with the DatePicker /\n calendar?: CalendarProps;\n /* List of shortcuts /\n shortcuts?: any;\n /* Title for the shortcuts panel /\n shortcutsText?: string;\n /* Handler to be called when the clear button is clicked /\n onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n Date value of the calendar.\n * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component\n */\n value?: Date;\n};\n\nexport const Datepicker = React.forwardRef(function Datepicker(props: DatepickerProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, onReset: handleReset, style, shortcuts, shortcutsText, ...otherProps } = props;\n const { calendar, input } = useDatepicker(otherProps, ref);\n const { texts } = useLocalization();\n const className = cn('inline-flex w-full text-black font-normal', externalClassName);\n\n return (\n <span className={className} data-taco=\"datepicker\" style={style}>\n <Input\n {...input}\n button={\n <Popover>\n <Popover.Trigger>\n <IconButton\n aria-label={texts.datepicker.expand}\n disabled={input.disabled \|\| input.readOnly}\n icon=\"calendar\"\n />\n </Popover.Trigger>\n <Popover.Content>\n {({ close }) => (\n <div className=\"-m-3 flex\">\n <Calendar\n {...calendar}\n onChange={(date: Date, event?: React.MouseEvent<HTMLDivElement>) => {\n calendar.onChange(date, event);\n close();\n }}\n tabIndex={-1}\n />\n {shortcuts && (\n <div className=\"border-grey-dark flex flex-col border-l\">\n <span className=\"m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold\">\n {shortcutsText ?? texts.datepicker.shortcuts}\n </span>\n <ul>\n {shortcuts.map((shortcut, i) => (\n <li key={i}>\n <button\n className=\"hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs\"\n onClick={event => {\n event.persist();\n shortcut.onClick(event);\n close();\n }}\n >\n {shortcut.text}\n </button>\n </li>\n ))}\n </ul>\n {handleReset && (\n <button\n className=\"text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs\"\n onClick={event => {\n event.persist();\n handleReset(event);\n close();\n }}\n >\n {texts.datepicker.clear}\n </button>\n )}\n </div>\n )}\n </div>\n )}\n </Popover.Content>\n </Popover>\n }\n />\n </span>\n );\n});\n"],"names":["Datepicker","React","props","ref","~~externalClassName~~","~~className~~","~~handleReset~~","~~onReset~~","style","shortcuts","shortcutsText","otherProps","~~useDatepicker","~~calendar","input","~~useLocalization~~","texts","cn","Input","button","Popover","Trigger","IconButton","datepicker","expand","disabled","readOnly","icon","Content","close","Calendar","onChange","date","event","tabIndex","map","shortcut","i","key","onClick","persist","text","clear"],"mappings":"~~;;;;;;;;;;;IAuCaA~~,UAAU,gBAAGC,UAAA,CAAiB,SAASD,UAAT,CAAoBE,KAApB,EAA4CC,GAA5C;EACvC,~~IAAmBC~~,~~iBAAnB~~,~~GAA+GF~~,~~KAA/G,CAAQG,SAAR~~;~~MAA+CC~~,~~WAA/C~~,~~GAA+GJ~~,~~KAA/G~~,~~CAAsCK~~,~~OAAtC~~;~~MAA4DC~~,~~KAA5D~~,~~GAA+GN~~,KAA/G~~,CAA4DM,KAA5D~~;~~MAAmEC~~,~~SAAnE,GAA+GP,KAA/G,CAAmEO,SAAnE~~;~~MAA8EC~~,~~aAA9E,GAA+GR,KAA/G,CAA8EQ,aAA9E~~;~~MAAgGC~~,~~UAAhG,iCAA+GT,KAA/G;;EACA,qBAA4BU,~~aAAa,~~CAACD~~,UAAD,EAAaR,GAAb,CAAzC;~~MAAQU~~,~~QAAR,kBAAQA,QAAR~~;~~MAAkBC~~,~~KAAlB,kBAAkBA,KAAlB;;EACA,uBAAkBC,~~eAAe,EAAjC;~~MAAQC,KAAR,oBAAQA,KAAR;;~~EACA,~~IAAMX~~,SAAS,~~GAAGY~~,EAAE,CAAC,2CAAD,~~EAA8Cb~~,iBAA9C,CAApB;EAEA,~~OACIH~~,aAAA,OAAA;~~IAAMI~~,SAAS,EAAEA;iBAAqB;~~IAAaG~~,KAAK,EAAEA;GAA1D,EACIP,aAAA,CAACiB,KAAD,~~oBACQJ~~;~~IACJK~~,MAAM,EACFlB,aAAA,CAACmB,OAAD,MAAA,EACInB,aAAA,CAACmB,OAAO,CAACC,OAAT,MAAA,EACIpB,aAAA,CAACqB,UAAD;~~oBACgBN~~,KAAK,~~CAACO~~,UAAN,CAAiBC;MAC7BC,QAAQ,~~EAAEX~~,KAAK,~~CAACW~~,QAAN,~~IAAkBX~~,KAAK,~~CAACY~~;MAClCC,IAAI,EAAC;KAHT,CADJ,CADJ,EAQI1B,aAAA,CAACmB,OAAO,CAACQ,OAAT,MAAA,EACK;~~MAAA,IAAGC,~~KAAH,~~QAAGA~~,~~KAAH;MAAA,OACG5B,~~aAAA,MAAA;~~QAAKI~~,SAAS,EAAC;~~OAAf~~,~~EACIJ~~,aAAA,CAAC6B,QAAD,~~oBACQjB~~;~~QACJkB~~,QAAQ,EAAE,~~kBAACC~~,IAAD,EAAaC,KAAb;~~UACNpB~~,QAAQ,~~CAACkB~~,QAAT,CAAkBC,IAAlB,EAAwBC,KAAxB;~~UACAJ~~,KAAK;;~~QAETK~~,QAAQ,EAAE,CAAC;~~QANf~~,CADJ,EASKzB,SAAS,IACNR,aAAA,MAAA;~~QAAKI~~,SAAS,EAAC;~~OAAf~~,~~EACIJ~~,aAAA,OAAA;~~QAAMI~~,SAAS,EAAC;~~OAAhB~~,~~EACKK~~,aADL,aACKA,aADL,cACKA,aADL,~~GACsBM~~,KAAK,~~CAACO~~,UAAN,CAAiBd,SADvC,CADJ,EAIIR,aAAA,KAAA,MAAA,EACKQ,SAAS,CAAC0B,GAAV,CAAc,~~UAACC~~,QAAD,EAAWC,CAAX~~;QAAA~~,~~OACXpC~~,aAAA,KAAA;~~UAAIqC~~,GAAG,EAAED;~~SAAT~~,EACIpC,aAAA,SAAA;~~UACII~~,SAAS,EAAC;~~UACVkC~~,OAAO,~~EAAE~~,~~iBAAAN,~~KAAK;~~YACVA~~,KAAK,CAACO,OAAN;~~YACAJ~~,QAAQ,CAACG,OAAT,CAAiBN,KAAjB;~~YACAJ~~,KAAK;;~~SALb~~,EAQKO,QAAQ,CAACK,IARd,CADJ,~~CADW;OAAd~~,CADL,CAJJ,~~EAoBKnC~~,WAAW,~~IACRL~~,aAAA,SAAA;~~QACII~~,SAAS,EAAC;~~QACVkC~~,OAAO,~~EAAE~~,~~iBAAAN,~~KAAK;~~UACVA~~,KAAK,CAACO,OAAN;~~UACAlC~~,WAAW,~~CAAC2B~~,KAAD,CAAX;~~UACAJ~~,KAAK;;~~OALb~~,~~EAQKb~~,KAAK,~~CAACO~~,UAAN,CAAiBmB,KARtB,CArBR,CAVR,~~CADH;KADL~~,CARJ;IAHR,CADJ,CADJ;AAmEH,CAzEyB;;;;"}
1	+ {"version":3,"file":"Datepicker.js","sources":["../../../../src/components/Datepicker/Datepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Calendar, CalendarProps } from '../Calendar/Calendar';\nimport { Input, InputProps } from '../Input/Input';\nimport { useLocalization } from '../Provider/Provider';\nimport { useDatepicker } from './useDatepicker';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Popover } from '../Popover/Popover';\n\nexport type DatepickerTexts = {\n /** Aria-label for calendar /\n calendar: string;\n /* Clear button text /\n clear: string;\n /\n Aria-label for calendar icon button in the input.\n * Calendar will open when user clicks this icon button.\n /\n expand: string;\n /* Shortcut heading text /\n shortcuts: string;\n};\n\nexport type DatepickerProps = Omit<InputProps, 'value'> & {\n /* [Calendar](component:calendar) component associated with the DatePicker /\n calendar?: CalendarProps;\n /* List of shortcuts /\n shortcuts?: any;\n /* Title for the shortcuts panel /\n shortcutsText?: string;\n /* Handler to be called when the clear button is clicked /\n onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n Date value of the calendar.\n * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component\n */\n value?: Date;\n};\n\nexport const Datepicker = React.forwardRef(function Datepicker(props: DatepickerProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, onReset: handleReset, style, shortcuts, shortcutsText, ...otherProps } = props;\n const { calendar, input } = useDatepicker(otherProps, ref);\n const { texts } = useLocalization();\n const className = cn('inline-flex w-full text-black font-normal', externalClassName);\n\n return (\n <span className={className} data-taco=\"datepicker\" style={style}>\n <Input\n {...input}\n button={\n <Popover>\n <Popover.Trigger>\n <IconButton\n aria-label={texts.datepicker.expand}\n disabled={input.disabled \|\| input.readOnly}\n icon=\"calendar\"\n />\n </Popover.Trigger>\n <Popover.Content>\n {({ close }) => (\n <div className=\"-m-3 flex\">\n <Calendar\n {...calendar}\n onChange={(date: Date, event?: React.MouseEvent<HTMLDivElement>) => {\n calendar.onChange(date, event);\n close();\n }}\n tabIndex={-1}\n />\n {shortcuts && (\n <div className=\"border-grey-dark flex flex-col border-l\">\n <span className=\"m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold\">\n {shortcutsText ?? texts.datepicker.shortcuts}\n </span>\n <ul>\n {shortcuts.map((shortcut, i) => (\n <li key={i}>\n <button\n className=\"hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs\"\n onClick={event => {\n event.persist();\n shortcut.onClick(event);\n close();\n }}\n >\n {shortcut.text}\n </button>\n </li>\n ))}\n </ul>\n {handleReset && (\n <button\n className=\"text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs\"\n onClick={event => {\n event.persist();\n handleReset(event);\n close();\n }}\n >\n {texts.datepicker.clear}\n </button>\n )}\n </div>\n )}\n </div>\n )}\n </Popover.Content>\n </Popover>\n }\n />\n </span>\n );\n});\n"],"names":["Datepicker","React","props","ref","className","externalClassName","onReset","handleReset","style","shortcuts","shortcutsText","otherProps","calendar","input","useDatepicker","texts","useLocalization","cn","Input","button","Popover","Trigger","IconButton","datepicker","expand","disabled","readOnly","icon","Content","close","Calendar","onChange","date","event","tabIndex","map","shortcut","i","key","onClick","persist","text","clear"],"mappings":";;;;;;;;;MAuCaA,UAAU,gBAAGC,UAAA,CAAiB,SAASD,UAAT,CAAoBE,KAApB,EAA4CC,GAA5C;EACvC,MAAM;IAAEC,SAAS,EAAEC,iBAAb;IAAgCC,OAAO,EAAEC,WAAzC;IAAsDC,KAAtD;IAA6DC,SAA7D;IAAwEC,aAAxE;IAAuF,GAAGC;MAAeT,KAA/G;EACA,MAAM;IAAEU,QAAF;IAAYC;MAAUC,aAAa,CAACH,UAAD,EAAaR,GAAb,CAAzC;EACA,MAAM;IAAEY;MAAUC,eAAe,EAAjC;EACA,MAAMZ,SAAS,GAAGa,EAAE,CAAC,2CAAD,EAA8CZ,iBAA9C,CAApB;EAEA,OACIJ,aAAA,OAAA;IAAMG,SAAS,EAAEA;iBAAqB;IAAaI,KAAK,EAAEA;GAA1D,EACIP,aAAA,CAACiB,KAAD,oBACQL;IACJM,MAAM,EACFlB,aAAA,CAACmB,OAAD,MAAA,EACInB,aAAA,CAACmB,OAAO,CAACC,OAAT,MAAA,EACIpB,aAAA,CAACqB,UAAD;oBACgBP,KAAK,CAACQ,UAAN,CAAiBC;MAC7BC,QAAQ,EAAEZ,KAAK,CAACY,QAAN,IAAkBZ,KAAK,CAACa;MAClCC,IAAI,EAAC;KAHT,CADJ,CADJ,EAQI1B,aAAA,CAACmB,OAAO,CAACQ,OAAT,MAAA,EACK,CAAC;MAAEC;KAAH,KACG5B,aAAA,MAAA;MAAKG,SAAS,EAAC;KAAf,EACIH,aAAA,CAAC6B,QAAD,oBACQlB;MACJmB,QAAQ,EAAE,CAACC,IAAD,EAAaC,KAAb;QACNrB,QAAQ,CAACmB,QAAT,CAAkBC,IAAlB,EAAwBC,KAAxB;QACAJ,KAAK;;MAETK,QAAQ,EAAE,CAAC;MANf,CADJ,EASKzB,SAAS,IACNR,aAAA,MAAA;MAAKG,SAAS,EAAC;KAAf,EACIH,aAAA,OAAA;MAAMG,SAAS,EAAC;KAAhB,EACKM,aADL,aACKA,aADL,cACKA,aADL,GACsBK,KAAK,CAACQ,UAAN,CAAiBd,SADvC,CADJ,EAIIR,aAAA,KAAA,MAAA,EACKQ,SAAS,CAAC0B,GAAV,CAAc,CAACC,QAAD,EAAWC,CAAX,KACXpC,aAAA,KAAA;MAAIqC,GAAG,EAAED;KAAT,EACIpC,aAAA,SAAA;MACIG,SAAS,EAAC;MACVmC,OAAO,EAAEN,KAAK;QACVA,KAAK,CAACO,OAAN;QACAJ,QAAQ,CAACG,OAAT,CAAiBN,KAAjB;QACAJ,KAAK;;KALb,EAQKO,QAAQ,CAACK,IARd,CADJ,CADH,CADL,CAJJ,EAoBKlC,WAAW,IACRN,aAAA,SAAA;MACIG,SAAS,EAAC;MACVmC,OAAO,EAAEN,KAAK;QACVA,KAAK,CAACO,OAAN;QACAjC,WAAW,CAAC0B,KAAD,CAAX;QACAJ,KAAK;;KALb,EAQKd,KAAK,CAACQ,UAAN,CAAiBmB,KARtB,CArBR,CAVR,CAFR,CARJ;IAHR,CADJ,CADJ;AAmEH,CAzEyB;;;;"}