@economic/taco 1.0.5 → 1.0.6

package/dist/esm/primitives/Button.js

@@ -0,0 +1,21 @@
+import { forwardRef, createElement, Children } from 'react';
+
+const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  const {
+    disabled,
+    target,
+    type = 'button',
+    ...otherProps
+  } = props;
+  const Tag = props.href ? 'a' : 'button';
+  return createElement(Tag, Object.assign({}, otherProps, {
+    "aria-disabled": disabled ? 'true' : undefined,
+    disabled: disabled,
+    target: Tag === 'a' ? target : undefined,
+    type: Tag !== 'a' ? type : undefined,
+    ref: ref
+  }), Children.count(props.children) > 1 ? Children.map(props.children, child => typeof child === 'string' ? createElement("span", null, child) : child) : props.children);
+});
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/esm/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\r\n    /** Content should be a text */\r\n    children: React.ReactNode;\r\n    /** Provides url for buttons being used as a link */\r\n    href?: string;\r\n    /** Provides target for buttons being used as a link */\r\n    target?: '_self' | '_blank' | '_parent' | '_top';\r\n};\r\n\r\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\r\n    const { disabled, target, type = 'button', ...otherProps } = props;\r\n\r\n    const Tag = props.href ? 'a' : 'button';\r\n\r\n    return (\r\n        <Tag\r\n            {...otherProps}\r\n            aria-disabled={disabled ? 'true' : undefined}\r\n            disabled={disabled}\r\n            target={Tag === 'a' ? target : undefined}\r\n            type={Tag !== 'a' ? type : undefined}\r\n            ref={ref as any}\r\n        >\r\n            {React.Children.count(props.children) > 1\r\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\r\n                : props.children}\r\n        </Tag>\r\n    );\r\n});\r\n\r\nexport { Button, ButtonProps };\r\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;MAWMA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AAC5B,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoBC,IAAAA,IAAI,GAAG,QAA3B;AAAqC,OAAGC;AAAxC,MAAuDL,KAA7D;AAEA,QAAMM,GAAG,GAAGN,KAAK,CAACO,IAAN,GAAa,GAAb,GAAmB,QAA/B;AAEA,SACIR,aAAA,CAACO,GAAD,oBACQD;qBACWH,QAAQ,GAAG,MAAH,GAAYM;AACnCN,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,MAAM,EAAEG,GAAG,KAAK,GAAR,GAAcH,MAAd,GAAuBK;AAC/BJ,IAAAA,IAAI,EAAEE,GAAG,KAAK,GAAR,GAAcF,IAAd,GAAqBI;AAC3BP,IAAAA,GAAG,EAAEA;IANT,EAQKF,QAAA,CAAeU,KAAf,CAAqBT,KAAK,CAACU,QAA3B,IAAuC,CAAvC,GACKX,QAAA,CAAeY,GAAf,CAAmBX,KAAK,CAACU,QAAzB,EAAmCE,KAAK,IAAK,OAAOA,KAAP,KAAiB,QAAjB,GAA4Bb,aAAA,OAAA,MAAA,EAAOa,KAAP,CAA5B,GAAmDA,KAAhG,CADL,GAEKZ,KAAK,CAACU,QAVhB,CADJ;AAcH,CAnBc;;;;"}

package/dist/esm/utils/date.js

@@ -0,0 +1,98 @@
+import { isDate, toDate, isValid } from 'date-fns';
+
+var format = function format(date, mask) {
+  if (mask === void 0) {
+    mask = 'dd.mm.yy';
+  }
+
+  if (!date) {
+    return undefined;
+  }
+
+  var value = isDate(date) ? date : toDate(date);
+
+  if (!isValid(value)) {
+    return undefined;
+  }
+
+  var pad = function pad(v) {
+    return 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));
+};
+var parseFromCustomString = function parseFromCustomString(date, mask) {
+  if (date === void 0) {
+    date = '';
+  }
+
+  if (mask === void 0) {
+    mask = 'dd.mm.yy';
+  }
+
+  if (!date || !date.length) {
+    return undefined;
+  }
+
+  var sanitizedMask = mask.split(/[^dmy]/);
+  var dd = sanitizedMask.findIndex(function (x) {
+    return x === 'dd';
+  });
+  var mm = sanitizedMask.findIndex(function (x) {
+    return x === 'mm';
+  });
+  var yy = sanitizedMask.findIndex(function (x) {
+    return x === 'yy' || x === 'yyyy';
+  });
+  var day;
+  var month;
+  var year;
+
+  var getFullYear = function getFullYear(y) {
+    if (y && y.length === 2) {
+      var z = Number.parseInt(y, 10);
+      return z > 50 ? "19" + y : "20" + y;
+    }
+
+    return y;
+  };
+
+  var inputParts = date.split(/\D/);
+
+  if (inputParts.length === 1) {
+    var fullDate = inputParts[0];
+    var 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);
+  var 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
+  );
+};
+var parseFromISOString = function parseFromISOString(date) {
+  var tempDate = new Date(date);
+  return isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;
+};
+
+export { format, parseFromCustomString, parseFromISOString };
+//# sourceMappingURL=date.js.map

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

package/dist/esm/utils/hooks/useBoundingClientRectListener.js

