@economic/taco 1.12.2 → 1.13.0

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Option.js

@@ -0,0 +1,56 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { isAriaSelectionKey } from '../../../utils/aria.js';
+import { useListbox2Context } from './Context.js';
+
+const Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(props, ref) {
+  const {
+    disabled,
+    id: nativeId,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const {
+    disabled: listboxDisabled,
+    readOnly: listboxReadOnly,
+    setValue,
+    value: currentValue
+  } = useListbox2Context();
+  const id = useId(nativeId);
+  const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
+  const handleClick = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    } else {
+      setValue(value);
+    }
+    if (typeof props.onClick === 'function') {
+      props.onClick(event);
+    }
+  };
+  const handleKeyDown = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    } else if (isAriaSelectionKey(event)) {
+      setValue(value);
+    }
+    if (typeof props.onKeyDown === 'function') {
+      props.onKeyDown(event);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    "aria-disabled": listboxDisabled || disabled ? 'true' : undefined,
+    "aria-selected": selected ? 'true' : undefined,
+    id: id,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: ref,
+    role: "option"
+  }));
+});
+
+export { Option };
+//# sourceMappingURL=Option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Listbox2OptionValue } from '../types';\nimport { useListbox2Context } from './Context';\n\nexport type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {\n    disabled?: boolean;\n    value: Listbox2OptionValue;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Listbox2OptionProps>(function Listbox2Option(props, ref) {\n    const { disabled, id: nativeId, title, value, ...otherProps } = props;\n    const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();\n    const id = useId(nativeId);\n    const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else {\n            setValue(value);\n        }\n\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else if (isAriaSelectionKey(event)) {\n            setValue(value);\n        }\n\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n    };\n\n    return (\n        <div\n            {...otherProps}\n            aria-disabled={listboxDisabled || disabled ? 'true' : undefined}\n            aria-selected={selected ? 'true' : undefined}\n            id={id}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            role=\"option\"\n        />\n    );\n});\n"],"names":["Option","React","forwardRef","Listbox2Option","props","ref","disabled","id","nativeId","title","value","otherProps","listboxDisabled","readOnly","listboxReadOnly","setValue","currentValue","useListbox2Context","useId","selected","Array","isArray","includes","handleClick","event","stopPropagation","onClick","handleKeyDown","isAriaSelectionKey","onKeyDown","undefined","role"],"mappings":";;;;;MAWaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASC,cAAc,CAACC,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAEC,QAAQ;IAAEC,EAAE,EAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACrE,MAAM;IAAEE,QAAQ,EAAEM,eAAe;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,QAAQ;IAAEL,KAAK,EAAEM;GAAc,GAAGC,kBAAkB,EAAE;EACpH,MAAMV,EAAE,GAAGW,KAAK,CAACV,QAAQ,CAAC;EAC1B,MAAMW,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACL,YAAY,CAAC,GAAGA,YAAY,CAACM,QAAQ,CAACZ,KAAK,CAAC,GAAGM,YAAY,KAAKN,KAAK;EAEpG,MAAMa,WAAW,GAAIC,KAAuC;IACxD,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM;MACHV,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACsB,OAAO,KAAK,UAAU,EAAE;MACrCtB,KAAK,CAACsB,OAAO,CAACF,KAAK,CAAC;;GAE3B;EAED,MAAMG,aAAa,GAAIH,KAA0C;IAC7D,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM,IAAIG,kBAAkB,CAACJ,KAAK,CAAC,EAAE;MAClCT,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACyB,SAAS,KAAK,UAAU,EAAE;MACvCzB,KAAK,CAACyB,SAAS,CAACL,KAAK,CAAC;;GAE7B;EAED,oBACIvB,sDACQU,UAAU;qBACCC,eAAe,IAAIN,QAAQ,GAAG,MAAM,GAAGwB,SAAS;qBAChDX,QAAQ,GAAG,MAAM,GAAGW,SAAS;IAC5CvB,EAAE,EAAEA,EAAE;IACNmB,OAAO,EAAEH,WAAW;IACpBM,SAAS,EAAEF,aAAa;IACxBtB,GAAG,EAAEA,GAAG;IACR0B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { Root as Root$1 } from '../../Collection/components/Root.js';
+import { Listbox2Context } from './Context.js';
+
+const DEFAULT_SELECTOR = '[role="option"]';
+const Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref) {
+  const {
+    children,
+    customSelector,
+    disabled = false,
+    id: nativeId,
+    multiple,
+    readOnly = false,
+    setValue,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const id = useId(nativeId);
+  const context = React__default.useMemo(() => ({
+    disabled,
+    readOnly,
+    setValue,
+    value
+  }), [disabled, readOnly, value]);
+  return /*#__PURE__*/React__default.createElement(Listbox2Context.Provider, {
+    value: context
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-taco": "listbox2"
+  }, /*#__PURE__*/React__default.createElement(Root$1, Object.assign({}, otherProps, {
+    "aria-multiselectable": multiple ? true : undefined,
+    id: id,
+    ref: ref,
+    role: "listbox",
+    selector: customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR
+  }), children)));
+});
+const createListboxValueSetter = (multiple, setValue) => nextValue => {
+  setValue(value => {
+    if (Array.isArray(nextValue)) {
+      return nextValue;
+    }
+    if (multiple) {
+      if (value === undefined) {
+        return [nextValue];
+      } else if (Array.isArray(value)) {
+        if (value.includes(nextValue)) {
+          return value.filter(v => v !== nextValue);
+        }
+        return [...value, nextValue];
+      } else if (value === nextValue) {
+        return [];
+      }
+      return [value, nextValue];
+    }
+    return nextValue;
+  });
+};
+
+export { Root, createListboxValueSetter };
+//# sourceMappingURL=Root.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport * as CollectionPrimitive from '../../Collection/Collection';\nimport { Listbox2Value } from '../types';\nimport { Listbox2Context } from './Context';\n\nexport type Listbox2Props = React.HTMLAttributes<HTMLDivElement> & {\n    customSelector?: string;\n    disabled?: boolean;\n    multiple?: boolean;\n    readOnly?: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nconst DEFAULT_SELECTOR = '[role=\"option\"]';\n\nexport const Root = React.forwardRef<CollectionPrimitive.CollectionRef, Listbox2Props>(function Listbox2(props, ref) {\n    const {\n        children,\n        customSelector,\n        disabled = false,\n        id: nativeId,\n        multiple,\n        readOnly = false,\n        setValue,\n        title,\n        value,\n        ...otherProps\n    } = props;\n    const id = useId(nativeId);\n\n    const context = React.useMemo(\n        () => ({\n            disabled,\n            readOnly,\n            setValue,\n            value,\n        }),\n        [disabled, readOnly, value]\n    );\n\n    return (\n        <Listbox2Context.Provider value={context}>\n            <div data-taco=\"listbox2\">\n                <CollectionPrimitive.Root\n                    {...otherProps}\n                    aria-multiselectable={multiple ? true : undefined}\n                    id={id}\n                    ref={ref}\n                    role=\"listbox\"\n                    selector={customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR}>\n                    {children}\n                </CollectionPrimitive.Root>\n            </div>\n        </Listbox2Context.Provider>\n    );\n});\n\nexport const createListboxValueSetter =\n    (multiple: boolean, setValue: React.Dispatch<React.SetStateAction<Listbox2Value | undefined>>) =>\n    (nextValue: Listbox2Value) => {\n        setValue(value => {\n            if (Array.isArray(nextValue)) {\n                return nextValue;\n            }\n\n            if (multiple) {\n                if (value === undefined) {\n                    return [nextValue];\n                } else if (Array.isArray(value)) {\n                    if (value.includes(nextValue)) {\n                        return value.filter(v => v !== nextValue);\n                    }\n\n                    return [...value, nextValue];\n                } else if (value === nextValue) {\n                    return [];\n                }\n\n                return [value, nextValue];\n            }\n\n            return nextValue;\n        });\n    };\n"],"names":["DEFAULT_SELECTOR","Root","React","forwardRef","Listbox2","props","ref","children","customSelector","disabled","id","nativeId","multiple","readOnly","setValue","title","value","otherProps","useId","context","useMemo","Listbox2Context","Provider","CollectionPrimitive","undefined","role","selector","createListboxValueSetter","nextValue","Array","isArray","includes","filter","v"],"mappings":";;;;;AAeA,MAAMA,gBAAgB,GAAG,iBAAiB;MAE7BC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmD,SAASC,QAAQ,CAACC,KAAK,EAAEC,GAAG;EAC/G,MAAM;IACFC,QAAQ;IACRC,cAAc;IACdC,QAAQ,GAAG,KAAK;IAChBC,EAAE,EAAEC,QAAQ;IACZC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACL,GAAGC;GACN,GAAGZ,KAAK;EACT,MAAMK,EAAE,GAAGQ,KAAK,CAACP,QAAQ,CAAC;EAE1B,MAAMQ,OAAO,GAAGjB,cAAK,CAACkB,OAAO,CACzB,OAAO;IACHX,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRE;GACH,CAAC,EACF,CAACP,QAAQ,EAAEI,QAAQ,EAAEG,KAAK,CAAC,CAC9B;EAED,oBACId,6BAACmB,eAAe,CAACC,QAAQ;IAACN,KAAK,EAAEG;kBAC7BjB;iBAAe;kBACXA,6BAACqB,MAAwB,oBACjBN,UAAU;4BACQL,QAAQ,GAAG,IAAI,GAAGY,SAAS;IACjDd,EAAE,EAAEA,EAAE;IACNJ,GAAG,EAAEA,GAAG;IACRmB,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAElB,cAAc,MAAMR,qBAAqBQ,gBAAgB,GAAGR;MACrEO,QAAQ,CACc,CACzB,CACiB;AAEnC,CAAC;MAEYoB,wBAAwB,GACjC,CAACf,QAAiB,EAAEE,QAAyE,KAC5Fc,SAAwB;EACrBd,QAAQ,CAACE,KAAK;IACV,IAAIa,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;MAC1B,OAAOA,SAAS;;IAGpB,IAAIhB,QAAQ,EAAE;MACV,IAAII,KAAK,KAAKQ,SAAS,EAAE;QACrB,OAAO,CAACI,SAAS,CAAC;OACrB,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,EAAE;QAC7B,IAAIA,KAAK,CAACe,QAAQ,CAACH,SAAS,CAAC,EAAE;UAC3B,OAAOZ,KAAK,CAACgB,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKL,SAAS,CAAC;;QAG7C,OAAO,CAAC,GAAGZ,KAAK,EAAEY,SAAS,CAAC;OAC/B,MAAM,IAAIZ,KAAK,KAAKY,SAAS,EAAE;QAC5B,OAAO,EAAE;;MAGb,OAAO,CAACZ,KAAK,EAAEY,SAAS,CAAC;;IAG7B,OAAOA,SAAS;GACnB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Title.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { useListbox2GroupContext } from './Group.js';
+
+const Title = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const {
+    id: nativeId,
+    ...otherProps
+  } = props;
+  const {
+    setLabelledById
+  } = useListbox2GroupContext();
+  const id = useId(nativeId);
+  React__default.useEffect(() => {
+    setLabelledById(id);
+  }, [id]);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    id: id,
+    ref: ref,
+    role: "presentation"
+  }));
+});
+
+export { Title };
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { useListbox2GroupContext } from './Group';\n\nexport type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Title = React.forwardRef<HTMLDivElement, Listbox2TitleProps>(function Listbox2Group(props, ref) {\n    const { id: nativeId, ...otherProps } = props;\n    const { setLabelledById } = useListbox2GroupContext();\n    const id = useId(nativeId);\n\n    React.useEffect(() => {\n        setLabelledById(id);\n    }, [id]);\n\n    return <div {...otherProps} id={id} ref={ref} role=\"presentation\" />;\n});\n"],"names":["Title","React","forwardRef","Listbox2Group","props","ref","id","nativeId","otherProps","setLabelledById","useListbox2GroupContext","useId","useEffect","role"],"mappings":";;;;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAa,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM;IAAEC,EAAE,EAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7C,MAAM;IAAEK;GAAiB,GAAGC,uBAAuB,EAAE;EACrD,MAAMJ,EAAE,GAAGK,KAAK,CAACJ,QAAQ,CAAC;EAE1BN,cAAK,CAACW,SAAS,CAAC;IACZH,eAAe,CAACH,EAAE,CAAC;GACtB,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBAAOL,sDAASO,UAAU;IAAEF,EAAE,EAAEA,EAAE;IAAED,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;KAAiB;AACxE,CAAC;;;;"}

