@economic/taco 1.1.12 → 1.1.13-alpha.0

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

@@ -1,3 +1,4 @@
+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';
@@ -7,42 +8,59 @@ import { getId } from '../Listbox/ScrollableList.js';
 import { createCustomKeyboardEvent } from '../../utils/input.js';
 import { useFlattenedData, filterData, getIndexFromValue, setInputValueByRef, findByValue, sanitizeItem, getOptionParents } from '../Listbox/util.js';
 
-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 => {
+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) {
     if (index !== undefined) {
-      const option = data[index];
+      var option = data[index];
 
       if (option && !option.disabled) {
         setInputValueByRef(inputRef.current, option.value, 'focusout');
@@ -50,12 +68,12 @@ const useCombobox = ({
     }
   };
 
-  const setCurrentValue = index => {
+  var setCurrentValue = function setCurrentValue(index) {
     if (index === undefined) {
       return;
     }
 
-    const option = data[index]; // if the selected option is not already selected, trigger blur event
+    var option = data[index]; // if the selected option is not already selected, trigger blur event
 
     if (option.value !== value) {
       setInputValueByIndex(index);
@@ -66,29 +84,29 @@ const useCombobox = ({
   }; // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set
 
 
-  useEffect(() => {
+  useEffect(function () {
     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(() => {
+  useEffect(function () {
     if (value !== undefined && value !== inputValue) {
       setInputValue(convertToInputValue(value));
     }
   }, [value]);
-  useEffect(() => {
+  useEffect(function () {
     if (onSearch) {
-      debouncer(() => {
+      debouncer(function () {
         onSearch(inputValue);
       });
     }
   }, [inputValue]); // show listbox based on input value
 
-  useEffect(() => {
+  useEffect(function () {
     // 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
-    const isCurrentValue = value !== undefined && value !== null && inputValue === String(value);
+    var isCurrentValue = value !== undefined && value !== null && inputValue === String(value);
 
     if (inputValue && data.length && !isCurrentValue) {
       setCurrentIndex(0);
@@ -100,7 +118,7 @@ const useCombobox = ({
       setOpen(false);
     }
   }, [inputValue, data]);
-  useEffect(() => {
+  useEffect(function () {
     if (open) {
       setCurrentIndex(getIndexFromValue(data, inputValue) || 0);
     } else {
@@ -108,7 +126,7 @@ const useCombobox = ({
     }
   }, [open]); // event handlers
 
-  const handleInputBlur = event => {
+  var handleInputBlur = function handleInputBlur(event) {
     event.persist();
 
     if (event.relatedTarget === listRef.current) {
@@ -117,9 +135,9 @@ const useCombobox = ({
     }
 
     if (onChange && event.target.value !== value) {
-      const item = findByValue(flattenedData, event.target.value);
+      var item = findByValue(flattenedData, event.target.value);
       event.detail = sanitizeItem(item);
-      const parents = getOptionParents(flattenedData, item === null || item === void 0 ? void 0 : item.path);
+      var parents = getOptionParents(flattenedData, item === null || item === void 0 ? void 0 : item.path);
 
       if (parents !== null && parents.length > 0) {
         event.detail.parents = parents;
@@ -133,11 +151,11 @@ const useCombobox = ({
     }
   };
 
-  const handleInputChange = event => {
+  var handleInputChange = function handleInputChange(event) {
     setInputValue(event.target.value);
   };
 
-  const handleInputClick = event => {
+  var handleInputClick = function handleInputClick(event) {
     if (inline || !open && inputValue && data.length) {
       setOpen(true);
     }
@@ -148,7 +166,7 @@ const useCombobox = ({
     }
   };
 
-  const handleInputKeyDown = event => {
+  var handleInputKeyDown = function handleInputKeyDown(event) {
     event.persist();
 
     switch (event.keyCode) {
@@ -208,7 +226,7 @@ const useCombobox = ({
     if (inline && !open) {
       if (event.keyCode === keycode('up') || event.keyCode === keycode('down')) {
         event.preventDefault();
-        const initialIndex = event.keyCode === keycode('up') ? data.length - 1 : 0;
+        var initialIndex = event.keyCode === keycode('up') ? data.length - 1 : 0;
         setCurrentIndex(currentIndex !== undefined ? currentIndex : initialIndex);
         setOpen(true);
       }
@@ -220,23 +238,24 @@ const useCombobox = ({
     }
   };
 
-  const handleListboxChange = index => {
+  var handleListboxChange = function handleListboxChange(index) {
     setCurrentIndex(index);
   };
 
-  const handleListboxClick = (event, index) => {
+  var handleListboxClick = function handleListboxClick(event, index) {
     event.preventDefault();
     setCurrentValue(index);
     setOpen(false);
   };
 
-  const combobox = {
+  var combobox = {
     'aria-expanded': open,
     'aria-owns': listId,
     'aria-haspopup': 'listbox',
     role: 'combobox'
   };
-  const input = { ...props,
+
+  var input = _extends({}, 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
@@ -244,20 +263,21 @@ const useCombobox = ({
     // 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 : ''
-  };
-  const list = {
+  });
+
+  var list = {
     'aria-labelledby': ariaLabelledBy,
-    data,
-    disabled,
+    data: data,
+    disabled: disabled,
     id: listId,
     onChange: handleListboxChange,
     onClick: handleListboxClick,
@@ -266,16 +286,16 @@ const useCombobox = ({
     tabIndex: -1,
     value: currentIndex
   };
-  const button = {
+  var button = {
     ref: buttonRef
   };
   return {
-    combobox,
-    input,
-    list,
-    button,
+    combobox: combobox,
+    input: input,
+    list: list,
+    button: button,
     popover: {
-      open,
+      open: open,
       onOpenChange: setOpen
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.js","sources":["../../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport keycode from 'keycode';\r\nimport { v4 as uuid } from 'uuid';\r\nimport debounce from 'lodash/debounce';\r\nimport { ComboboxProps } from './Combobox';\r\nimport {\r\n    setInputValueByRef,\r\n    getIndexFromValue,\r\n    findByValue,\r\n    useFlattenedData,\r\n    sanitizeItem,\r\n    getOptionParents,\r\n    filterData,\r\n} from '../Listbox/util';\r\nimport { createCustomKeyboardEvent } from '../../utils/input';\r\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\r\nimport { getId, ScrollableListItemValue, ScrollableListPropsWithRef } from '../Listbox/ScrollableList';\r\n\r\nconst debouncer = debounce(f => f(), 200);\r\n\r\nconst convertToInputValue = (value: ScrollableListItemValue | undefined) => String(value ?? '');\r\n\r\ntype useCombobox = React.HTMLAttributes<HTMLDivElement> & {\r\n    combobox: React.HTMLAttributes<HTMLSpanElement>;\r\n    input: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue'> & { ref: React.RefObject<HTMLInputElement> };\r\n    list: ScrollableListPropsWithRef;\r\n    button: { ref: any };\r\n    popover: { open: boolean; onOpenChange: (open: boolean) => void };\r\n};\r\n\r\nexport const useCombobox = (\r\n    {\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        data: unfilteredData = [],\r\n        defaultValue,\r\n        disabled,\r\n        id: nativeId,\r\n        inline,\r\n        loading: __,\r\n        onChange,\r\n        onClick,\r\n        onKeyDown,\r\n        onSearch,\r\n        readOnly,\r\n        value,\r\n        ...props\r\n    }: Omit<ComboboxProps, 'dialog'>,\r\n    ref: React.Ref<HTMLInputElement>\r\n): useCombobox => {\r\n    const inputRef = useProxiedRef<HTMLInputElement>(ref);\r\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n    const listRef = React.useRef<HTMLUListElement>(null);\r\n    const [open, setOpen] = React.useState(false);\r\n    const listId = React.useMemo(() => uuid(), []);\r\n    const [inputValue, setInputValue] = React.useState<string>(convertToInputValue(value));\r\n    const shouldFilterData = !onSearch && (!inline || (inline && inputValue !== convertToInputValue(value)));\r\n    const flattenedData = useFlattenedData(unfilteredData);\r\n    const data = React.useMemo(\r\n        () => (shouldFilterData ? filterData(flattenedData, inputValue) : flattenedData),\r\n        [shouldFilterData, inputValue, flattenedData]\r\n    );\r\n    // listbox/select change value _with_ the index, but combobox changes on select of an index (click/enter), so we need state\r\n    const [currentIndex, setCurrentIndex] = React.useState<number | undefined>(\r\n        inputValue !== undefined ? getIndexFromValue(data, inputValue) : undefined\r\n    );\r\n\r\n    const setInputValueByIndex = (index: number | undefined): void => {\r\n        if (index !== undefined) {\r\n            const option = data[index];\r\n\r\n            if (option && !option.disabled) {\r\n                setInputValueByRef(inputRef.current, option.value, 'focusout');\r\n            }\r\n        }\r\n    };\r\n\r\n    const setCurrentValue = (index: number | undefined) => {\r\n        if (index === undefined) {\r\n            return;\r\n        }\r\n\r\n        const option = data[index];\r\n\r\n        // if the selected option is not already selected, trigger blur event\r\n        if (option.value !== value) {\r\n            setInputValueByIndex(index);\r\n        } else {\r\n            // if the selected option is already selected, refill input with its value\r\n            setInputValue(convertToInputValue(value));\r\n        }\r\n    };\r\n\r\n    // ensure the external value is synced with the internal value when mounting, e.g. incase a default value was set\r\n    React.useEffect(() => {\r\n        if (defaultValue && !value) {\r\n            setInputValueByIndex(getIndexFromValue(data, defaultValue));\r\n        }\r\n    }, [data]);\r\n\r\n    // update input value if it changed 'externally', e.g. clicking/entering an item in the listbox, from a modal etc\r\n    React.useEffect(() => {\r\n        if (value !== undefined && value !== inputValue) {\r\n            setInputValue(convertToInputValue(value));\r\n        }\r\n    }, [value]);\r\n\r\n    React.useEffect(() => {\r\n        if (onSearch) {\r\n            debouncer(() => {\r\n                onSearch(inputValue);\r\n            });\r\n        }\r\n    }, [inputValue]);\r\n\r\n    // show listbox based on input value\r\n    React.useEffect(() => {\r\n        // don't show the popover if the internal (input) value already is the current value\r\n        // this prevents the popover showing after selecting a value or pressing escape\r\n        const isCurrentValue = value !== undefined && value !== null && inputValue === String(value);\r\n\r\n        if (inputValue && data.length && !isCurrentValue) {\r\n            setCurrentIndex(0);\r\n\r\n            if (!open) {\r\n                setOpen(true);\r\n            }\r\n        } else {\r\n            setOpen(false);\r\n        }\r\n    }, [inputValue, data]);\r\n\r\n    React.useEffect(() => {\r\n        if (open) {\r\n            setCurrentIndex(getIndexFromValue(data, inputValue) || 0);\r\n        } else {\r\n            setCurrentIndex(undefined);\r\n        }\r\n    }, [open]);\r\n\r\n    // event handlers\r\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\r\n        event.persist();\r\n\r\n        if (event.relatedTarget === listRef.current) {\r\n            event.preventDefault();\r\n            return;\r\n        }\r\n\r\n        if (onChange && event.target.value !== value) {\r\n            const item = findByValue(flattenedData, event.target.value);\r\n            (event as any).detail = sanitizeItem(item);\r\n\r\n            const parents = getOptionParents(flattenedData, item?.path);\r\n\r\n            if (parents !== null && parents.length > 0) {\r\n                (event as any).detail.parents = parents;\r\n            }\r\n\r\n            onChange(event);\r\n        }\r\n\r\n        if (props.onBlur) {\r\n            props.onBlur(event);\r\n        }\r\n    };\r\n\r\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setInputValue(event.target.value);\r\n    };\r\n\r\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>): void => {\r\n        if (inline || (!open && inputValue && data.length)) {\r\n            setOpen(true);\r\n        }\r\n\r\n        if (onClick) {\r\n            event.persist();\r\n            onClick(event);\r\n        }\r\n    };\r\n\r\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n        event.persist();\r\n\r\n        switch (event.keyCode) {\r\n            case keycode('backspace'): {\r\n                return;\r\n            }\r\n\r\n            case keycode('escape'): {\r\n                event.preventDefault();\r\n                setInputValue(convertToInputValue(value));\r\n                setOpen(false);\r\n                return;\r\n            }\r\n\r\n            case keycode('tab'):\r\n            case keycode('enter'): {\r\n                if (event.keyCode !== keycode('tab')) {\r\n                    event.preventDefault();\r\n                }\r\n\r\n                setCurrentValue(currentIndex);\r\n                setOpen(false);\r\n                return;\r\n            }\r\n\r\n            case keycode('down'):\r\n                if (open) {\r\n                    event.preventDefault();\r\n                } else {\r\n                    if (!inline && buttonRef.current) {\r\n                        buttonRef.current.click();\r\n                    }\r\n                }\r\n                break;\r\n\r\n            case keycode('up'):\r\n            case keycode('home'):\r\n            case keycode('end'): {\r\n                if (open) {\r\n                    event.preventDefault();\r\n                }\r\n                break;\r\n            }\r\n\r\n            default:\r\n        }\r\n\r\n        // we aren't focused on the list, so manually forward the keydown event to it\r\n        if (listRef.current) {\r\n            listRef.current.dispatchEvent(createCustomKeyboardEvent(event));\r\n        }\r\n\r\n        if (inline && !open) {\r\n            if (event.keyCode === keycode('up') || event.keyCode === keycode('down')) {\r\n                event.preventDefault();\r\n                const initialIndex = event.keyCode === keycode('up') ? data.length - 1 : 0;\r\n                setCurrentIndex(currentIndex !== undefined ? currentIndex : initialIndex);\r\n                setOpen(true);\r\n            }\r\n        }\r\n\r\n        if (!event.isDefaultPrevented() && onKeyDown) {\r\n            event.persist();\r\n            onKeyDown(event);\r\n        }\r\n    };\r\n\r\n    const handleListboxChange = (index: number): void => {\r\n        setCurrentIndex(index);\r\n    };\r\n\r\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\r\n        event.preventDefault();\r\n        setCurrentValue(index);\r\n        setOpen(false);\r\n    };\r\n\r\n    const combobox = {\r\n        'aria-expanded': open,\r\n        'aria-owns': listId,\r\n        'aria-haspopup': 'listbox' as const,\r\n        role: 'combobox',\r\n    };\r\n\r\n    const input = {\r\n        ...props,\r\n        'aria-controls': listId,\r\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\r\n        // are related to the string that is present in the textbox\r\n        'aria-autocomplete': 'list' as const,\r\n        // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element\r\n        'aria-activedescendant':\r\n            currentIndex !== undefined && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : undefined,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        disabled,\r\n        onBlur: !disabled && !readOnly ? handleInputBlur : undefined,\r\n        onChange: !disabled && !readOnly ? handleInputChange : undefined,\r\n        onClick: !disabled && !readOnly ? handleInputClick : undefined,\r\n        onKeyDown: !disabled && !readOnly ? handleInputKeyDown : undefined,\r\n        readOnly,\r\n        ref: inputRef,\r\n        type: 'text',\r\n        value: inputValue ?? '',\r\n    };\r\n\r\n    const list: ScrollableListPropsWithRef = {\r\n        'aria-labelledby': ariaLabelledBy,\r\n        data,\r\n        disabled,\r\n        id: listId,\r\n        onChange: handleListboxChange,\r\n        onClick: handleListboxClick,\r\n        ref: listRef,\r\n        scrollOnFocus: false,\r\n        tabIndex: -1,\r\n        value: currentIndex,\r\n    };\r\n\r\n    const button = {\r\n        ref: buttonRef,\r\n    };\r\n\r\n    return {\r\n        combobox,\r\n        input,\r\n        list,\r\n        button,\r\n        popover: {\r\n            open,\r\n            onOpenChange: setOpen,\r\n            //visible: !data.length ? false : open,\r\n        },\r\n    };\r\n};\r\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","keyCode","keycode","click","dispatchEvent","createCustomKeyboardEvent","initialIndex","isDefaultPrevented","handleListboxChange","handleListboxClick","combobox","role","input","getId","type","list","scrollOnFocus","tabIndex","button","popover","onOpenChange"],"mappings":"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"}
+{"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":";;;;;;;;;;;AAkBA,IAAMA,SAAS,gBAAGC,QAAQ,CAAC,UAAAC,CAAC;EAAA,OAAIA,CAAC,EAAL;AAAA,CAAF,EAAW,GAAX,CAA1B;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;EAAA,OAAgDC,MAAM,CAACD,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,EAAV,CAAtD;AAAA,CAA5B;;IAUaE,WAAW,GAAG,SAAdA,WAAc,OAkBvBC,GAlBuB;MAGAC,sBAAnB;uBACAC;MAAMC,wCAAiB;MACvBC,oBAAAA;MACAC,gBAAAA;MAEAC,cAAAA;MAEAC,gBAAAA;MACAC,eAAAA;MACAC,iBAAAA;MACAC,gBAAAA;MACAC,gBAAAA;MACAd,aAAAA;MACGe;;EAIP,IAAMC,QAAQ,GAAGC,aAAa,CAAmBd,GAAnB,CAA9B;EACA,IAAMe,SAAS,GAAGC,MAAA,CAAgC,IAAhC,CAAlB;EACA,IAAMC,OAAO,GAAGD,MAAA,CAA+B,IAA/B,CAAhB;;EACA,sBAAwBA,QAAA,CAAe,KAAf,CAAxB;MAAOE,IAAP;MAAaC,OAAb;;EACA,IAAMC,MAAM,GAAGJ,OAAA,CAAc;IAAA,OAAMK,EAAI,EAAV;GAAd,EAA4B,EAA5B,CAAf;;EACA,uBAAoCL,QAAA,CAAuBpB,mBAAmB,CAACC,KAAD,CAA1C,CAApC;MAAOyB,UAAP;MAAmBC,aAAnB;;EACA,IAAMC,gBAAgB,GAAG,CAACd,QAAD,KAAc,CAACJ,MAAD,IAAYA,MAAM,IAAIgB,UAAU,KAAK1B,mBAAmB,CAACC,KAAD,CAAtE,CAAzB;EACA,IAAM4B,aAAa,GAAGC,gBAAgB,CAACvB,cAAD,CAAtC;EACA,IAAMD,IAAI,GAAGc,OAAA,CACT;IAAA,OAAOQ,gBAAgB,GAAGG,UAAU,CAACF,aAAD,EAAgBH,UAAhB,CAAb,GAA2CG,aAAlE;GADS,EAET,CAACD,gBAAD,EAAmBF,UAAnB,EAA+BG,aAA/B,CAFS,CAAb;;EAKA,uBAAwCT,QAAA,CACpCM,UAAU,KAAKM,SAAf,GAA2BC,iBAAiB,CAAC3B,IAAD,EAAOoB,UAAP,CAA5C,GAAiEM,SAD7B,CAAxC;MAAOE,YAAP;MAAqBC,eAArB;;EAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;IACzB,IAAIA,KAAK,KAAKL,SAAd,EAAyB;MACrB,IAAMM,MAAM,GAAGhC,IAAI,CAAC+B,KAAD,CAAnB;;MAEA,IAAIC,MAAM,IAAI,CAACA,MAAM,CAAC7B,QAAtB,EAAgC;QAC5B8B,kBAAkB,CAACtB,QAAQ,CAACuB,OAAV,EAAmBF,MAAM,CAACrC,KAA1B,EAAiC,UAAjC,CAAlB;;;GALZ;;EAUA,IAAMwC,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;IACpB,IAAIA,KAAK,KAAKL,SAAd,EAAyB;MACrB;;;IAGJ,IAAMM,MAAM,GAAGhC,IAAI,CAAC+B,KAAD,CAAnB;;IAGA,IAAIC,MAAM,CAACrC,KAAP,KAAiBA,KAArB,EAA4B;MACxBmC,oBAAoB,CAACC,KAAD,CAApB;KADJ,MAEO;;MAEHV,aAAa,CAAC3B,mBAAmB,CAACC,KAAD,CAApB,CAAb;;GAZR;;;EAiBAmB,SAAA,CAAgB;IACZ,IAAIZ,YAAY,IAAI,CAACP,KAArB,EAA4B;MACxBmC,oBAAoB,CAACH,iBAAiB,CAAC3B,IAAD,EAAOE,YAAP,CAAlB,CAApB;;GAFR,EAIG,CAACF,IAAD,CAJH;;EAOAc,SAAA,CAAgB;IACZ,IAAInB,KAAK,KAAK+B,SAAV,IAAuB/B,KAAK,KAAKyB,UAArC,EAAiD;MAC7CC,aAAa,CAAC3B,mBAAmB,CAACC,KAAD,CAApB,CAAb;;GAFR,EAIG,CAACA,KAAD,CAJH;EAMAmB,SAAA,CAAgB;IACZ,IAAIN,QAAJ,EAAc;MACVjB,SAAS,CAAC;QACNiB,QAAQ,CAACY,UAAD,CAAR;OADK,CAAT;;GAFR,EAMG,CAACA,UAAD,CANH;;EASAN,SAAA,CAAgB;;;IAGZ,IAAMsB,cAAc,GAAGzC,KAAK,KAAK+B,SAAV,IAAuB/B,KAAK,KAAK,IAAjC,IAAyCyB,UAAU,KAAKxB,MAAM,CAACD,KAAD,CAArF;;IAEA,IAAIyB,UAAU,IAAIpB,IAAI,CAACqC,MAAnB,IAA6B,CAACD,cAAlC,EAAkD;MAC9CP,eAAe,CAAC,CAAD,CAAf;;MAEA,IAAI,CAACb,IAAL,EAAW;QACPC,OAAO,CAAC,IAAD,CAAP;;KAJR,MAMO;MACHA,OAAO,CAAC,KAAD,CAAP;;GAZR,EAcG,CAACG,UAAD,EAAapB,IAAb,CAdH;EAgBAc,SAAA,CAAgB;IACZ,IAAIE,IAAJ,EAAU;MACNa,eAAe,CAACF,iBAAiB,CAAC3B,IAAD,EAAOoB,UAAP,CAAjB,IAAuC,CAAxC,CAAf;KADJ,MAEO;MACHS,eAAe,CAACH,SAAD,CAAf;;GAJR,EAMG,CAACV,IAAD,CANH;;EASA,IAAMsB,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;IACpBA,KAAK,CAACC,OAAN;;IAEA,IAAID,KAAK,CAACE,aAAN,KAAwB1B,OAAO,CAACmB,OAApC,EAA6C;MACzCK,KAAK,CAACG,cAAN;MACA;;;IAGJ,IAAIrC,QAAQ,IAAIkC,KAAK,CAACI,MAAN,CAAahD,KAAb,KAAuBA,KAAvC,EAA8C;MAC1C,IAAMiD,IAAI,GAAGC,WAAW,CAACtB,aAAD,EAAgBgB,KAAK,CAACI,MAAN,CAAahD,KAA7B,CAAxB;MACC4C,KAAa,CAACO,MAAd,GAAuBC,YAAY,CAACH,IAAD,CAAnC;MAED,IAAMI,OAAO,GAAGC,gBAAgB,CAAC1B,aAAD,EAAgBqB,IAAhB,aAAgBA,IAAhB,uBAAgBA,IAAI,CAAEM,IAAtB,CAAhC;;MAEA,IAAIF,OAAO,KAAK,IAAZ,IAAoBA,OAAO,CAACX,MAAR,GAAiB,CAAzC,EAA4C;QACvCE,KAAa,CAACO,MAAd,CAAqBE,OAArB,GAA+BA,OAA/B;;;MAGL3C,QAAQ,CAACkC,KAAD,CAAR;;;IAGJ,IAAI7B,KAAK,CAACyC,MAAV,EAAkB;MACdzC,KAAK,CAACyC,MAAN,CAAaZ,KAAb;;GAtBR;;EA0BA,IAAMa,iBAAiB,GAAG,SAApBA,iBAAoB,CAACb,KAAD;IACtBlB,aAAa,CAACkB,KAAK,CAACI,MAAN,CAAahD,KAAd,CAAb;GADJ;;EAIA,IAAM0D,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACd,KAAD;IACrB,IAAInC,MAAM,IAAK,CAACY,IAAD,IAASI,UAAT,IAAuBpB,IAAI,CAACqC,MAA3C,EAAoD;MAChDpB,OAAO,CAAC,IAAD,CAAP;;;IAGJ,IAAIX,OAAJ,EAAa;MACTiC,KAAK,CAACC,OAAN;MACAlC,OAAO,CAACiC,KAAD,CAAP;;GAPR;;EAWA,IAAMe,kBAAkB,GAAG,SAArBA,kBAAqB,CAACf,KAAD;IACvBA,KAAK,CAACC,OAAN;;IAEA,QAAQD,KAAK,CAACgB,OAAd;MACI,KAAKC,OAAO,CAAC,WAAD,CAAZ;QAA2B;UACvB;;;MAGJ,KAAKA,OAAO,CAAC,QAAD,CAAZ;QAAwB;UACpBjB,KAAK,CAACG,cAAN;UACArB,aAAa,CAAC3B,mBAAmB,CAACC,KAAD,CAApB,CAAb;UACAsB,OAAO,CAAC,KAAD,CAAP;UACA;;;MAGJ,KAAKuC,OAAO,CAAC,KAAD,CAAZ;MACA,KAAKA,OAAO,CAAC,OAAD,CAAZ;QAAuB;UACnB,IAAIjB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,KAAD,CAA7B,EAAsC;YAClCjB,KAAK,CAACG,cAAN;;;UAGJP,eAAe,CAACP,YAAD,CAAf;UACAX,OAAO,CAAC,KAAD,CAAP;UACA;;;MAGJ,KAAKuC,OAAO,CAAC,MAAD,CAAZ;QACI,IAAIxC,IAAJ,EAAU;UACNuB,KAAK,CAACG,cAAN;SADJ,MAEO;UACH,IAAI,CAACtC,MAAD,IAAWS,SAAS,CAACqB,OAAzB,EAAkC;YAC9BrB,SAAS,CAACqB,OAAV,CAAkBuB,KAAlB;;;;QAGR;;MAEJ,KAAKD,OAAO,CAAC,IAAD,CAAZ;MACA,KAAKA,OAAO,CAAC,MAAD,CAAZ;MACA,KAAKA,OAAO,CAAC,KAAD,CAAZ;QAAqB;UACjB,IAAIxC,IAAJ,EAAU;YACNuB,KAAK,CAACG,cAAN;;;UAEJ;;;;;IAOR,IAAI3B,OAAO,CAACmB,OAAZ,EAAqB;MACjBnB,OAAO,CAACmB,OAAR,CAAgBwB,aAAhB,CAA8BC,yBAAyB,CAACpB,KAAD,CAAvD;;;IAGJ,IAAInC,MAAM,IAAI,CAACY,IAAf,EAAqB;MACjB,IAAIuB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,IAAD,CAAzB,IAAmCjB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,MAAD,CAAhE,EAA0E;QACtEjB,KAAK,CAACG,cAAN;QACA,IAAMkB,YAAY,GAAGrB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,IAAD,CAAzB,GAAkCxD,IAAI,CAACqC,MAAL,GAAc,CAAhD,GAAoD,CAAzE;QACAR,eAAe,CAACD,YAAY,KAAKF,SAAjB,GAA6BE,YAA7B,GAA4CgC,YAA7C,CAAf;QACA3C,OAAO,CAAC,IAAD,CAAP;;;;IAIR,IAAI,CAACsB,KAAK,CAACsB,kBAAN,EAAD,IAA+BtD,SAAnC,EAA8C;MAC1CgC,KAAK,CAACC,OAAN;MACAjC,SAAS,CAACgC,KAAD,CAAT;;GAhER;;EAoEA,IAAMuB,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAC/B,KAAD;IACxBF,eAAe,CAACE,KAAD,CAAf;GADJ;;EAIA,IAAMgC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACxB,KAAD,EAAyCR,KAAzC;IACvBQ,KAAK,CAACG,cAAN;IACAP,eAAe,CAACJ,KAAD,CAAf;IACAd,OAAO,CAAC,KAAD,CAAP;GAHJ;;EAMA,IAAM+C,QAAQ,GAAG;IACb,iBAAiBhD,IADJ;IAEb,aAAaE,MAFA;IAGb,iBAAiB,SAHJ;IAIb+C,IAAI,EAAE;GAJV;;EAOA,IAAMC,KAAK,gBACJxD,KADI;IAEP,iBAAiBQ,MAFV;;;IAKP,qBAAqB,MALd;;IAOP,yBACIU,YAAY,KAAKF,SAAjB,IAA8B1B,IAAI,CAAC4B,YAAD,CAAlC,GAAmDuC,KAAK,CAACjD,MAAD,EAAStB,MAAM,CAACI,IAAI,CAAC4B,YAAD,CAAJ,CAAmBjC,KAApB,CAAf,CAAxD,GAAqG+B,SARlG;IASP,mBAAmB3B,cATZ;IAUPI,QAAQ,EAARA,QAVO;IAWPgD,MAAM,EAAE,CAAChD,QAAD,IAAa,CAACM,QAAd,GAAyB6B,eAAzB,GAA2CZ,SAX5C;IAYPrB,QAAQ,EAAE,CAACF,QAAD,IAAa,CAACM,QAAd,GAAyB2C,iBAAzB,GAA6C1B,SAZhD;IAaPpB,OAAO,EAAE,CAACH,QAAD,IAAa,CAACM,QAAd,GAAyB4C,gBAAzB,GAA4C3B,SAb9C;IAcPnB,SAAS,EAAE,CAACJ,QAAD,IAAa,CAACM,QAAd,GAAyB6C,kBAAzB,GAA8C5B,SAdlD;IAePjB,QAAQ,EAARA,QAfO;IAgBPX,GAAG,EAAEa,QAhBE;IAiBPyD,IAAI,EAAE,MAjBC;IAkBPzE,KAAK,EAAEyB,UAAF,aAAEA,UAAF,cAAEA,UAAF,GAAgB;IAlBzB;;EAqBA,IAAMiD,IAAI,GAA+B;IACrC,mBAAmBtE,cADkB;IAErCC,IAAI,EAAJA,IAFqC;IAGrCG,QAAQ,EAARA,QAHqC;IAIrCmE,EAAE,EAAEpD,MAJiC;IAKrCb,QAAQ,EAAEyD,mBAL2B;IAMrCxD,OAAO,EAAEyD,kBAN4B;IAOrCjE,GAAG,EAAEiB,OAPgC;IAQrCwD,aAAa,EAAE,KARsB;IASrCC,QAAQ,EAAE,CAAC,CAT0B;IAUrC7E,KAAK,EAAEiC;GAVX;EAaA,IAAM6C,MAAM,GAAG;IACX3E,GAAG,EAAEe;GADT;EAIA,OAAO;IACHmD,QAAQ,EAARA,QADG;IAEHE,KAAK,EAALA,KAFG;IAGHG,IAAI,EAAJA,IAHG;IAIHI,MAAM,EAANA,MAJG;IAKHC,OAAO,EAAE;MACL1D,IAAI,EAAJA,IADK;MAEL2D,YAAY,EAAE1D;;GAPtB;AAWH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.js","sources":["../../../../src/components/Datepicker/Datepicker.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { Calendar, CalendarProps } from '../Calendar/Calendar';\r\nimport { Input, InputProps } from '../Input/Input';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport { useDatepicker } from './useDatepicker';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { Popover } from '../Popover/Popover';\r\n\r\nexport type DatepickerTexts = {\r\n    /** Aria-label for calendar */\r\n    calendar: string;\r\n    /** Clear button text */\r\n    clear: string;\r\n    /**\r\n     * Aria-label for calendar icon button in the input.\r\n     * Calendar will open when user clicks this icon button.\r\n     */\r\n    expand: string;\r\n    /** Shortcut heading text */\r\n    shortcuts: string;\r\n};\r\n\r\nexport type DatepickerProps = Omit<InputProps, 'value'> & {\r\n    /** [Calendar](component:calendar) component associated with the DatePicker */\r\n    calendar?: CalendarProps;\r\n    /** List of shortcuts */\r\n    shortcuts?: any;\r\n    /** Title for the shortcuts panel */\r\n    shortcutsText?: string;\r\n    /** Handler to be called when the clear button is clicked */\r\n    onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n    /**\r\n     * Date value of the calendar.\r\n     * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component\r\n     */\r\n    value?: Date;\r\n};\r\n\r\nexport const Datepicker = React.forwardRef(function Datepicker(props: DatepickerProps, ref: React.Ref<HTMLInputElement>) {\r\n    const { className: externalClassName, onReset: handleReset, style, shortcuts, shortcutsText, ...otherProps } = props;\r\n    const { calendar, input } = useDatepicker(otherProps, ref);\r\n    const { texts } = useLocalization();\r\n    const className = cn('inline-flex w-full text-black font-normal', externalClassName);\r\n\r\n    return (\r\n        <span className={className} data-taco=\"datepicker\" style={style}>\r\n            <Input\r\n                {...input}\r\n                button={\r\n                    <Popover>\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                aria-label={texts.datepicker.expand}\r\n                                disabled={input.disabled || input.readOnly}\r\n                                icon=\"calendar\"\r\n                            />\r\n                        </Popover.Trigger>\r\n                        <Popover.Content>\r\n                            {({ close }) => (\r\n                                <div className=\"-m-3 flex\">\r\n                                    <Calendar\r\n                                        {...calendar}\r\n                                        onChange={(date: Date, event?: React.MouseEvent<HTMLDivElement>) => {\r\n                                            calendar.onChange(date, event);\r\n                                            close();\r\n                                        }}\r\n                                        tabIndex={-1}\r\n                                    />\r\n                                    {shortcuts && (\r\n                                        <div className=\"border-grey-dark flex flex-col border-l\">\r\n                                            <span className=\"m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold\">\r\n                                                {shortcutsText ?? texts.datepicker.shortcuts}\r\n                                            </span>\r\n                                            <ul>\r\n                                                {shortcuts.map((shortcut, i) => (\r\n                                                    <li key={i}>\r\n                                                        <button\r\n                                                            className=\"hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs\"\r\n                                                            onClick={event => {\r\n                                                                event.persist();\r\n                                                                shortcut.onClick(event);\r\n                                                                close();\r\n                                                            }}\r\n                                                        >\r\n                                                            {shortcut.text}\r\n                                                        </button>\r\n                                                    </li>\r\n                                                ))}\r\n                                            </ul>\r\n                                            {handleReset && (\r\n                                                <button\r\n                                                    className=\"text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs\"\r\n                                                    onClick={event => {\r\n                                                        event.persist();\r\n                                                        handleReset(event);\r\n                                                        close();\r\n                                                    }}\r\n                                                >\r\n                                                    {texts.datepicker.clear}\r\n                                                </button>\r\n                                            )}\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                            )}\r\n                        </Popover.Content>\r\n                    </Popover>\r\n                }\r\n            />\r\n        </span>\r\n    );\r\n});\r\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;;;;"}
+{"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;;;;"}

package/dist/esm/components/Datepicker/useDatepicker.js

@@ -1,26 +1,31 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useEffect } from 'react';
 import { useLocalization } from '../Provider/Provider.js';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { setInputValueByRef } from '../../utils/input.js';
 import { format, parseFromCustomString } from '../../utils/date.js';
 
-const useDatepicker = ({
-  defaultValue: _,
-  calendar,
-  onBlur,
-  onChange,
-  value,
-  ...props
-}, ref) => {
-  const inputRef = useProxiedRef(ref);
-  const {
-    formatting
-  } = useLocalization();
-  const [internalValue, setInternalValue] = useState(value ? format(value, formatting.date) : ''); // update internal value if it changed 'externally'
-
-  useEffect(() => {
+var _excluded = ["defaultValue", "calendar", "onBlur", "onChange", "value"];
+var useDatepicker = function useDatepicker(_ref, ref) {
+  var calendar = _ref.calendar,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var inputRef = useProxiedRef(ref);
+
+  var _useLocalization = useLocalization(),
+      formatting = _useLocalization.formatting;
+
+  var _React$useState = useState(value ? format(value, formatting.date) : ''),
+      internalValue = _React$useState[0],
+      setInternalValue = _React$useState[1]; // update internal value if it changed 'externally'
+
+
+  useEffect(function () {
     if (value) {
-      const formattedValue = format(value, formatting.date);
+      var formattedValue = format(value, formatting.date);
 
       if (formattedValue !== internalValue) {
         setInternalValue(formattedValue);
@@ -30,10 +35,10 @@ const useDatepicker = ({
     }
   }, [value]); // event handlers
 
-  const handleInputBlur = event => {
+  var handleInputBlur = function handleInputBlur(event) {
     event.persist();
-    const valueAsDate = parseFromCustomString(event.target.value);
-    const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
+    var valueAsDate = parseFromCustomString(event.target.value);
+    var formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
     event.target.value = formattedValue;
 
     if (onChange) {
@@ -49,15 +54,15 @@ const useDatepicker = ({
     }
   };
 
-  const handleInputChange = event => {
+  var handleInputChange = function handleInputChange(event) {
     setInternalValue(event.target.value);
   };
 
-  const handleChange = date => {
+  var handleChange = function handleChange(date) {
     setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');
   };
 
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Enter') {
       event.target.dispatchEvent(new Event('focusout', {
         bubbles: true
@@ -65,7 +70,7 @@ const useDatepicker = ({
     }
   };
 
-  const inputProps = { ...props,
+  var inputProps = _extends({}, props, {
     autoComplete: 'off',
     onBlur: handleInputBlur,
     onChange: handleInputChange,
@@ -73,11 +78,13 @@ const useDatepicker = ({
     ref: inputRef,
     type: 'text',
     value: internalValue
-  };
-  const calendarProps = { ...calendar,
+  });
+
+  var calendarProps = _extends({}, calendar, {
     onChange: handleChange,
-    value
-  };
+    value: value
+  });
+
   return {
     input: inputProps,
     calendar: calendarProps

package/dist/esm/components/Datepicker/useDatepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatepicker.js","sources":["../../../../src/components/Datepicker/useDatepicker.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { parseFromCustomString, format } from '../../utils/date';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport { setInputValueByRef } from '../../utils/input';\r\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\r\nimport { DatepickerProps } from './Datepicker';\r\nimport { CalendarProps } from '../Calendar/Calendar';\r\n\r\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.RefObject<HTMLInputElement> };\r\n\r\ntype useDatepicker = React.HTMLAttributes<HTMLDivElement> & {\r\n    calendar: CalendarProps;\r\n    input: InputProps;\r\n};\r\n\r\nexport const useDatepicker = (\r\n    { defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps,\r\n    ref: React.Ref<HTMLInputElement>\r\n): useDatepicker => {\r\n    const inputRef = useProxiedRef<HTMLInputElement>(ref);\r\n    const { formatting } = useLocalization();\r\n    const [internalValue, setInternalValue] = React.useState(value ? format(value, formatting.date) : '');\r\n\r\n    // update internal value if it changed 'externally'\r\n    React.useEffect(() => {\r\n        if (value) {\r\n            const formattedValue = format(value, formatting.date);\r\n\r\n            if (formattedValue !== internalValue) {\r\n                setInternalValue(formattedValue);\r\n            }\r\n        } else {\r\n            setInternalValue('');\r\n        }\r\n    }, [value]);\r\n\r\n    // event handlers\r\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\r\n        event.persist();\r\n\r\n        const valueAsDate = parseFromCustomString(event.target.value);\r\n        const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';\r\n\r\n        event.target.value = formattedValue;\r\n\r\n        if (onChange) {\r\n            (event as any).detail = valueAsDate;\r\n            onChange(event);\r\n        } else {\r\n            // update the internal value to use the formatted date\r\n            setInternalValue(formattedValue);\r\n        }\r\n\r\n        if (onBlur) {\r\n            onBlur(event);\r\n        }\r\n    };\r\n\r\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setInternalValue(event.target.value);\r\n    };\r\n\r\n    const handleChange = date => {\r\n        setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');\r\n    };\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n        if (event.key === 'Enter') {\r\n            event.target.dispatchEvent(new Event('focusout', { bubbles: true }));\r\n        }\r\n    };\r\n\r\n    const inputProps: InputProps = {\r\n        ...props,\r\n        autoComplete: 'off',\r\n        onBlur: handleInputBlur,\r\n        onChange: handleInputChange,\r\n        onKeyDown: handleKeyDown,\r\n        ref: inputRef,\r\n        type: 'text',\r\n        value: internalValue,\r\n    };\r\n\r\n    const calendarProps: CalendarProps = {\r\n        ...calendar,\r\n        onChange: handleChange,\r\n        value,\r\n    };\r\n\r\n    return {\r\n        input: inputProps,\r\n        calendar: calendarProps,\r\n    };\r\n};\r\n"],"names":["useDatepicker","defaultValue","_","calendar","onBlur","onChange","value","props","ref","inputRef","useProxiedRef","formatting","useLocalization","internalValue","setInternalValue","React","format","date","formattedValue","handleInputBlur","event","persist","valueAsDate","parseFromCustomString","target","detail","handleInputChange","handleChange","setInputValueByRef","current","handleKeyDown","key","dispatchEvent","Event","bubbles","inputProps","autoComplete","onKeyDown","type","calendarProps","input"],"mappings":";;;;;;MAeaA,aAAa,GAAG,CACzB;EAAEC,YAAY,EAAEC,CAAhB;EAAmBC,QAAnB;EAA6BC,MAA7B;EAAqCC,QAArC;EAA+CC,KAA/C;EAAsD,GAAGC;AAAzD,CADyB,EAEzBC,GAFyB;EAIzB,MAAMC,QAAQ,GAAGC,aAAa,CAAmBF,GAAnB,CAA9B;EACA,MAAM;IAAEG;MAAeC,eAAe,EAAtC;EACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,QAAA,CAAeT,KAAK,GAAGU,MAAM,CAACV,KAAD,EAAQK,UAAU,CAACM,IAAnB,CAAT,GAAoC,EAAxD,CAA1C;;EAGAF,SAAA,CAAgB;IACZ,IAAIT,KAAJ,EAAW;MACP,MAAMY,cAAc,GAAGF,MAAM,CAACV,KAAD,EAAQK,UAAU,CAACM,IAAnB,CAA7B;;MAEA,IAAIC,cAAc,KAAKL,aAAvB,EAAsC;QAClCC,gBAAgB,CAACI,cAAD,CAAhB;;KAJR,MAMO;MACHJ,gBAAgB,CAAC,EAAD,CAAhB;;GARR,EAUG,CAACR,KAAD,CAVH;;EAaA,MAAMa,eAAe,GAAIC,KAAD;IACpBA,KAAK,CAACC,OAAN;IAEA,MAAMC,WAAW,GAAGC,qBAAqB,CAACH,KAAK,CAACI,MAAN,CAAalB,KAAd,CAAzC;IACA,MAAMY,cAAc,GAAGI,WAAW,GAAGN,MAAM,CAACM,WAAD,CAAN,IAAuB,EAA1B,GAA+B,EAAjE;IAEAF,KAAK,CAACI,MAAN,CAAalB,KAAb,GAAqBY,cAArB;;IAEA,IAAIb,QAAJ,EAAc;MACTe,KAAa,CAACK,MAAd,GAAuBH,WAAvB;MACDjB,QAAQ,CAACe,KAAD,CAAR;KAFJ,MAGO;;MAEHN,gBAAgB,CAACI,cAAD,CAAhB;;;IAGJ,IAAId,MAAJ,EAAY;MACRA,MAAM,CAACgB,KAAD,CAAN;;GAjBR;;EAqBA,MAAMM,iBAAiB,GAAIN,KAAD;IACtBN,gBAAgB,CAACM,KAAK,CAACI,MAAN,CAAalB,KAAd,CAAhB;GADJ;;EAIA,MAAMqB,YAAY,GAAGV,IAAI;IACrBW,kBAAkB,CAACnB,QAAQ,CAACoB,OAAV,EAAmBb,MAAM,CAACC,IAAD,EAAON,UAAU,CAACM,IAAlB,CAAzB,EAAkD,UAAlD,CAAlB;GADJ;;EAIA,MAAMa,aAAa,GAAIV,KAAD;IAClB,IAAIA,KAAK,CAACW,GAAN,KAAc,OAAlB,EAA2B;MACvBX,KAAK,CAACI,MAAN,CAAaQ,aAAb,CAA2B,IAAIC,KAAJ,CAAU,UAAV,EAAsB;QAAEC,OAAO,EAAE;OAAjC,CAA3B;;GAFR;;EAMA,MAAMC,UAAU,GAAe,EAC3B,GAAG5B,KADwB;IAE3B6B,YAAY,EAAE,KAFa;IAG3BhC,MAAM,EAAEe,eAHmB;IAI3Bd,QAAQ,EAAEqB,iBAJiB;IAK3BW,SAAS,EAAEP,aALgB;IAM3BtB,GAAG,EAAEC,QANsB;IAO3B6B,IAAI,EAAE,MAPqB;IAQ3BhC,KAAK,EAAEO;GARX;EAWA,MAAM0B,aAAa,GAAkB,EACjC,GAAGpC,QAD8B;IAEjCE,QAAQ,EAAEsB,YAFuB;IAGjCrB;GAHJ;EAMA,OAAO;IACHkC,KAAK,EAAEL,UADJ;IAEHhC,QAAQ,EAAEoC;GAFd;AAIH;;;;"}
+{"version":3,"file":"useDatepicker.js","sources":["../../../../src/components/Datepicker/useDatepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { parseFromCustomString, format } from '../../utils/date';\nimport { useLocalization } from '../Provider/Provider';\nimport { setInputValueByRef } from '../../utils/input';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { DatepickerProps } from './Datepicker';\nimport { CalendarProps } from '../Calendar/Calendar';\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.RefObject<HTMLInputElement> };\n\ntype useDatepicker = React.HTMLAttributes<HTMLDivElement> & {\n    calendar: CalendarProps;\n    input: InputProps;\n};\n\nexport const useDatepicker = (\n    { defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps,\n    ref: React.Ref<HTMLInputElement>\n): useDatepicker => {\n    const inputRef = useProxiedRef<HTMLInputElement>(ref);\n    const { formatting } = useLocalization();\n    const [internalValue, setInternalValue] = React.useState(value ? format(value, formatting.date) : '');\n\n    // update internal value if it changed 'externally'\n    React.useEffect(() => {\n        if (value) {\n            const formattedValue = format(value, formatting.date);\n\n            if (formattedValue !== internalValue) {\n                setInternalValue(formattedValue);\n            }\n        } else {\n            setInternalValue('');\n        }\n    }, [value]);\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        const valueAsDate = parseFromCustomString(event.target.value);\n        const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';\n\n        event.target.value = formattedValue;\n\n        if (onChange) {\n            (event as any).detail = valueAsDate;\n            onChange(event);\n        } else {\n            // update the internal value to use the formatted date\n            setInternalValue(formattedValue);\n        }\n\n        if (onBlur) {\n            onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInternalValue(event.target.value);\n    };\n\n    const handleChange = date => {\n        setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.target.dispatchEvent(new Event('focusout', { bubbles: true }));\n        }\n    };\n\n    const inputProps: InputProps = {\n        ...props,\n        autoComplete: 'off',\n        onBlur: handleInputBlur,\n        onChange: handleInputChange,\n        onKeyDown: handleKeyDown,\n        ref: inputRef,\n        type: 'text',\n        value: internalValue,\n    };\n\n    const calendarProps: CalendarProps = {\n        ...calendar,\n        onChange: handleChange,\n        value,\n    };\n\n    return {\n        input: inputProps,\n        calendar: calendarProps,\n    };\n};\n"],"names":["useDatepicker","ref","calendar","onBlur","onChange","value","props","inputRef","useProxiedRef","useLocalization","formatting","React","format","date","internalValue","setInternalValue","formattedValue","handleInputBlur","event","persist","valueAsDate","parseFromCustomString","target","detail","handleInputChange","handleChange","setInputValueByRef","current","handleKeyDown","key","dispatchEvent","Event","bubbles","inputProps","autoComplete","onKeyDown","type","calendarProps","input"],"mappings":";;;;;;;;IAeaA,aAAa,GAAG,SAAhBA,aAAgB,OAEzBC,GAFyB;MACNC,gBAAAA;MAAUC,cAAAA;MAAQC,gBAAAA;MAAUC,aAAAA;MAAUC;;EAGzD,IAAMC,QAAQ,GAAGC,aAAa,CAAmBP,GAAnB,CAA9B;;EACA,uBAAuBQ,eAAe,EAAtC;MAAQC,UAAR,oBAAQA,UAAR;;EACA,sBAA0CC,QAAA,CAAeN,KAAK,GAAGO,MAAM,CAACP,KAAD,EAAQK,UAAU,CAACG,IAAnB,CAAT,GAAoC,EAAxD,CAA1C;MAAOC,aAAP;MAAsBC,gBAAtB;;;EAGAJ,SAAA,CAAgB;IACZ,IAAIN,KAAJ,EAAW;MACP,IAAMW,cAAc,GAAGJ,MAAM,CAACP,KAAD,EAAQK,UAAU,CAACG,IAAnB,CAA7B;;MAEA,IAAIG,cAAc,KAAKF,aAAvB,EAAsC;QAClCC,gBAAgB,CAACC,cAAD,CAAhB;;KAJR,MAMO;MACHD,gBAAgB,CAAC,EAAD,CAAhB;;GARR,EAUG,CAACV,KAAD,CAVH;;EAaA,IAAMY,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;IACpBA,KAAK,CAACC,OAAN;IAEA,IAAMC,WAAW,GAAGC,qBAAqB,CAACH,KAAK,CAACI,MAAN,CAAajB,KAAd,CAAzC;IACA,IAAMW,cAAc,GAAGI,WAAW,GAAGR,MAAM,CAACQ,WAAD,CAAN,IAAuB,EAA1B,GAA+B,EAAjE;IAEAF,KAAK,CAACI,MAAN,CAAajB,KAAb,GAAqBW,cAArB;;IAEA,IAAIZ,QAAJ,EAAc;MACTc,KAAa,CAACK,MAAd,GAAuBH,WAAvB;MACDhB,QAAQ,CAACc,KAAD,CAAR;KAFJ,MAGO;;MAEHH,gBAAgB,CAACC,cAAD,CAAhB;;;IAGJ,IAAIb,MAAJ,EAAY;MACRA,MAAM,CAACe,KAAD,CAAN;;GAjBR;;EAqBA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,KAAD;IACtBH,gBAAgB,CAACG,KAAK,CAACI,MAAN,CAAajB,KAAd,CAAhB;GADJ;;EAIA,IAAMoB,YAAY,GAAG,SAAfA,YAAe,CAAAZ,IAAI;IACrBa,kBAAkB,CAACnB,QAAQ,CAACoB,OAAV,EAAmBf,MAAM,CAACC,IAAD,EAAOH,UAAU,CAACG,IAAlB,CAAzB,EAAkD,UAAlD,CAAlB;GADJ;;EAIA,IAAMe,aAAa,GAAG,SAAhBA,aAAgB,CAACV,KAAD;IAClB,IAAIA,KAAK,CAACW,GAAN,KAAc,OAAlB,EAA2B;MACvBX,KAAK,CAACI,MAAN,CAAaQ,aAAb,CAA2B,IAAIC,KAAJ,CAAU,UAAV,EAAsB;QAAEC,OAAO,EAAE;OAAjC,CAA3B;;GAFR;;EAMA,IAAMC,UAAU,gBACT3B,KADS;IAEZ4B,YAAY,EAAE,KAFF;IAGZ/B,MAAM,EAAEc,eAHI;IAIZb,QAAQ,EAAEoB,iBAJE;IAKZW,SAAS,EAAEP,aALC;IAMZ3B,GAAG,EAAEM,QANO;IAOZ6B,IAAI,EAAE,MAPM;IAQZ/B,KAAK,EAAES;IARX;;EAWA,IAAMuB,aAAa,gBACZnC,QADY;IAEfE,QAAQ,EAAEqB,YAFK;IAGfpB,KAAK,EAALA;IAHJ;;EAMA,OAAO;IACHiC,KAAK,EAAEL,UADJ;IAEH/B,QAAQ,EAAEmC;GAFd;AAIH;;;;"}

package/dist/esm/components/Dialog/Context.js

@@ -1,24 +1,24 @@
 import { createContext, useContext } from 'react';
 
 /* eslint-disable @typescript-eslint/no-empty-function */
-const DialogContext = /*#__PURE__*/createContext({
+var DialogContext = /*#__PURE__*/createContext({
   closeOnEscape: true,
   draggable: false,
   drawer: {
     open: false,
-    toggle: () => {}
+    toggle: function toggle() {}
   },
   elements: {
     drawer: undefined,
     extra: undefined
   },
-  onClose: () => {},
+  onClose: function onClose() {},
   props: {},
   ref: null,
   showCloseButton: true,
   size: 'sm'
 });
-const useCurrentDialog = () => {
+var useCurrentDialog = function useCurrentDialog() {
   return useContext(DialogContext);
 };
 

package/dist/esm/components/Dialog/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport * as React from 'react';\r\nimport { DialogSize } from './types';\r\n\r\nexport type DialogContext = {\r\n    closeOnEscape: boolean;\r\n    draggable: boolean;\r\n    drawer: {\r\n        open: boolean;\r\n        toggle: () => void;\r\n    };\r\n    elements: {\r\n        drawer?: React.ReactNode;\r\n        extra?: React.ReactNode;\r\n    };\r\n    onClose?: () => void;\r\n    props: {};\r\n    ref: React.Ref<HTMLElement>;\r\n    showCloseButton: boolean;\r\n    size: DialogSize;\r\n};\r\n\r\nexport const DialogContext = React.createContext<DialogContext>({\r\n    closeOnEscape: true,\r\n    draggable: false,\r\n    drawer: {\r\n        open: false,\r\n        toggle: () => {},\r\n    },\r\n    elements: {\r\n        drawer: undefined,\r\n        extra: undefined,\r\n    },\r\n    onClose: () => {},\r\n    props: {},\r\n    ref: null,\r\n    showCloseButton: true,\r\n    size: 'sm',\r\n});\r\n\r\nexport const useCurrentDialog = () => {\r\n    return React.useContext(DialogContext);\r\n};\r\n"],"names":["DialogContext","React","closeOnEscape","draggable","drawer","open","toggle","elements","undefined","extra","onClose","props","ref","showCloseButton","size","useCurrentDialog"],"mappings":";;AAAA;MAsBaA,aAAa,gBAAGC,aAAA,CAAmC;EAC5DC,aAAa,EAAE,IAD6C;EAE5DC,SAAS,EAAE,KAFiD;EAG5DC,MAAM,EAAE;IACJC,IAAI,EAAE,KADF;IAEJC,MAAM,EAAE;GALgD;EAO5DC,QAAQ,EAAE;IACNH,MAAM,EAAEI,SADF;IAENC,KAAK,EAAED;GATiD;EAW5DE,OAAO,EAAE,QAXmD;EAY5DC,KAAK,EAAE,EAZqD;EAa5DC,GAAG,EAAE,IAbuD;EAc5DC,eAAe,EAAE,IAd2C;EAe5DC,IAAI,EAAE;AAfsD,CAAnC;MAkBhBC,gBAAgB,GAAG;EAC5B,OAAOd,UAAA,CAAiBD,aAAjB,CAAP;AACH;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":["DialogContext","React","closeOnEscape","draggable","drawer","open","toggle","elements","undefined","extra","onClose","props","ref","showCloseButton","size","useCurrentDialog"],"mappings":";;AAAA;IAsBaA,aAAa,gBAAGC,aAAA,CAAmC;EAC5DC,aAAa,EAAE,IAD6C;EAE5DC,SAAS,EAAE,KAFiD;EAG5DC,MAAM,EAAE;IACJC,IAAI,EAAE,KADF;IAEJC,MAAM,EAAE;GALgD;EAO5DC,QAAQ,EAAE;IACNH,MAAM,EAAEI,SADF;IAENC,KAAK,EAAED;GATiD;EAW5DE,OAAO,EAAE,qBAXmD;EAY5DC,KAAK,EAAE,EAZqD;EAa5DC,GAAG,EAAE,IAbuD;EAc5DC,eAAe,EAAE,IAd2C;EAe5DC,IAAI,EAAE;AAfsD,CAAnC;IAkBhBC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAC5B,OAAOd,UAAA,CAAiBD,aAAjB,CAAP;AACH;;;;"}