@@ -0,0 +1,50 @@
+import { useState, useEffect } from 'react';
+import debounce from 'lodash-es/debounce';
+
+var getVisibility = function getVisibility(element) {
+  return Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));
+};
+
+var useBoundingClientRectListener = function useBoundingClientRectListener(ref) {
+  var _React$useState = useState(undefined),
+      dimensions = _React$useState[0],
+      setDimensions = _React$useState[1];
+
+  var isRefElementVisible = getVisibility(ref.current);
+
+  var _React$useState2 = useState(isRefElementVisible),
+      visibility = _React$useState2[0],
+      setVisibility = _React$useState2[1];
+
+  var resize = function resize() {
+    if (visibility) {
+      var _ref$current;
+
+      setDimensions((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect());
+    }
+  };
+
+  useEffect(function () {
+    var timeout = setTimeout(resize, 0);
+    var debouncedResize = debounce(resize, 250);
+    window.addEventListener('resize', debouncedResize);
+    return function () {
+      clearTimeout(timeout);
+      window.removeEventListener('resize', debouncedResize);
+    };
+  }, [ref.current, visibility]);
+  useEffect(function () {
+    var newRefElementVisibility = getVisibility(ref.current);
+
+    if (visibility !== newRefElementVisibility) {
+      // When visibility of an element changes, then the new visibility of the element can only be checked after the
+      // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause
+      // the consumer to rerender and that will cause the above hook to recalculate the dimensions
+      setVisibility(newRefElementVisibility);
+    }
+  });
+  return dimensions;
+};
+
+export { useBoundingClientRectListener };
+//# sourceMappingURL=useBoundingClientRectListener.js.map

package/dist/esm/utils/hooks/useBoundingClientRectListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../../../src/utils/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\r\nimport debounce from 'lodash/debounce';\r\n\r\nconst getVisibility = (element: HTMLElement | null): boolean =>\r\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\r\n\r\nexport const useBoundingClientRectListener = (ref: React.RefObject<HTMLElement>): DOMRectReadOnly | undefined => {\r\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\r\n    const isRefElementVisible = getVisibility(ref.current);\r\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\r\n\r\n    const resize = () => {\r\n        if (visibility) {\r\n            setDimensions(ref.current?.getBoundingClientRect());\r\n        }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        const timeout = setTimeout(resize, 0);\r\n        const debouncedResize = debounce(resize, 250);\r\n\r\n        window.addEventListener('resize', debouncedResize);\r\n\r\n        return () => {\r\n            clearTimeout(timeout);\r\n            window.removeEventListener('resize', debouncedResize);\r\n        };\r\n    }, [ref.current, visibility]);\r\n\r\n    React.useEffect(() => {\r\n        const newRefElementVisibility = getVisibility(ref.current);\r\n\r\n        if (visibility !== newRefElementVisibility) {\r\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\r\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\r\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\r\n            setVisibility(newRefElementVisibility);\r\n        }\r\n    });\r\n\r\n    return dimensions;\r\n};\r\n"],"names":["getVisibility","element","Boolean","offsetWidth","offsetHeight","getClientRects","length","useBoundingClientRectListener","ref","React","undefined","dimensions","setDimensions","isRefElementVisible","current","visibility","setVisibility","resize","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility"],"mappings":";;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD;AAAA,SAClBC,OAAO,CAACD,OAAO,KAAKA,OAAO,CAACE,WAAR,IAAuBF,OAAO,CAACG,YAA/B,IAA+CH,OAAO,CAACI,cAAR,GAAyBC,MAA7E,CAAR,CADW;AAAA,CAAtB;;IAGaC,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,GAAD;AACzC,wBAAoCC,QAAA,CAA4CC,SAA5C,CAApC;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,mBAAmB,GAAGb,aAAa,CAACQ,GAAG,CAACM,OAAL,CAAzC;;AACA,yBAAoCL,QAAA,CAAeI,mBAAf,CAApC;AAAA,MAAOE,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,MAAM,GAAG,SAATA,MAAS;AACX,QAAIF,UAAJ,EAAgB;AAAA;;AACZH,MAAAA,aAAa,iBAACJ,GAAG,CAACM,OAAL,iDAAC,aAAaI,qBAAb,EAAD,CAAb;AACH;AACJ,GAJD;;AAMAT,EAAAA,SAAA,CAAgB;AACZ,QAAMU,OAAO,GAAGC,UAAU,CAACH,MAAD,EAAS,CAAT,CAA1B;AACA,QAAMI,eAAe,GAAGC,QAAQ,CAACL,MAAD,EAAS,GAAT,CAAhC;AAEAM,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCH,eAAlC;AAEA,WAAO;AACHI,MAAAA,YAAY,CAACN,OAAD,CAAZ;AACAI,MAAAA,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCL,eAArC;AACH,KAHD;AAIH,GAVD,EAUG,CAACb,GAAG,CAACM,OAAL,EAAcC,UAAd,CAVH;AAYAN,EAAAA,SAAA,CAAgB;AACZ,QAAMkB,uBAAuB,GAAG3B,aAAa,CAACQ,GAAG,CAACM,OAAL,CAA7C;;AAEA,QAAIC,UAAU,KAAKY,uBAAnB,EAA4C;AACxC;AACA;AACA;AACAX,MAAAA,aAAa,CAACW,uBAAD,CAAb;AACH;AACJ,GATD;AAWA,SAAOhB,UAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useDraggable.js