package/dist/esm/packages/taco/src/utils/aria.js

@@ -0,0 +1,15 @@
+const isAriaSelectionKey = event => {
+  if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
+    return true;
+  }
+  return false;
+};
+const isAriaDirectionKey = event => {
+  if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'Home' || event.key === 'End') {
+    return true;
+  }
+  return false;
+};
+
+export { isAriaDirectionKey, isAriaSelectionKey };
+//# sourceMappingURL=aria.js.map

package/dist/esm/packages/taco/src/utils/aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.js","sources":["../../../../../../src/utils/aria.ts"],"sourcesContent":["export const isAriaSelectionKey = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {\n        return true;\n    }\n\n    return false;\n};\n\nexport const isAriaDirectionKey = (event: React.KeyboardEvent) => {\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'Home' || event.key === 'End') {\n        return true;\n    }\n\n    return false;\n};\n"],"names":["isAriaSelectionKey","event","key","isAriaDirectionKey"],"mappings":"MAAaA,kBAAkB,GAAIC,KAA0B;EACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;IACnE,OAAO,IAAI;;EAGf,OAAO,KAAK;AAChB;MAEaC,kBAAkB,GAAIF,KAA0B;EACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;IACrG,OAAO,IAAI;;EAGf,OAAO,KAAK;AAChB;;;;"}

package/dist/esm/packages/taco/src/utils/colors.js

@@ -0,0 +1,14 @@
+const colors = {
+  green: 'bg-[#cdf0e7] text-[#14493a]',
+  yellow: 'bg-[#fff1c3] text-[#733700]',
+  red: 'bg-[#ffdad2] text-[#64001b]',
+  blue: 'bg-[#deebff] text-[#29283e]',
+  purple: 'bg-[#eee5ff] text-[#412970]',
+  orange: 'bg-[#ffe3bb] text-[#4a2811]',
+  brown: 'bg-[#eee0da] text-[#45291f]',
+  pink: 'bg-[#ffe3f7] text-[#870062]',
+  grey: 'bg-grey text-[#303030]'
+};
+
+export { colors };
+//# sourceMappingURL=colors.js.map

package/dist/esm/packages/taco/src/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n    green: 'bg-[#cdf0e7] text-[#14493a]',\n    yellow: 'bg-[#fff1c3] text-[#733700]',\n    red: 'bg-[#ffdad2] text-[#64001b]',\n    blue: 'bg-[#deebff] text-[#29283e]',\n    purple: 'bg-[#eee5ff] text-[#412970]',\n    orange: 'bg-[#ffe3bb] text-[#4a2811]',\n    brown: 'bg-[#eee0da] text-[#45291f]',\n    pink: 'bg-[#ffe3f7] text-[#870062]',\n    grey: 'bg-grey text-[#303030]',\n};\n\nexport type Color = keyof typeof colors;\n"],"names":["colors","green","yellow","red","blue","purple","orange","brown","pink","grey"],"mappings":"MAAaA,MAAM,GAAG;EAClBC,KAAK,EAAE,6BAA6B;EACpCC,MAAM,EAAE,6BAA6B;EACrCC,GAAG,EAAE,6BAA6B;EAClCC,IAAI,EAAE,6BAA6B;EACnCC,MAAM,EAAE,6BAA6B;EACrCC,MAAM,EAAE,6BAA6B;EACrCC,KAAK,EAAE,6BAA6B;EACpCC,IAAI,EAAE,6BAA6B;EACnCC,IAAI,EAAE;;;;;"}

package/dist/esm/packages/taco/src/utils/date.js

@@ -0,0 +1,61 @@
+import { isDate, toDate, isValid } from 'date-fns';
+
+const format = (date, mask = 'dd.mm.yy') => {
+  if (!date) {
+    return undefined;
+  }
+  const value = isDate(date) ? date : toDate(date);
+  if (!isValid(value)) {
+    return undefined;
+  }
+  const pad = v => String(v).length === 1 ? `0${v}` : v.toString();
+  return mask.replace('dd', pad(value.getDate())).replace('mm', pad(value.getMonth() + 1)).replace('yy', String(value.getFullYear()).slice(2));
+};
+const parseFromCustomString = (date = '', mask = 'dd.mm.yy') => {
+  if (!date || !date.length) {
+    return undefined;
+  }
+  const sanitizedMask = mask.split(/[^dmy]/);
+  const dd = sanitizedMask.findIndex(x => x === 'dd');
+  const mm = sanitizedMask.findIndex(x => x === 'mm');
+  const yy = sanitizedMask.findIndex(x => x === 'yy' || x === 'yyyy');
+  let day;
+  let month;
+  let year;
+  const getFullYear = y => {
+    if (y && y.length === 2) {
+      const z = Number.parseInt(y, 10);
+      return z > 50 ? `19${y}` : `20${y}`;
+    }
+    return y;
+  };
+  const inputParts = date.split(/\D/);
+  if (inputParts.length === 1) {
+    const fullDate = inputParts[0];
+    const unseparatedMask = mask.replace(/[^dmy]/g, '');
+    day = fullDate.slice(unseparatedMask.indexOf('d'), unseparatedMask.lastIndexOf('d') + 1);
+    month = fullDate.slice(unseparatedMask.indexOf('m'), unseparatedMask.lastIndexOf('m') + 1);
+    year = getFullYear(fullDate.slice(unseparatedMask.indexOf('y'), unseparatedMask.lastIndexOf('y') + 3)); // account for full years
+  } else {
+    day = inputParts[dd];
+    month = inputParts[mm];
+    year = getFullYear(inputParts[yy]);
+  }
+  day = Number.parseInt(day, 10);
+  month = Number.parseInt(month, 10);
+  year = Number.parseInt(year, 10);
+  const currentDate = new Date();
+  return new Date( /* year */Object.is(year, NaN) ? currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? currentDate.getMonth() : month - 1,
+  // months are zero based in javascript, so subtract a day
+  /* day */
+  Object.is(day, NaN) ? currentDate.getDate() : day, /* hours */12, /* minutes */0 // set to midday to avoid UTC offset causing dates to be mismatched server side
+  );
+};
+
+const parseFromISOString = date => {
+  const tempDate = new Date(date);
+  return isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;
+};
+
+export { format, parseFromCustomString, parseFromISOString };
+//# sourceMappingURL=date.js.map