@@ -0,0 +1,42 @@
+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/utils/hooks/useDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sources":["../../../../src/utils/hooks/useDraggable.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useMove } from '@react-aria/interactions';\r\n\r\nexport const useDraggable = (ref: React.MutableRefObject<HTMLDivElement | null>): any => {\r\n    const [position, setPosition] = React.useState({\r\n        x: 0,\r\n        y: 0,\r\n    });\r\n\r\n    const { moveProps } = useMove({\r\n        onMove(event) {\r\n            const rect = ref.current?.getBoundingClientRect();\r\n\r\n            // Prevent dragging out of bounds\r\n            if (\r\n                rect &&\r\n                (rect.left + event.deltaX < 0 ||\r\n                    rect.right + event.deltaX > window.innerWidth ||\r\n                    rect.top + event.deltaY < 0 ||\r\n                    rect.bottom + event.deltaY > window.innerHeight)\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            setPosition(({ x, y }) => {\r\n                x += event.deltaX;\r\n                y += event.deltaY;\r\n                return { x, y };\r\n            });\r\n        },\r\n    });\r\n\r\n    return {\r\n        position,\r\n        handleProps: moveProps,\r\n    };\r\n};\r\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,GAAD;AACxB,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BC,cAAK,CAACC,QAAN,CAAe;AAC3CC,IAAAA,CAAC,EAAE,CADwC;AAE3CC,IAAAA,CAAC,EAAE;AAFwC,GAAf,CAAhC;AAKA,QAAM;AAAEC,IAAAA;AAAF,MAAgBC,OAAO,CAAC;AAC1BC,IAAAA,MAAM,CAACC,KAAD;;;AACF,YAAMC,IAAI,mBAAGX,GAAG,CAACY,OAAP,iDAAG,aAAaC,qBAAb,EAAb;;AAGA,UACIF,IAAI,KACHA,IAAI,CAACG,IAAL,GAAYJ,KAAK,CAACK,MAAlB,GAA2B,CAA3B,IACGJ,IAAI,CAACK,KAAL,GAAaN,KAAK,CAACK,MAAnB,GAA4BE,MAAM,CAACC,UADtC,IAEGP,IAAI,CAACQ,GAAL,GAAWT,KAAK,CAACU,MAAjB,GAA0B,CAF7B,IAGGT,IAAI,CAACU,MAAL,GAAcX,KAAK,CAACU,MAApB,GAA6BH,MAAM,CAACK,WAJpC,CADR,EAME;AACE;AACH;;AAEDpB,MAAAA,WAAW,CAAC,CAAC;AAAEG,QAAAA,CAAF;AAAKC,QAAAA;AAAL,OAAD;AACRD,QAAAA,CAAC,IAAIK,KAAK,CAACK,MAAX;AACAT,QAAAA,CAAC,IAAII,KAAK,CAACU,MAAX;AACA,eAAO;AAAEf,UAAAA,CAAF;AAAKC,UAAAA;AAAL,SAAP;AACH,OAJU,CAAX;AAKH;;AApByB,GAAD,CAA7B;AAuBA,SAAO;AACHL,IAAAA,QADG;AAEHsB,IAAAA,WAAW,EAAEhB;AAFV,GAAP;AAIH;;;;"}

package/dist/esm/utils/hooks/useDropTarget.js

@@ -0,0 +1,38 @@
+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/utils/hooks/useDropTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropTarget.js","sources":["../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport type useDropTarget = [\r\n    boolean,\r\n    (\r\n        | undefined\r\n        | {\r\n              onDragEnter: React.DragEventHandler;\r\n              onDragLeave: React.DragEventHandler;\r\n              onDragOver: React.DragEventHandler;\r\n              onDrop: React.DragEventHandler;\r\n          }\r\n    )\r\n];\r\n\r\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\r\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\r\n\r\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n        setDraggedOver(true);\r\n    }, []);\r\n\r\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n\r\n        if (event.target === event.currentTarget) {\r\n            setDraggedOver(false);\r\n        }\r\n    }, []);\r\n\r\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n    }, []);\r\n\r\n    const handleDrop = React.useCallback(\r\n        (event: React.DragEvent<HTMLElement>) => {\r\n            event.preventDefault();\r\n            event.persist();\r\n\r\n            setDraggedOver(false);\r\n\r\n            if (onDrop) {\r\n                onDrop(event);\r\n            }\r\n        },\r\n        [onDrop]\r\n    );\r\n\r\n    const props = onDrop\r\n        ? {\r\n              onDragEnter: handleDragEnter,\r\n              onDragLeave: handleDragLeave,\r\n              onDragOver: handleDragOver,\r\n              onDrop: handleDrop,\r\n          }\r\n        : undefined;\r\n\r\n    return [isDraggedOver, props];\r\n};\r\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,MAAD;AACzB,QAAM,CAACC,aAAD,EAAgBC,cAAhB,IAAkCC,cAAK,CAACC,QAAN,CAAe,KAAf,CAAxC;AAEA,QAAMC,eAAe,GAAGF,cAAK,CAACG,WAAN,CAAmBC,KAAD;AACtCA,IAAAA,KAAK,CAACC,cAAN;AACAN,IAAAA,cAAc,CAAC,IAAD,CAAd;AACH,GAHuB,EAGrB,EAHqB,CAAxB;AAKA,QAAMO,eAAe,GAAGN,cAAK,CAACG,WAAN,CAAmBC,KAAD;AACtCA,IAAAA,KAAK,CAACC,cAAN;;AAEA,QAAID,KAAK,CAACG,MAAN,KAAiBH,KAAK,CAACI,aAA3B,EAA0C;AACtCT,MAAAA,cAAc,CAAC,KAAD,CAAd;AACH;AACJ,GANuB,EAMrB,EANqB,CAAxB;AAQA,QAAMU,cAAc,GAAGT,cAAK,CAACG,WAAN,CAAmBC,KAAD;AACrCA,IAAAA,KAAK,CAACC,cAAN;AACH,GAFsB,EAEpB,EAFoB,CAAvB;AAIA,QAAMK,UAAU,GAAGV,cAAK,CAACG,WAAN,CACdC,KAAD;AACIA,IAAAA,KAAK,CAACC,cAAN;AACAD,IAAAA,KAAK,CAACO,OAAN;AAEAZ,IAAAA,cAAc,CAAC,KAAD,CAAd;;AAEA,QAAIF,MAAJ,EAAY;AACRA,MAAAA,MAAM,CAACO,KAAD,CAAN;AACH;AACJ,GAVc,EAWf,CAACP,MAAD,CAXe,CAAnB;AAcA,QAAMe,KAAK,GAAGf,MAAM,GACd;AACIgB,IAAAA,WAAW,EAAEX,eADjB;AAEIY,IAAAA,WAAW,EAAER,eAFjB;AAGIS,IAAAA,UAAU,EAAEN,cAHhB;AAIIZ,IAAAA,MAAM,EAAEa;AAJZ,GADc,GAOdM,SAPN;AASA,SAAO,CAAClB,aAAD,EAAgBc,KAAhB,CAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useListKeyboardNavigation.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import keycode from 'keycode';
+
+var getNextIndexFromKeycode = function getNextIndexFromKeycode(keyCode, length, index, direction) {
+  if (direction === void 0) {
+    direction = 'vertical';
+  }
+
+  var previousKey = direction === 'horizontal' ? 'left' : 'up';
+  var nextKey = direction === 'horizontal' ? 'right' : 'down';
+
+  switch (keyCode) {
+    case keycode(previousKey):
+      return index !== undefined ? index - 1 < 0 ? 0 : index - 1 : index;
+
+    case keycode(nextKey):
+      return index !== undefined ? index + 1 >= length ? index : index + 1 : index;
+
+    case keycode('home'):
+      return 0;
+
+    case keycode('end'):
+      return length - 1;
+
+    default:
+      return;
+  }
+};
+var useListKeyboardNavigation = function useListKeyboardNavigation(length, options) {
+  if (length === void 0) {
+    length = 0;
+  }
+
+  if (options === void 0) {
+    options = {
+      direction: 'vertical'
+    };
+  }
+
+  var _React$useState = React__default.useState(options.initialIndex),
+      index = _React$useState[0],
+      setIndex = _React$useState[1];
+
+  var getNextIndex = function getNextIndex(event) {
+    var nextIndex = getNextIndexFromKeycode(event.keyCode, length, index, options.direction);
+
+    if (nextIndex !== undefined) {
+      event.preventDefault();
+    }
+
+    return nextIndex;
+  };
+
+  return [index, setIndex, getNextIndex];
+};
+
+export { getNextIndexFromKeycode, useListKeyboardNavigation };
+//# sourceMappingURL=useListKeyboardNavigation.js.map