package/dist/esm/packages/taco/src/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sources":["../../../../../../src/utils/date.ts"],"sourcesContent":["import { isDate, toDate, isValid } from 'date-fns';\n\nexport const format = (date: Date | undefined, mask = 'dd.mm.yy'): string | undefined => {\n    if (!date) {\n        return undefined;\n    }\n\n    const value = isDate(date) ? date : toDate(date);\n\n    if (!isValid(value)) {\n        return undefined;\n    }\n\n    const pad = (v: number): string => (String(v).length === 1 ? `0${v}` : v.toString());\n\n    return mask\n        .replace('dd', pad(value.getDate()))\n        .replace('mm', pad(value.getMonth() + 1))\n        .replace('yy', String(value.getFullYear()).slice(2));\n};\n\nexport const parseFromCustomString = (date = '', mask = 'dd.mm.yy'): Date | undefined => {\n    if (!date || !date.length) {\n        return undefined;\n    }\n\n    const sanitizedMask = mask.split(/[^dmy]/);\n    const dd = sanitizedMask.findIndex(x => x === 'dd');\n    const mm = sanitizedMask.findIndex(x => x === 'mm');\n    const yy = sanitizedMask.findIndex(x => x === 'yy' || x === 'yyyy');\n\n    let day;\n    let month;\n    let year;\n\n    const getFullYear = (y: string): string => {\n        if (y && y.length === 2) {\n            const z = Number.parseInt(y, 10);\n\n            return z > 50 ? `19${y}` : `20${y}`;\n        }\n\n        return y;\n    };\n\n    const inputParts = date.split(/\\D/);\n\n    if (inputParts.length === 1) {\n        const fullDate = inputParts[0];\n        const unseparatedMask = mask.replace(/[^dmy]/g, '');\n\n        day = fullDate.slice(unseparatedMask.indexOf('d'), unseparatedMask.lastIndexOf('d') + 1);\n        month = fullDate.slice(unseparatedMask.indexOf('m'), unseparatedMask.lastIndexOf('m') + 1);\n        year = getFullYear(fullDate.slice(unseparatedMask.indexOf('y'), unseparatedMask.lastIndexOf('y') + 3)); // account for full years\n    } else {\n        day = inputParts[dd];\n        month = inputParts[mm];\n        year = getFullYear(inputParts[yy]);\n    }\n\n    day = Number.parseInt(day, 10);\n    month = Number.parseInt(month, 10);\n    year = Number.parseInt(year, 10);\n\n    const currentDate = new Date();\n\n    return new Date(\n        /* year */ Object.is(year, NaN) ? currentDate.getFullYear() : year,\n        /* month */ Object.is(month, NaN) ? currentDate.getMonth() : month - 1, // months are zero based in javascript, so subtract a day\n        /* day */ Object.is(day, NaN) ? currentDate.getDate() : day,\n        /* hours */ 12,\n        /* minutes */ 0 // set to midday to avoid UTC offset causing dates to be mismatched server side\n    );\n};\n\nexport const parseFromISOString = (date: string): Date | undefined => {\n    const tempDate = new Date(date);\n    return isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;\n};\n"],"names":["format","date","mask","undefined","value","isDate","toDate","isValid","pad","v","String","length","toString","replace","getDate","getMonth","getFullYear","slice","parseFromCustomString","sanitizedMask","split","dd","findIndex","x","mm","yy","day","month","year","y","z","Number","parseInt","inputParts","fullDate","unseparatedMask","indexOf","lastIndexOf","currentDate","Date","Object","is","NaN","parseFromISOString","tempDate"],"mappings":";;MAEaA,MAAM,GAAG,CAACC,IAAsB,EAAEC,IAAI,GAAG,UAAU;EAC5D,IAAI,CAACD,IAAI,EAAE;IACP,OAAOE,SAAS;;EAGpB,MAAMC,KAAK,GAAGC,MAAM,CAACJ,IAAI,CAAC,GAAGA,IAAI,GAAGK,MAAM,CAACL,IAAI,CAAC;EAEhD,IAAI,CAACM,OAAO,CAACH,KAAK,CAAC,EAAE;IACjB,OAAOD,SAAS;;EAGpB,MAAMK,GAAG,GAAIC,CAAS,IAAcC,MAAM,CAACD,CAAC,CAAC,CAACE,MAAM,KAAK,CAAC,OAAOF,GAAG,GAAGA,CAAC,CAACG,QAAQ,EAAG;EAEpF,OAAOV,IAAI,CACNW,OAAO,CAAC,IAAI,EAAEL,GAAG,CAACJ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC,CACnCD,OAAO,CAAC,IAAI,EAAEL,GAAG,CAACJ,KAAK,CAACW,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,CACxCF,OAAO,CAAC,IAAI,EAAEH,MAAM,CAACN,KAAK,CAACY,WAAW,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5D;MAEaC,qBAAqB,GAAG,CAACjB,IAAI,GAAG,EAAE,EAAEC,IAAI,GAAG,UAAU;EAC9D,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAACU,MAAM,EAAE;IACvB,OAAOR,SAAS;;EAGpB,MAAMgB,aAAa,GAAGjB,IAAI,CAACkB,KAAK,CAAC,QAAQ,CAAC;EAC1C,MAAMC,EAAE,GAAGF,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;EACnD,MAAMC,EAAE,GAAGL,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;EACnD,MAAME,EAAE,GAAGN,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAK,MAAM,CAAC;EAEnE,IAAIG,GAAG;EACP,IAAIC,KAAK;EACT,IAAIC,IAAI;EAER,MAAMZ,WAAW,GAAIa,CAAS;IAC1B,IAAIA,CAAC,IAAIA,CAAC,CAAClB,MAAM,KAAK,CAAC,EAAE;MACrB,MAAMmB,CAAC,GAAGC,MAAM,CAACC,QAAQ,CAACH,CAAC,EAAE,EAAE,CAAC;MAEhC,OAAOC,CAAC,GAAG,EAAE,QAAQD,GAAG,QAAQA,GAAG;;IAGvC,OAAOA,CAAC;GACX;EAED,MAAMI,UAAU,GAAGhC,IAAI,CAACmB,KAAK,CAAC,IAAI,CAAC;EAEnC,IAAIa,UAAU,CAACtB,MAAM,KAAK,CAAC,EAAE;IACzB,MAAMuB,QAAQ,GAAGD,UAAU,CAAC,CAAC,CAAC;IAC9B,MAAME,eAAe,GAAGjC,IAAI,CAACW,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;IAEnDa,GAAG,GAAGQ,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxFV,KAAK,GAAGO,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1FT,IAAI,GAAGZ,WAAW,CAACkB,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;GAC1G,MAAM;IACHX,GAAG,GAAGO,UAAU,CAACZ,EAAE,CAAC;IACpBM,KAAK,GAAGM,UAAU,CAACT,EAAE,CAAC;IACtBI,IAAI,GAAGZ,WAAW,CAACiB,UAAU,CAACR,EAAE,CAAC,CAAC;;EAGtCC,GAAG,GAAGK,MAAM,CAACC,QAAQ,CAACN,GAAG,EAAE,EAAE,CAAC;EAC9BC,KAAK,GAAGI,MAAM,CAACC,QAAQ,CAACL,KAAK,EAAE,EAAE,CAAC;EAClCC,IAAI,GAAGG,MAAM,CAACC,QAAQ,CAACJ,IAAI,EAAE,EAAE,CAAC;EAEhC,MAAMU,WAAW,GAAG,IAAIC,IAAI,EAAE;EAE9B,OAAO,IAAIA,IAAI,YACAC,MAAM,CAACC,EAAE,CAACb,IAAI,EAAEc,GAAG,CAAC,GAAGJ,WAAW,CAACtB,WAAW,EAAE,GAAGY,IAAI,aACtDY,MAAM,CAACC,EAAE,CAACd,KAAK,EAAEe,GAAG,CAAC,GAAGJ,WAAW,CAACvB,QAAQ,EAAE,GAAGY,KAAK,GAAG,CAAC;;;EAC5Da,MAAM,CAACC,EAAE,CAACf,GAAG,EAAEgB,GAAG,CAAC,GAAGJ,WAAW,CAACxB,OAAO,EAAE,GAAGY,GAAG,aAC/C,EAAE,eACA,CAAC;GAClB;AACL;;MAEaiB,kBAAkB,GAAI1C,IAAY;EAC3C,MAAM2C,QAAQ,GAAG,IAAIL,IAAI,CAACtC,IAAI,CAAC;EAC/B,OAAOM,OAAO,CAACqC,QAAQ,CAAC,GAAG1B,qBAAqB,CAAClB,MAAM,CAAC,IAAIuC,IAAI,CAACtC,IAAI,CAAC,CAAC,CAAC,GAAGE,SAAS;AACxF;;;;"}

package/dist/esm/packages/taco/src/utils/debounce.js

@@ -0,0 +1,10 @@
+const debounce = (fn, delay) => {
+  let timeoutId;
+  return function (...args) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn.apply(this, args), delay);
+  };
+};
+
+export { debounce };
+//# sourceMappingURL=debounce.js.map