package/dist/esm/utils/hooks/useListKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListKeyboardNavigation.js","sources":["../../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\r\nimport keycode from 'keycode';\r\nimport { Orientation } from '../../types';\r\n\r\nexport const getNextIndexFromKeycode = (\r\n    keyCode: number,\r\n    length: number,\r\n    index: number | undefined,\r\n    direction: Orientation = 'vertical'\r\n): number | undefined => {\r\n    const previousKey = direction === 'horizontal' ? 'left' : 'up';\r\n    const nextKey = direction === 'horizontal' ? 'right' : 'down';\r\n\r\n    switch (keyCode) {\r\n        case keycode(previousKey):\r\n            return index !== undefined ? (index - 1 < 0 ? 0 : index - 1) : index;\r\n\r\n        case keycode(nextKey):\r\n            return index !== undefined ? (index + 1 >= length ? index : index + 1) : index;\r\n\r\n        case keycode('home'):\r\n            return 0;\r\n\r\n        case keycode('end'):\r\n            return length - 1;\r\n\r\n        default:\r\n            return;\r\n    }\r\n};\r\n\r\nexport type useListKeyboardNavigationOptions = {\r\n    direction?: Orientation;\r\n    initialIndex?: number;\r\n};\r\n\r\nexport const useListKeyboardNavigation = (\r\n    length = 0,\r\n    options: useListKeyboardNavigationOptions = {\r\n        direction: 'vertical',\r\n    }\r\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\r\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\r\n\r\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\r\n        const nextIndex = getNextIndexFromKeycode(event.keyCode, length, index, options.direction);\r\n\r\n        if (nextIndex !== undefined) {\r\n            event.preventDefault();\r\n        }\r\n\r\n        return nextIndex;\r\n    };\r\n\r\n    return [index, setIndex, getNextIndex];\r\n};\r\n"],"names":["getNextIndexFromKeycode","keyCode","length","index","direction","previousKey","nextKey","keycode","undefined","useListKeyboardNavigation","options","React","useState","initialIndex","setIndex","getNextIndex","event","nextIndex","preventDefault"],"mappings":";;;IAIaA,uBAAuB,GAAG,SAA1BA,uBAA0B,CACnCC,OADmC,EAEnCC,MAFmC,EAGnCC,KAHmC,EAInCC,SAJmC;MAInCA;AAAAA,IAAAA,YAAyB;;;AAEzB,MAAMC,WAAW,GAAGD,SAAS,KAAK,YAAd,GAA6B,MAA7B,GAAsC,IAA1D;AACA,MAAME,OAAO,GAAGF,SAAS,KAAK,YAAd,GAA6B,OAA7B,GAAuC,MAAvD;;AAEA,UAAQH,OAAR;AACI,SAAKM,OAAO,CAACF,WAAD,CAAZ;AACI,aAAOF,KAAK,KAAKK,SAAV,GAAuBL,KAAK,GAAG,CAAR,GAAY,CAAZ,GAAgB,CAAhB,GAAoBA,KAAK,GAAG,CAAnD,GAAwDA,KAA/D;;AAEJ,SAAKI,OAAO,CAACD,OAAD,CAAZ;AACI,aAAOH,KAAK,KAAKK,SAAV,GAAuBL,KAAK,GAAG,CAAR,IAAaD,MAAb,GAAsBC,KAAtB,GAA8BA,KAAK,GAAG,CAA7D,GAAkEA,KAAzE;;AAEJ,SAAKI,OAAO,CAAC,MAAD,CAAZ;AACI,aAAO,CAAP;;AAEJ,SAAKA,OAAO,CAAC,KAAD,CAAZ;AACI,aAAOL,MAAM,GAAG,CAAhB;;AAEJ;AACI;AAdR;AAgBH;IAOYO,yBAAyB,GAAG,SAA5BA,yBAA4B,CACrCP,MADqC,EAErCQ,OAFqC;MACrCR;AAAAA,IAAAA,SAAS;;;MACTQ;AAAAA,IAAAA,UAA4C;AACxCN,MAAAA,SAAS,EAAE;AAD6B;;;AAI5C,wBAA0BO,cAAK,CAACC,QAAN,CAAmCF,OAAO,CAACG,YAA3C,CAA1B;AAAA,MAAOV,KAAP;AAAA,MAAcW,QAAd;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AACjB,QAAMC,SAAS,GAAGjB,uBAAuB,CAACgB,KAAK,CAACf,OAAP,EAAgBC,MAAhB,EAAwBC,KAAxB,EAA+BO,OAAO,CAACN,SAAvC,CAAzC;;AAEA,QAAIa,SAAS,KAAKT,SAAlB,EAA6B;AACzBQ,MAAAA,KAAK,CAACE,cAAN;AACH;;AAED,WAAOD,SAAP;AACH,GARD;;AAUA,SAAO,CAACd,KAAD,EAAQW,QAAR,EAAkBC,YAAlB,CAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useListScrollTo.js

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

package/dist/esm/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 => {\r\n    const clientHeight = parent.clientHeight;\r\n\r\n    if (parent.scrollHeight > clientHeight) {\r\n        const scrollTop = parent.scrollTop;\r\n        const scrollBottom = clientHeight + scrollTop;\r\n        const childBottom = child.offsetTop + child.offsetHeight;\r\n\r\n        if (childBottom > scrollBottom) {\r\n            parent.scrollTop = childBottom - clientHeight;\r\n        } else if (child.offsetTop < scrollTop) {\r\n            parent.scrollTop = child.offsetTop;\r\n        }\r\n    }\r\n};\r\n\r\nexport const useListScrollTo = (internalRef: any, itemRefs: any[]): any => {\r\n    const scrollTo = (index: number | undefined): void => {\r\n        if (internalRef && internalRef.current) {\r\n            if (index !== undefined) {\r\n                const activeRef = itemRefs[index];\r\n\r\n                if (activeRef && activeRef.current) {\r\n                    scrollToChildElement(internalRef.current, activeRef.current);\r\n                }\r\n            } else {\r\n                internalRef.current.scrollTop = 0;\r\n            }\r\n        }\r\n    };\r\n\r\n    return { scrollTo };\r\n};\r\n"],"names":["scrollToChildElement","parent","child","clientHeight","scrollHeight","scrollTop","scrollBottom","childBottom","offsetTop","offsetHeight","useListScrollTo","internalRef","itemRefs","scrollTo","index","current","undefined","activeRef"],"mappings":"AAAA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,MAAD,EAAsBC,KAAtB;AACzB,MAAMC,YAAY,GAAGF,MAAM,CAACE,YAA5B;;AAEA,MAAIF,MAAM,CAACG,YAAP,GAAsBD,YAA1B,EAAwC;AACpC,QAAME,SAAS,GAAGJ,MAAM,CAACI,SAAzB;AACA,QAAMC,YAAY,GAAGH,YAAY,GAAGE,SAApC;AACA,QAAME,WAAW,GAAGL,KAAK,CAACM,SAAN,GAAkBN,KAAK,CAACO,YAA5C;;AAEA,QAAIF,WAAW,GAAGD,YAAlB,EAAgC;AAC5BL,MAAAA,MAAM,CAACI,SAAP,GAAmBE,WAAW,GAAGJ,YAAjC;AACH,KAFD,MAEO,IAAID,KAAK,CAACM,SAAN,GAAkBH,SAAtB,EAAiC;AACpCJ,MAAAA,MAAM,CAACI,SAAP,GAAmBH,KAAK,CAACM,SAAzB;AACH;AACJ;AACJ,CAdD;;IAgBaE,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD,EAAmBC,QAAnB;AAC3B,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AACb,QAAIH,WAAW,IAAIA,WAAW,CAACI,OAA/B,EAAwC;AACpC,UAAID,KAAK,KAAKE,SAAd,EAAyB;AACrB,YAAMC,SAAS,GAAGL,QAAQ,CAACE,KAAD,CAA1B;;AAEA,YAAIG,SAAS,IAAIA,SAAS,CAACF,OAA3B,EAAoC;AAChCf,UAAAA,oBAAoB,CAACW,WAAW,CAACI,OAAb,EAAsBE,SAAS,CAACF,OAAhC,CAApB;AACH;AACJ,OAND,MAMO;AACHJ,QAAAA,WAAW,CAACI,OAAZ,CAAoBV,SAApB,GAAgC,CAAhC;AACH;AACJ;AACJ,GAZD;;AAcA,SAAO;AAAEQ,IAAAA,QAAQ,EAARA;AAAF,GAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useOnClickOutside.js

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