package/dist/esm/packages/taco/src/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":["../../../../../../src/utils/debounce.ts"],"sourcesContent":["export const debounce = (fn: Function, delay: number) => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n\n    return function (this: any, ...args: any[]) {\n        clearTimeout(timeoutId);\n        timeoutId = setTimeout(() => fn.apply(this, args), delay);\n    };\n};\n"],"names":["debounce","fn","delay","timeoutId","args","clearTimeout","setTimeout","apply"],"mappings":"MAAaA,QAAQ,GAAG,CAACC,EAAY,EAAEC,KAAa;EAChD,IAAIC,SAAwC;EAE5C,OAAO,UAAqB,GAAGC,IAAW;IACtCC,YAAY,CAACF,SAAS,CAAC;IACvBA,SAAS,GAAGG,UAAU,CAAC,MAAML,EAAE,CAACM,KAAK,CAAC,IAAI,EAAEH,IAAI,CAAC,EAAEF,KAAK,CAAC;GAC5D;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/device.js

@@ -0,0 +1,5 @@
+const mobiles = /iPhone|iPad|iPod|Android/i;
+const isMobileDevice = navigator => !!(navigator !== null && navigator !== void 0 && navigator.userAgent) && mobiles.test(navigator.userAgent);
+
+export { isMobileDevice };
+//# sourceMappingURL=device.js.map

package/dist/esm/packages/taco/src/utils/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sources":["../../../../../../src/utils/device.ts"],"sourcesContent":["const mobiles = /iPhone|iPad|iPod|Android/i;\n\nexport const isMobileDevice = (navigator: Navigator | undefined) => !!navigator?.userAgent && mobiles.test(navigator.userAgent);\n"],"names":["mobiles","isMobileDevice","navigator","userAgent","test"],"mappings":"AAAA,MAAMA,OAAO,GAAG,2BAA2B;MAE9BC,cAAc,GAAIC,SAAgC,IAAK,CAAC,EAACA,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEC,SAAS,KAAIH,OAAO,CAACI,IAAI,CAACF,SAAS,CAACC,SAAS;;;;"}

package/dist/esm/packages/taco/src/utils/dom.js

@@ -0,0 +1,18 @@
+const getIndexOfFirstChildOverflowingParent = (element, overscan = 0) => {
+  let index = 0;
+  let boundaryChildIndex = null;
+  const clientRect = element.getBoundingClientRect();
+  for (const child of Array.from(element.children)) {
+    const right = child.getBoundingClientRect().right - clientRect.left;
+    const width = clientRect.width - overscan;
+    if (right > width) {
+      boundaryChildIndex = index;
+      break;
+    }
+    index++;
+  }
+  return boundaryChildIndex;
+};
+
+export { getIndexOfFirstChildOverflowingParent };
+//# sourceMappingURL=dom.js.map

package/dist/esm/packages/taco/src/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../../../../src/utils/dom.ts"],"sourcesContent":["export const isOverflowing = (element: HTMLElement | null) =>\n    element !== null ? element.scrollWidth > element.offsetWidth : false;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n"],"names":["getIndexOfFirstChildOverflowingParent","element","overscan","index","boundaryChildIndex","clientRect","getBoundingClientRect","child","Array","from","children","right","left","width"],"mappings":"MAGaA,qCAAqC,GAAG,CAACC,OAAoB,EAAEC,QAAQ,GAAG,CAAC;EACpF,IAAIC,KAAK,GAAG,CAAC;EACb,IAAIC,kBAAkB,GAAkB,IAAI;EAC5C,MAAMC,UAAU,GAAGJ,OAAO,CAACK,qBAAqB,EAAE;EAElD,KAAK,MAAMC,KAAK,IAAIC,KAAK,CAACC,IAAI,CAACR,OAAO,CAACS,QAAQ,CAAC,EAAE;IAC9C,MAAMC,KAAK,GAAGJ,KAAK,CAACD,qBAAqB,EAAE,CAACK,KAAK,GAAGN,UAAU,CAACO,IAAI;IACnE,MAAMC,KAAK,GAAGR,UAAU,CAACQ,KAAK,GAAGX,QAAQ;IAEzC,IAAIS,KAAK,GAAGE,KAAK,EAAE;MACfT,kBAAkB,GAAGD,KAAK;MAC1B;;IAEJA,KAAK,EAAE;;EAGX,OAAOC,kBAAkB;AAC7B;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useDraggable.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { useMove } from '@react-aria/interactions';
+
+const useDraggable = ref => {
+  const [position, setPosition] = React__default.useState({
+    x: 0,
+    y: 0
+  });
+  const {
+    moveProps
+  } = useMove({
+    onMove(event) {
+      var _ref$current;
+      const rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+      // Prevent dragging out of bounds
+      if (rect && (rect.left + event.deltaX < 0 || rect.right + event.deltaX > window.innerWidth || rect.top + event.deltaY < 0 || rect.bottom + event.deltaY > window.innerHeight)) {
+        return;
+      }
+      setPosition(({
+        x,
+        y
+      }) => {
+        x += event.deltaX;
+        y += event.deltaY;
+        return {
+          x,
+          y
+        };
+      });
+    }
+  });
+  return {
+    position,
+    handleProps: moveProps
+  };
+};
+
+export { useDraggable };
+//# sourceMappingURL=useDraggable.js.map

package/dist/esm/packages/taco/src/utils/hooks/useDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sources":["../../../../../../../src/utils/hooks/useDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { useMove } from '@react-aria/interactions';\n\nexport const useDraggable = (ref: React.MutableRefObject<HTMLDivElement | null>): any => {\n    const [position, setPosition] = React.useState({\n        x: 0,\n        y: 0,\n    });\n\n    const { moveProps } = useMove({\n        onMove(event) {\n            const rect = ref.current?.getBoundingClientRect();\n\n            // Prevent dragging out of bounds\n            if (\n                rect &&\n                (rect.left + event.deltaX < 0 ||\n                    rect.right + event.deltaX > window.innerWidth ||\n                    rect.top + event.deltaY < 0 ||\n                    rect.bottom + event.deltaY > window.innerHeight)\n            ) {\n                return;\n            }\n\n            setPosition(({ x, y }) => {\n                x += event.deltaX;\n                y += event.deltaY;\n                return { x, y };\n            });\n        },\n    });\n\n    return {\n        position,\n        handleProps: moveProps,\n    };\n};\n"],"names":["useDraggable","ref","position","setPosition","React","useState","x","y","moveProps","useMove","onMove","event","rect","current","getBoundingClientRect","left","deltaX","right","window","innerWidth","top","deltaY","bottom","innerHeight","handleProps"],"mappings":";;;MAGaA,YAAY,GAAIC,GAAkD;EAC3E,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC;IAC3CC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE;GACN,CAAC;EAEF,MAAM;IAAEC;GAAW,GAAGC,OAAO,CAAC;IAC1BC,MAAM,CAACC,KAAK;;MACR,MAAMC,IAAI,mBAAGX,GAAG,CAACY,OAAO,iDAAX,aAAaC,qBAAqB,EAAE;;MAGjD,IACIF,IAAI,KACHA,IAAI,CAACG,IAAI,GAAGJ,KAAK,CAACK,MAAM,GAAG,CAAC,IACzBJ,IAAI,CAACK,KAAK,GAAGN,KAAK,CAACK,MAAM,GAAGE,MAAM,CAACC,UAAU,IAC7CP,IAAI,CAACQ,GAAG,GAAGT,KAAK,CAACU,MAAM,GAAG,CAAC,IAC3BT,IAAI,CAACU,MAAM,GAAGX,KAAK,CAACU,MAAM,GAAGH,MAAM,CAACK,WAAW,CAAC,EACtD;QACE;;MAGJpB,WAAW,CAAC,CAAC;QAAEG,CAAC;QAAEC;OAAG;QACjBD,CAAC,IAAIK,KAAK,CAACK,MAAM;QACjBT,CAAC,IAAII,KAAK,CAACU,MAAM;QACjB,OAAO;UAAEf,CAAC;UAAEC;SAAG;OAClB,CAAC;;GAET,CAAC;EAEF,OAAO;IACHL,QAAQ;IACRsB,WAAW,EAAEhB;GAChB;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useDropTarget.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+
+const useDropTarget = onDrop => {
+  const [isDraggedOver, setDraggedOver] = React__default.useState(false);
+  const handleDragEnter = React__default.useCallback(event => {
+    event.preventDefault();
+    setDraggedOver(true);
+  }, []);
+  const handleDragLeave = React__default.useCallback(event => {
+    event.preventDefault();
+    if (event.target === event.currentTarget) {
+      setDraggedOver(false);
+    }
+  }, []);
+  const handleDragOver = React__default.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const handleDrop = React__default.useCallback(event => {
+    event.preventDefault();
+    event.persist();
+    setDraggedOver(false);
+    if (onDrop) {
+      onDrop(event);
+    }
+  }, [onDrop]);
+  const props = onDrop ? {
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop
+  } : undefined;
+  return [isDraggedOver, props];
+};
+
+export { useDropTarget };
+//# sourceMappingURL=useDropTarget.js.map

package/dist/esm/packages/taco/src/utils/hooks/useDropTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropTarget.js","sources":["../../../../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\n\nexport type useDropTarget = [\n    boolean,\n    (\n        | undefined\n        | {\n              onDragEnter: React.DragEventHandler;\n              onDragLeave: React.DragEventHandler;\n              onDragOver: React.DragEventHandler;\n              onDrop: React.DragEventHandler;\n          }\n    )\n];\n\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\n\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n        setDraggedOver(true);\n    }, []);\n\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n\n        if (event.target === event.currentTarget) {\n            setDraggedOver(false);\n        }\n    }, []);\n\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n    }, []);\n\n    const handleDrop = React.useCallback(\n        (event: React.DragEvent<HTMLElement>) => {\n            event.preventDefault();\n            event.persist();\n\n            setDraggedOver(false);\n\n            if (onDrop) {\n                onDrop(event);\n            }\n        },\n        [onDrop]\n    );\n\n    const props = onDrop\n        ? {\n              onDragEnter: handleDragEnter,\n              onDragLeave: handleDragLeave,\n              onDragOver: handleDragOver,\n              onDrop: handleDrop,\n          }\n        : undefined;\n\n    return [isDraggedOver, props];\n};\n"],"names":["useDropTarget","onDrop","isDraggedOver","setDraggedOver","React","useState","handleDragEnter","useCallback","event","preventDefault","handleDragLeave","target","currentTarget","handleDragOver","handleDrop","persist","props","onDragEnter","onDragLeave","onDragOver","undefined"],"mappings":";;MAeaA,aAAa,GAAIC,MAA0C;EACpE,MAAM,CAACC,aAAa,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,eAAe,GAAGF,cAAK,CAACG,WAAW,CAAEC,KAAmC;IAC1EA,KAAK,CAACC,cAAc,EAAE;IACtBN,cAAc,CAAC,IAAI,CAAC;GACvB,EAAE,EAAE,CAAC;EAEN,MAAMO,eAAe,GAAGN,cAAK,CAACG,WAAW,CAAEC,KAAmC;IAC1EA,KAAK,CAACC,cAAc,EAAE;IAEtB,IAAID,KAAK,CAACG,MAAM,KAAKH,KAAK,CAACI,aAAa,EAAE;MACtCT,cAAc,CAAC,KAAK,CAAC;;GAE5B,EAAE,EAAE,CAAC;EAEN,MAAMU,cAAc,GAAGT,cAAK,CAACG,WAAW,CAAEC,KAAmC;IACzEA,KAAK,CAACC,cAAc,EAAE;GACzB,EAAE,EAAE,CAAC;EAEN,MAAMK,UAAU,GAAGV,cAAK,CAACG,WAAW,CAC/BC,KAAmC;IAChCA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACO,OAAO,EAAE;IAEfZ,cAAc,CAAC,KAAK,CAAC;IAErB,IAAIF,MAAM,EAAE;MACRA,MAAM,CAACO,KAAK,CAAC;;GAEpB,EACD,CAACP,MAAM,CAAC,CACX;EAED,MAAMe,KAAK,GAAGf,MAAM,GACd;IACIgB,WAAW,EAAEX,eAAe;IAC5BY,WAAW,EAAER,eAAe;IAC5BS,UAAU,EAAEN,cAAc;IAC1BZ,MAAM,EAAEa;GACX,GACDM,SAAS;EAEf,OAAO,CAAClB,aAAa,EAAEc,KAAK,CAAC;AACjC;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useListKeyboardNavigation.js

@@ -0,0 +1,34 @@
+import React__default from 'react';
+
+const getNextIndexFromKey = (key, length, index, direction = 'vertical') => {
+  const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+  const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+  switch (key) {
+    case previousKey:
+      return index !== undefined ? index - 1 < 0 ? 0 : index - 1 : index;
+    case nextKey:
+      return index !== undefined ? index + 1 >= length ? index : index + 1 : index;
+    case 'Home':
+      return 0;
+    case 'End':
+      return length - 1;
+    default:
+      return;
+  }
+};
+const useListKeyboardNavigation = (length = 0, options = {
+  direction: 'vertical'
+}) => {
+  const [index, setIndex] = React__default.useState(options.initialIndex);
+  const getNextIndex = event => {
+    const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);
+    if (nextIndex !== undefined) {
+      event.preventDefault();
+    }
+    return nextIndex;
+  };
+  return [index, setIndex, getNextIndex];
+};
+
+export { getNextIndexFromKey, useListKeyboardNavigation };
+//# sourceMappingURL=useListKeyboardNavigation.js.map