package/dist/esm/utils/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sources":["../../../../src/utils/hooks/useOnClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useOnClickOutside = (\r\n    ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\r\n    callback: (event: MouseEvent | TouchEvent) => void\r\n): void => {\r\n    React.useEffect(() => {\r\n        const listener = (event: MouseEvent | TouchEvent): void => {\r\n            const refs = !Array.isArray(ref) ? [ref] : ref;\r\n            if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target as Node))) {\r\n                return;\r\n            }\r\n            callback(event);\r\n        };\r\n\r\n        document.addEventListener('mousedown', listener);\r\n        document.addEventListener('touchstart', listener);\r\n\r\n        return () => {\r\n            document.removeEventListener('mousedown', listener);\r\n            document.removeEventListener('touchstart', listener);\r\n        };\r\n    }, [ref, callback]);\r\n};\r\n"],"names":["useOnClickOutside","ref","callback","React","useEffect","listener","event","refs","Array","isArray","some","currentRef","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAC7BC,GAD6B,EAE7BC,QAF6B;AAI7BC,EAAAA,cAAK,CAACC,SAAN,CAAgB;AACZ,QAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AACb,UAAMC,IAAI,GAAG,CAACC,KAAK,CAACC,OAAN,CAAcR,GAAd,CAAD,GAAsB,CAACA,GAAD,CAAtB,GAA8BA,GAA3C;;AACA,UAAIM,IAAI,CAACG,IAAL,CAAU,UAAAC,UAAU;AAAA,eAAI,CAACA,UAAU,CAACC,OAAZ,IAAuBD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BP,KAAK,CAACQ,MAAlC,CAA3B;AAAA,OAApB,CAAJ,EAAuG;AACnG;AACH;;AACDZ,MAAAA,QAAQ,CAACI,KAAD,CAAR;AACH,KAND;;AAQAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCX,QAAvC;AACAU,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCX,QAAxC;AAEA,WAAO;AACHU,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CZ,QAA1C;AACAU,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CZ,QAA3C;AACH,KAHD;AAIH,GAhBD,EAgBG,CAACJ,GAAD,EAAMC,QAAN,CAhBH;AAiBH;;;;"}

package/dist/esm/utils/hooks/useProxiedRef.js

@@ -0,0 +1,18 @@
+import { useRef, useEffect } from 'react';
+
+const useProxiedRef = ref => {
+  const internalRef = useRef(null);
+  useEffect(() => {
+    if (ref) {
+      if (typeof ref === 'function') {
+        ref(internalRef.current);
+      } else {
+        ref.current = internalRef.current;
+      }
+    }
+  }, [ref]);
+  return internalRef;
+};
+
+export { useProxiedRef };
+//# sourceMappingURL=useProxiedRef.js.map

package/dist/esm/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';\r\n\r\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\r\n    const internalRef = React.useRef<T>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (ref) {\r\n            if (typeof ref === 'function') {\r\n                ref(internalRef.current);\r\n            } else {\r\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\r\n            }\r\n        }\r\n    }, [ref]);\r\n\r\n    return internalRef;\r\n};\r\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;MAEaA,aAAa,GAA2BC,GAAxB;AACzB,QAAMC,WAAW,GAAGC,MAAA,CAAgB,IAAhB,CAApB;AAEAA,EAAAA,SAAA,CAAgB;AACZ,QAAIF,GAAJ,EAAS;AACL,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACC,WAAW,CAACE,OAAb,CAAH;AACH,OAFD,MAEO;AACFH,QAAAA,GAAkD,CAACG,OAAnD,GAA6DF,WAAW,CAACE,OAAzE;AACJ;AACJ;AACJ,GARD,EAQG,CAACH,GAAD,CARH;AAUA,SAAOC,WAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useTimer.js

@@ -0,0 +1,50 @@
+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/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';\r\n\r\nexport interface Timer {\r\n    running: boolean;\r\n    start: () => void;\r\n    pause: () => void;\r\n    resume: () => void;\r\n}\r\n\r\ntype Tracker = {\r\n    remaining: number;\r\n    started: number | null;\r\n};\r\n\r\nexport default function useTimer(duration = 0, callback: () => void): Timer {\r\n    const timer = React.useRef<number>();\r\n    const [tracker, setTracker] = React.useState<Tracker>({\r\n        remaining: duration,\r\n        started: null,\r\n    });\r\n\r\n    React.useEffect(() => {\r\n        if (duration) {\r\n            if (tracker.started) {\r\n                timer.current = window.setTimeout(callback, tracker.remaining);\r\n            } else {\r\n                clearTimeout(timer.current);\r\n            }\r\n        }\r\n\r\n        return () => {\r\n            clearTimeout(timer.current);\r\n        };\r\n    }, [tracker.started]);\r\n\r\n    return {\r\n        running: !!tracker.started,\r\n        start: () => {\r\n            setTracker({\r\n                remaining: duration,\r\n                started: Date.now(),\r\n            });\r\n        },\r\n        pause: () => {\r\n            if (tracker.started) {\r\n                setTracker({\r\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\r\n                    started: null,\r\n                });\r\n            }\r\n        },\r\n        resume: () => {\r\n            if (tracker.remaining && !tracker.started) {\r\n                setTracker({\r\n                    remaining: tracker.remaining,\r\n                    started: Date.now(),\r\n                });\r\n            }\r\n        },\r\n    };\r\n}\r\n"],"names":["useTimer","duration","callback","timer","React","tracker","setTracker","remaining","started","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,SAASC,QAAQ,GAAG,GAAGC;AAC3C,QAAMC,KAAK,GAAGC,MAAA,EAAd;AACA,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBF,QAAA,CAAwB;AAClDG,IAAAA,SAAS,EAAEN,QADuC;AAElDO,IAAAA,OAAO,EAAE;AAFyC,GAAxB,CAA9B;AAKAJ,EAAAA,SAAA,CAAgB;AACZ,QAAIH,QAAJ,EAAc;AACV,UAAII,OAAO,CAACG,OAAZ,EAAqB;AACjBL,QAAAA,KAAK,CAACM,OAAN,GAAgBC,MAAM,CAACC,UAAP,CAAkBT,QAAlB,EAA4BG,OAAO,CAACE,SAApC,CAAhB;AACH,OAFD,MAEO;AACHK,QAAAA,YAAY,CAACT,KAAK,CAACM,OAAP,CAAZ;AACH;AACJ;;AAED,WAAO;AACHG,MAAAA,YAAY,CAACT,KAAK,CAACM,OAAP,CAAZ;AACH,KAFD;AAGH,GAZD,EAYG,CAACJ,OAAO,CAACG,OAAT,CAZH;AAcA,SAAO;AACHK,IAAAA,OAAO,EAAE,CAAC,CAACR,OAAO,CAACG,OADhB;AAEHM,IAAAA,KAAK,EAAE;AACHR,MAAAA,UAAU,CAAC;AACPC,QAAAA,SAAS,EAAEN,QADJ;AAEPO,QAAAA,OAAO,EAAEO,IAAI,CAACC,GAAL;AAFF,OAAD,CAAV;AAIH,KAPE;AAQHC,IAAAA,KAAK,EAAE;AACH,UAAIZ,OAAO,CAACG,OAAZ,EAAqB;AACjBF,QAAAA,UAAU,CAAC;AACPC,UAAAA,SAAS,EAAEF,OAAO,CAACE,SAAR,IAAqBQ,IAAI,CAACC,GAAL,KAAaX,OAAO,CAACG,OAA1C,CADJ;AAEPA,UAAAA,OAAO,EAAE;AAFF,SAAD,CAAV;AAIH;AACJ,KAfE;AAgBHU,IAAAA,MAAM,EAAE;AACJ,UAAIb,OAAO,CAACE,SAAR,IAAqB,CAACF,OAAO,CAACG,OAAlC,EAA2C;AACvCF,QAAAA,UAAU,CAAC;AACPC,UAAAA,SAAS,EAAEF,OAAO,CAACE,SADZ;AAEPC,UAAAA,OAAO,EAAEO,IAAI,CAACC,GAAL;AAFF,SAAD,CAAV;AAIH;AACJ;AAvBE,GAAP;AAyBH;;;;"}

package/dist/esm/utils/input.js

@@ -0,0 +1,49 @@
+// returns a custom event compatible with all browsers
+const createCustomEvent = eventType => {
+  let customEvent;
+
+  if (typeof Event === 'function') {
+    customEvent = new Event(eventType, {
+      bubbles: true
+    });
+  } else {
+    customEvent = document.createEvent('Event');
+    customEvent.initEvent(eventType, true, true);
+  }
+
+  return customEvent;
+}; // returns a custom keyboard event compatible with all browsers
+
+const createCustomKeyboardEvent = event => {
+  let customKeyboardEvent;
+
+  if (typeof KeyboardEvent === 'function') {
+    customKeyboardEvent = new KeyboardEvent(event.type, event);
+  } else {
+    customKeyboardEvent = document.createEvent('Event');
+    customKeyboardEvent.initEvent(event.type, true, true);
+    customKeyboardEvent.keyCode = event.keyCode;
+    customKeyboardEvent.charCode = event.charCode;
+  }
+
+  return customKeyboardEvent;
+};
+const setInputValueByRef = (input, value, event = 'change') => {
+  if (!input) {
+    return;
+  }
+
+  const previousValue = input.value;
+  input.value = value || '';
+  const tracker = input._valueTracker;
+
+  if (tracker) {
+    tracker.setValue(previousValue);
+  } // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324
+
+
+  input.dispatchEvent(createCustomEvent(event));
+};
+
+export { createCustomEvent, createCustomKeyboardEvent, setInputValueByRef };
+//# sourceMappingURL=input.js.map