package/dist/esm/packages/taco/src/utils/hooks/useListKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListKeyboardNavigation.js","sources":["../../../../../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { Orientation } from '../../types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index !== undefined ? (index - 1 < 0 ? 0 : index - 1) : index;\n\n        case nextKey:\n            return index !== undefined ? (index + 1 >= length ? index : index + 1) : index;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":["getNextIndexFromKey","key","length","index","direction","previousKey","nextKey","undefined","useListKeyboardNavigation","options","setIndex","React","useState","initialIndex","getNextIndex","event","nextIndex","preventDefault"],"mappings":";;MAGaA,mBAAmB,GAAG,CAC/BC,GAAW,EACXC,MAAc,EACdC,KAAyB,EACzBC,YAAyB,UAAU;EAEnC,MAAMC,WAAW,GAAGD,SAAS,KAAK,YAAY,GAAG,WAAW,GAAG,SAAS;EACxE,MAAME,OAAO,GAAGF,SAAS,KAAK,YAAY,GAAG,YAAY,GAAG,WAAW;EAEvE,QAAQH,GAAG;IACP,KAAKI,WAAW;MACZ,OAAOF,KAAK,KAAKI,SAAS,GAAIJ,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAIA,KAAK;IAExE,KAAKG,OAAO;MACR,OAAOH,KAAK,KAAKI,SAAS,GAAIJ,KAAK,GAAG,CAAC,IAAID,MAAM,GAAGC,KAAK,GAAGA,KAAK,GAAG,CAAC,GAAIA,KAAK;IAElF,KAAK,MAAM;MACP,OAAO,CAAC;IAEZ,KAAK,KAAK;MACN,OAAOD,MAAM,GAAG,CAAC;IAErB;MACI;;AAEZ;MAOaM,yBAAyB,GAAG,CACrCN,MAAM,GAAG,CAAC,EACVO,UAA4C;EACxCL,SAAS,EAAE;CACd;EAED,MAAM,CAACD,KAAK,EAAEO,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBH,OAAO,CAACI,YAAY,CAAC;EAElF,MAAMC,YAAY,GAAIC,KAAuC;IACzD,MAAMC,SAAS,GAAGhB,mBAAmB,CAACe,KAAK,CAACd,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEM,OAAO,CAACL,SAAS,CAAC;IAElF,IAAIY,SAAS,KAAKT,SAAS,EAAE;MACzBQ,KAAK,CAACE,cAAc,EAAE;;IAG1B,OAAOD,SAAS;GACnB;EAED,OAAO,CAACb,KAAK,EAAEO,QAAQ,EAAEI,YAAY,CAAC;AAC1C;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js

@@ -0,0 +1,33 @@
+const scrollToChildElement = (parent, child) => {
+  const clientHeight = parent.clientHeight;
+  if (parent.scrollHeight > clientHeight) {
+    const scrollTop = parent.scrollTop;
+    const scrollBottom = clientHeight + scrollTop;
+    const childBottom = child.offsetTop + child.offsetHeight;
+    if (childBottom > scrollBottom) {
+      parent.scrollTop = childBottom - clientHeight;
+    } else if (child.offsetTop < scrollTop) {
+      parent.scrollTop = child.offsetTop;
+    }
+  }
+};
+const useListScrollTo = (internalRef, itemRefs) => {
+  const scrollTo = index => {
+    if (internalRef && internalRef.current) {
+      if (index !== undefined) {
+        const activeRef = itemRefs[index];
+        if (activeRef && activeRef.current) {
+          scrollToChildElement(internalRef.current, activeRef.current);
+        }
+      } else {
+        internalRef.current.scrollTop = 0;
+      }
+    }
+  };
+  return {
+    scrollTo
+  };
+};
+
+export { useListScrollTo };
+//# sourceMappingURL=useListScrollTo.js.map

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListScrollTo.js","sources":["../../../../../../../src/utils/hooks/useListScrollTo.ts"],"sourcesContent":["const scrollToChildElement = (parent: HTMLElement, child: HTMLElement): void => {\n    const clientHeight = parent.clientHeight;\n\n    if (parent.scrollHeight > clientHeight) {\n        const scrollTop = parent.scrollTop;\n        const scrollBottom = clientHeight + scrollTop;\n        const childBottom = child.offsetTop + child.offsetHeight;\n\n        if (childBottom > scrollBottom) {\n            parent.scrollTop = childBottom - clientHeight;\n        } else if (child.offsetTop < scrollTop) {\n            parent.scrollTop = child.offsetTop;\n        }\n    }\n};\n\nexport const useListScrollTo = (internalRef: any, itemRefs: any[]): any => {\n    const scrollTo = (index: number | undefined): void => {\n        if (internalRef && internalRef.current) {\n            if (index !== undefined) {\n                const activeRef = itemRefs[index];\n\n                if (activeRef && activeRef.current) {\n                    scrollToChildElement(internalRef.current, activeRef.current);\n                }\n            } else {\n                internalRef.current.scrollTop = 0;\n            }\n        }\n    };\n\n    return { scrollTo };\n};\n"],"names":["scrollToChildElement","parent","child","clientHeight","scrollHeight","scrollTop","scrollBottom","childBottom","offsetTop","offsetHeight","useListScrollTo","internalRef","itemRefs","scrollTo","index","current","undefined","activeRef"],"mappings":"AAAA,MAAMA,oBAAoB,GAAG,CAACC,MAAmB,EAAEC,KAAkB;EACjE,MAAMC,YAAY,GAAGF,MAAM,CAACE,YAAY;EAExC,IAAIF,MAAM,CAACG,YAAY,GAAGD,YAAY,EAAE;IACpC,MAAME,SAAS,GAAGJ,MAAM,CAACI,SAAS;IAClC,MAAMC,YAAY,GAAGH,YAAY,GAAGE,SAAS;IAC7C,MAAME,WAAW,GAAGL,KAAK,CAACM,SAAS,GAAGN,KAAK,CAACO,YAAY;IAExD,IAAIF,WAAW,GAAGD,YAAY,EAAE;MAC5BL,MAAM,CAACI,SAAS,GAAGE,WAAW,GAAGJ,YAAY;KAChD,MAAM,IAAID,KAAK,CAACM,SAAS,GAAGH,SAAS,EAAE;MACpCJ,MAAM,CAACI,SAAS,GAAGH,KAAK,CAACM,SAAS;;;AAG9C,CAAC;MAEYE,eAAe,GAAG,CAACC,WAAgB,EAAEC,QAAe;EAC7D,MAAMC,QAAQ,GAAIC,KAAyB;IACvC,IAAIH,WAAW,IAAIA,WAAW,CAACI,OAAO,EAAE;MACpC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,MAAMC,SAAS,GAAGL,QAAQ,CAACE,KAAK,CAAC;QAEjC,IAAIG,SAAS,IAAIA,SAAS,CAACF,OAAO,EAAE;UAChCf,oBAAoB,CAACW,WAAW,CAACI,OAAO,EAAEE,SAAS,CAACF,OAAO,CAAC;;OAEnE,MAAM;QACHJ,WAAW,CAACI,OAAO,CAACV,SAAS,GAAG,CAAC;;;GAG5C;EAED,OAAO;IAAEQ;GAAU;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const useOnClickOutside = (ref, callback) => {
+  React__default.useEffect(() => {
+    const listener = event => {
+      const refs = !Array.isArray(ref) ? [ref] : ref;
+      if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target))) {
+        return;
+      }
+      callback(event);
+    };
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return () => {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, callback]);
+};
+
+export { useOnClickOutside };
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sources":["../../../../../../../src/utils/hooks/useOnClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useOnClickOutside = (\n    ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n    callback: (event: MouseEvent | TouchEvent) => void\n): void => {\n    React.useEffect(() => {\n        const listener = (event: MouseEvent | TouchEvent): void => {\n            const refs = !Array.isArray(ref) ? [ref] : ref;\n            if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target as Node))) {\n                return;\n            }\n            callback(event);\n        };\n\n        document.addEventListener('mousedown', listener);\n        document.addEventListener('touchstart', listener);\n\n        return () => {\n            document.removeEventListener('mousedown', listener);\n            document.removeEventListener('touchstart', listener);\n        };\n    }, [ref, callback]);\n};\n"],"names":["useOnClickOutside","ref","callback","React","useEffect","listener","event","refs","Array","isArray","some","currentRef","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;MAEaA,iBAAiB,GAAG,CAC7BC,GAAkE,EAClEC,QAAkD;EAElDC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,QAAQ,GAAIC,KAA8B;MAC5C,MAAMC,IAAI,GAAG,CAACC,KAAK,CAACC,OAAO,CAACR,GAAG,CAAC,GAAG,CAACA,GAAG,CAAC,GAAGA,GAAG;MAC9C,IAAIM,IAAI,CAACG,IAAI,CAACC,UAAU,IAAI,CAACA,UAAU,CAACC,OAAO,IAAID,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACP,KAAK,CAACQ,MAAc,CAAC,CAAC,EAAE;QACnG;;MAEJZ,QAAQ,CAACI,KAAK,CAAC;KAClB;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,QAAQ,CAAC;IAChDU,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEX,QAAQ,CAAC;IAEjD,OAAO;MACHU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,QAAQ,CAAC;MACnDU,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEZ,QAAQ,CAAC;KACvD;GACJ,EAAE,CAACJ,GAAG,EAAEC,QAAQ,CAAC,CAAC;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useProxiedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProxiedRef.js","sources":["../../../../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\n    const internalRef = React.useRef<T>(null);\n\n    React.useEffect(() => {\n        if (ref) {\n            if (typeof ref === 'function') {\n                ref(internalRef.current);\n            } else {\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\n            }\n        }\n    }, [ref]);\n\n    return internalRef;\n};\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;MAEaA,aAAa,GAA2BC,GAA2B;EAC5E,MAAMC,WAAW,GAAGC,MAAY,CAAI,IAAI,CAAC;EAEzCA,SAAe,CAAC;IACZ,IAAIF,GAAG,EAAE;MACL,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC;OAC3B,MAAM;QACFH,GAAkD,CAACG,OAAO,GAAGF,WAAW,CAACE,OAAO;;;GAG5F,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,OAAOC,WAAW;AACtB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js

@@ -0,0 +1,49 @@
+import { useRef, useState, useEffect } from 'react';
+
+function useTimer(duration = 0, callback) {
+  const timer = useRef();
+  const [tracker, setTracker] = useState({
+    remaining: duration,
+    started: null
+  });
+  useEffect(() => {
+    if (duration) {
+      if (tracker.started) {
+        timer.current = window.setTimeout(callback, tracker.remaining);
+      } else {
+        clearTimeout(timer.current);
+      }
+    }
+    return () => {
+      clearTimeout(timer.current);
+    };
+  }, [tracker.started]);
+  return {
+    running: !!tracker.started,
+    start: () => {
+      setTracker({
+        remaining: duration,
+        started: Date.now()
+      });
+    },
+    pause: () => {
+      if (tracker.started) {
+        setTracker({
+          remaining: tracker.remaining - (Date.now() - tracker.started),
+          started: null
+        });
+      }
+    },
+    resume: () => {
+      if (tracker.remaining && !tracker.started) {
+        setTracker({
+          remaining: tracker.remaining,
+          started: Date.now()
+        });
+      }
+    }
+  };
+}
+
+export default useTimer;
+//# sourceMappingURL=useTimer.js.map

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","sources":["../../../../../../../src/utils/hooks/useTimer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface Timer {\n    running: boolean;\n    start: () => void;\n    pause: () => void;\n    resume: () => void;\n}\n\ntype Tracker = {\n    remaining: number;\n    started: number | null;\n};\n\nexport default function useTimer(duration = 0, callback: () => void): Timer {\n    const timer = React.useRef<number>();\n    const [tracker, setTracker] = React.useState<Tracker>({\n        remaining: duration,\n        started: null,\n    });\n\n    React.useEffect(() => {\n        if (duration) {\n            if (tracker.started) {\n                timer.current = window.setTimeout(callback, tracker.remaining);\n            } else {\n                clearTimeout(timer.current);\n            }\n        }\n\n        return () => {\n            clearTimeout(timer.current);\n        };\n    }, [tracker.started]);\n\n    return {\n        running: !!tracker.started,\n        start: () => {\n            setTracker({\n                remaining: duration,\n                started: Date.now(),\n            });\n        },\n        pause: () => {\n            if (tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\n                    started: null,\n                });\n            }\n        },\n        resume: () => {\n            if (tracker.remaining && !tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining,\n                    started: Date.now(),\n                });\n            }\n        },\n    };\n}\n"],"names":["useTimer","duration","callback","timer","React","tracker","setTracker","remaining","started","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,QAAQ,CAACC,QAAQ,GAAG,CAAC,EAAEC,QAAoB;EAC/D,MAAMC,KAAK,GAAGC,MAAY,EAAU;EACpC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGF,QAAc,CAAU;IAClDG,SAAS,EAAEN,QAAQ;IACnBO,OAAO,EAAE;GACZ,CAAC;EAEFJ,SAAe,CAAC;IACZ,IAAIH,QAAQ,EAAE;MACV,IAAII,OAAO,CAACG,OAAO,EAAE;QACjBL,KAAK,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACT,QAAQ,EAAEG,OAAO,CAACE,SAAS,CAAC;OACjE,MAAM;QACHK,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;;;IAInC,OAAO;MACHG,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;KAC9B;GACJ,EAAE,CAACJ,OAAO,CAACG,OAAO,CAAC,CAAC;EAErB,OAAO;IACHK,OAAO,EAAE,CAAC,CAACR,OAAO,CAACG,OAAO;IAC1BM,KAAK,EAAE;MACHR,UAAU,CAAC;QACPC,SAAS,EAAEN,QAAQ;QACnBO,OAAO,EAAEO,IAAI,CAACC,GAAG;OACpB,CAAC;KACL;IACDC,KAAK,EAAE;MACH,IAAIZ,OAAO,CAACG,OAAO,EAAE;QACjBF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS,IAAIQ,IAAI,CAACC,GAAG,EAAE,GAAGX,OAAO,CAACG,OAAO,CAAC;UAC7DA,OAAO,EAAE;SACZ,CAAC;;KAET;IACDU,MAAM,EAAE;MACJ,IAAIb,OAAO,CAACE,SAAS,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE;QACvCF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS;UAC5BC,OAAO,EAAEO,IAAI,CAACC,GAAG;SACpB,CAAC;;;GAGb;AACL;;;;"}