package/dist/esm/utils/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/utils/input.ts"],"sourcesContent":["// returns a custom event compatible with all browsers\r\nexport const createCustomEvent = (eventType: string) => {\r\n    let customEvent;\r\n\r\n    if (typeof Event === 'function') {\r\n        customEvent = new Event(eventType, { bubbles: true });\r\n    } else {\r\n        customEvent = document.createEvent('Event');\r\n        customEvent.initEvent(eventType, true, true);\r\n    }\r\n    return customEvent;\r\n};\r\n\r\n// returns a custom keyboard event compatible with all browsers\r\nexport const createCustomKeyboardEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    let customKeyboardEvent;\r\n\r\n    if (typeof KeyboardEvent === 'function') {\r\n        customKeyboardEvent = new KeyboardEvent(event.type, event as any);\r\n    } else {\r\n        customKeyboardEvent = document.createEvent('Event') as any;\r\n        customKeyboardEvent.initEvent(event.type, true, true);\r\n        customKeyboardEvent.keyCode = event.keyCode;\r\n        customKeyboardEvent.charCode = event.charCode;\r\n    }\r\n\r\n    return customKeyboardEvent;\r\n};\r\n\r\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: string | undefined, event = 'change'): void => {\r\n    if (!input) {\r\n        return;\r\n    }\r\n\r\n    const previousValue = input.value;\r\n    input.value = value || '';\r\n\r\n    const tracker = (input as any)._valueTracker;\r\n\r\n    if (tracker) {\r\n        tracker.setValue(previousValue);\r\n    }\r\n\r\n    // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324\r\n    input.dispatchEvent(createCustomEvent(event));\r\n};\r\n"],"names":["createCustomEvent","eventType","customEvent","Event","bubbles","document","createEvent","initEvent","createCustomKeyboardEvent","event","customKeyboardEvent","KeyboardEvent","type","keyCode","charCode","setInputValueByRef","input","value","previousValue","tracker","_valueTracker","setValue","dispatchEvent"],"mappings":"AAAA;MACaA,iBAAiB,GAAIC,SAAD;AAC7B,MAAIC,WAAJ;;AAEA,MAAI,OAAOC,KAAP,KAAiB,UAArB,EAAiC;AAC7BD,IAAAA,WAAW,GAAG,IAAIC,KAAJ,CAAUF,SAAV,EAAqB;AAAEG,MAAAA,OAAO,EAAE;AAAX,KAArB,CAAd;AACH,GAFD,MAEO;AACHF,IAAAA,WAAW,GAAGG,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAd;AACAJ,IAAAA,WAAW,CAACK,SAAZ,CAAsBN,SAAtB,EAAiC,IAAjC,EAAuC,IAAvC;AACH;;AACD,SAAOC,WAAP;AACH;;MAGYM,yBAAyB,GAAIC,KAAD;AACrC,MAAIC,mBAAJ;;AAEA,MAAI,OAAOC,aAAP,KAAyB,UAA7B,EAAyC;AACrCD,IAAAA,mBAAmB,GAAG,IAAIC,aAAJ,CAAkBF,KAAK,CAACG,IAAxB,EAA8BH,KAA9B,CAAtB;AACH,GAFD,MAEO;AACHC,IAAAA,mBAAmB,GAAGL,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAtB;AACAI,IAAAA,mBAAmB,CAACH,SAApB,CAA8BE,KAAK,CAACG,IAApC,EAA0C,IAA1C,EAAgD,IAAhD;AACAF,IAAAA,mBAAmB,CAACG,OAApB,GAA8BJ,KAAK,CAACI,OAApC;AACAH,IAAAA,mBAAmB,CAACI,QAApB,GAA+BL,KAAK,CAACK,QAArC;AACH;;AAED,SAAOJ,mBAAP;AACH;MAEYK,kBAAkB,GAAG,CAACC,KAAD,EAAiCC,KAAjC,EAA4DR,KAAK,GAAG,QAApE;AAC9B,MAAI,CAACO,KAAL,EAAY;AACR;AACH;;AAED,QAAME,aAAa,GAAGF,KAAK,CAACC,KAA5B;AACAD,EAAAA,KAAK,CAACC,KAAN,GAAcA,KAAK,IAAI,EAAvB;AAEA,QAAME,OAAO,GAAIH,KAAa,CAACI,aAA/B;;AAEA,MAAID,OAAJ,EAAa;AACTA,IAAAA,OAAO,CAACE,QAAR,CAAiBH,aAAjB;AACH;;;AAGDF,EAAAA,KAAK,CAACM,aAAN,CAAoBtB,iBAAiB,CAACS,KAAD,CAArC;AACH;;;;"}

package/dist/esm/utils/mergeRefs.js

@@ -0,0 +1,14 @@
+function mergeRefs(refs) {
+  return value => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export default mergeRefs;
+//# sourceMappingURL=mergeRefs.js.map

package/dist/esm/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\r\n    return value => {\r\n        refs.forEach(ref => {\r\n            if (typeof ref === 'function') {\r\n                ref(value);\r\n            } else if (ref != null) {\r\n                (ref as React.MutableRefObject<T | null>).current = value;\r\n            }\r\n        });\r\n    };\r\n}\r\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEwBA,UAAmBC;AACvC,SAAOC,KAAK;AACRD,IAAAA,IAAI,CAACE,OAAL,CAAaC,GAAG;AACZ,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACH,OAFD,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;AACnBA,QAAAA,GAAwC,CAACC,OAAzC,GAAmDH,KAAnD;AACJ;AACJ,KAND;AAOH,GARD;AASH;;;;"}