@economic/taco 2.49.0-server.3 → 2.49.0

package/dist/esm/packages/taco/src/components/Tour/Tour.js

@@ -1,27 +1,26 @@
 import { useMemo, Children, useCallback, createElement, useRef, useEffect } from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Button } from '../Button/Button.js';
 import { Group } from '../Group/Group.js';
 import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
 
-var _excluded = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix", "scrollOffset"];
-var Tooltip = function Tooltip(_ref) {
-  var continuous = _ref.continuous,
-    index = _ref.index,
-    isLastStep = _ref.isLastStep,
-    step = _ref.step,
-    backProps = _ref.backProps,
-    primaryProps = _ref.primaryProps,
-    skipProps = _ref.skipProps,
-    tooltipProps = _ref.tooltipProps,
-    size = _ref.size,
-    locale = _ref.locale,
-    disableTourSkipOnEsc = _ref.disableTourSkipOnEsc;
-  var skipButtonRef = useRef(null);
-  useEffect(function () {
-    var onWindowKeyDown = function onWindowKeyDown(event) {
+const Tooltip = ({
+  continuous,
+  index,
+  isLastStep,
+  step,
+  backProps,
+  primaryProps,
+  skipProps,
+  tooltipProps,
+  size,
+  locale,
+  disableTourSkipOnEsc
+}) => {
+  const skipButtonRef = useRef(null);
+  useEffect(() => {
+    const onWindowKeyDown = event => {
       if (!disableTourSkipOnEsc) {
         if (event.key === 'Escape' && skipButtonRef.current !== null) {
           event.preventDefault();
@@ -31,7 +30,7 @@ var Tooltip = function Tooltip(_ref) {
       }
     };
     window.addEventListener('keydown', onWindowKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', onWindowKeyDown);
     };
   }, []);
@@ -50,28 +49,30 @@ var Tooltip = function Tooltip(_ref) {
     appearance: "discrete"
   }), locale.back)), /*#__PURE__*/createElement(Button, Object.assign({}, primaryProps, {
     appearance: "primary"
-  }), continuous ? isLastStep ? locale.last + " (" + (index + 1) + "/" + size + ")" : locale.next + " (" + (index + 1) + "/" + size + ")" : locale.close)));
+  }), continuous ? isLastStep ? `${locale.last} (${index + 1}/${size})` : `${locale.next} (${index + 1}/${size})` : locale.close)));
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-var TourStep = function TourStep(_props) {
-  return null;
-};
-var Tour = function Tour(props) {
-  var _useLocalization = useLocalization(),
-    tour = _useLocalization.texts.tour;
-  var run = props.autoStart,
-    onComplete = props.onComplete,
-    onClose = props.onClose,
-    onReady = props.onReady,
-    spotlightClicks = props.spotlightClicks,
-    disableTourSkipOnEsc = props.disableCloseOnEsc,
-    _props$disableScrollP = props.disableScrollParentFix,
-    disableScrollParentFix = _props$disableScrollP === void 0 ? false : _props$disableScrollP,
-    scrollOffset = props.scrollOffset,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var steps = useMemo(function () {
-    return Children.map(props.children, function (child) {
-      var step = {
+const TourStep = _props => null;
+const Tour = props => {
+  const {
+    texts: {
+      tour
+    }
+  } = useLocalization();
+  const {
+    autoStart: run,
+    onComplete,
+    onClose,
+    onReady,
+    spotlightClicks,
+    disableCloseOnEsc: disableTourSkipOnEsc,
+    disableScrollParentFix = false,
+    scrollOffset,
+    ...rest
+  } = props;
+  const steps = useMemo(() => {
+    return Children.map(props.children, child => {
+      const step = {
         disableBeacon: !child.props.showBeacon,
         target: child.props.selector,
         placement: child.props.position,
@@ -81,13 +82,11 @@ var Tour = function Tour(props) {
       return step;
     });
   }, [props.children]);
-  var getStep = useCallback(function (selector) {
+  const getStep = useCallback(selector => {
     var _props$children$find;
-    return (_props$children$find = props.children.find(function (child) {
-      return child.props.selector === selector;
-    })) === null || _props$children$find === void 0 ? void 0 : _props$children$find.props;
+    return (_props$children$find = props.children.find(child => child.props.selector === selector)) === null || _props$children$find === void 0 ? void 0 : _props$children$find.props;
   }, [props.children]);
-  var callback = function callback(state) {
+  const callback = state => {
     if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {
       if (onClose) {
         onClose(getStep(state.step.target));
@@ -111,12 +110,10 @@ var Tour = function Tour(props) {
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: function tooltipComponent(tooltipProps) {
-      return /*#__PURE__*/createElement(Tooltip, Object.assign({}, tooltipProps, {
-        locale: tour,
-        disableTourSkipOnEsc: disableTourSkipOnEsc
-      }));
-    },
+    tooltipComponent: tooltipProps => (/*#__PURE__*/createElement(Tooltip, Object.assign({}, tooltipProps, {
+      locale: tour,
+      disableTourSkipOnEsc: disableTourSkipOnEsc
+    }))),
     locale: tour,
     spotlightPadding: 8,
     spotlightClicks: spotlightClicks,

package/dist/esm/packages/taco/src/components/Tour/Tour.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../../../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback = (state: CallBackProps) => {\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    };\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.300\n                    primaryColor: '#6ba4ff',\n                },\n            }}\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","_ref","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","_useLocalization","useLocalization","tour","texts","run","autoStart","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","_props$disableScrollP","disableScrollParentFix","scrollOffset","rest","_objectWithoutPropertiesLoose","_excluded","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","_props$children$find","find","callback","state","action","ACTIONS","SKIP","lifecycle","LIFECYCLE","COMPLETE","type","EVENTS","TOUR_END","READY","Joyride","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":";;;;;;;;;AAqDA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;MACTC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,oBAAoB,GAAAX,IAAA,CAApBW,oBAAoB;EAEpB,IAAMC,aAAa,GAAGC,MAAY,CAAoB,IAAI,CAAC;EAE3DA,SAAe,CAAC;IACZ,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAoB;MACzC,IAAI,CAACJ,oBAAoB,EAAE;QACvB,IAAII,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAIJ,aAAa,CAACK,OAAO,KAAK,IAAI,EAAE;UAC1DF,KAAK,CAACG,cAAc,EAAE;UACtBN,aAAa,CAACK,OAAO,CAACE,KAAK,EAAE;UAC7B;;;KAGX;IAEDC,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEP,eAAe,CAAC;IAEnD,OAAO;MACHM,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAER,eAAe,CAAC;KACzD;GACJ,EAAE,EAAE,CAAC;EAEN,oBACID,uCAASL,YAAY;IAAEe,SAAS,EAAC;mBAC7BV,cAACW,UAAU,oBACHjB,SAAS;IACbkB,GAAG,EAAEb,aAAa;IAClBc,UAAU,EAAC,UAAU;IACrBC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAElB,MAAM,CAACmB,IAAI;kBACNnB,MAAM,CAACmB,IAAI;IACvBN,SAAS,EAAC;KACZ,EACDnB,IAAI,CAACwB,KAAK,iBAAIf,0BAAKT,IAAI,CAACwB,KAAK,CAAM,EACnCxB,IAAI,CAAC0B,OAAO,eACbjB,cAACkB,KAAK;IAACR,SAAS,EAAC;KACZrB,KAAK,GAAG,CAAC,kBACNW,cAACmB,MAAM,oBAAK3B,SAAS;IAAEqB,UAAU,EAAC;MAC7BhB,MAAM,CAACuB,IAAI,CACP,CACZ,eACDpB,cAACmB,MAAM,oBAAK1B,YAAY;IAAEoB,UAAU,EAAC;MAChCzB,UAAU,GACLE,UAAU,GACHO,MAAM,CAACwB,IAAI,WAAKhC,KAAK,GAAG,CAAC,UAAIO,IAAI,SACjCC,MAAM,CAACyB,IAAI,WAAKjC,KAAK,GAAG,CAAC,UAAIO,IAAI,MAAG,GAC3CC,MAAM,CAAC0B,KAAK,CACb,CACL,CACN;AAEd,CAAC;AAED;IACaC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,MAAqB;EAAA,OAAW,IAAI;AAAA;IA6BhDC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB;EACjC,IAAAC,gBAAA,GAEIC,eAAe,EAAE;IADRC,IAAI,GAAAF,gBAAA,CAAbG,KAAK,CAAID,IAAI;EAGjB,IACeE,GAAG,GASdL,KAAK,CATLM,SAAS;IACTC,UAAU,GAQVP,KAAK,CARLO,UAAU;IACVC,OAAO,GAOPR,KAAK,CAPLQ,OAAO;IACPC,OAAO,GAMPT,KAAK,CANLS,OAAO;IACPC,eAAe,GAKfV,KAAK,CALLU,eAAe;IACIvC,oBAAoB,GAIvC6B,KAAK,CAJLW,iBAAiB;IAAAC,qBAAA,GAIjBZ,KAAK,CAHLa,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC9BE,YAAY,GAEZd,KAAK,CAFLc,YAAY;IACTC,IAAI,GAAAC,6BAAA,CACPhB,KAAK,EAAAiB,SAAA;EAET,IAAMC,KAAK,GAAG7C,OAAa,CAAC;IACxB,OAAOA,QAAc,CAAC8C,GAAG,CAACnB,KAAK,CAACoB,QAAQ,EAAE,UAAAC,KAAK;MAC3C,IAAMzD,IAAI,GAAS;QACf0D,aAAa,EAAE,CAACD,KAAK,CAACrB,KAAK,CAACuB,UAAU;QACtCC,MAAM,EAAEH,KAAK,CAACrB,KAAK,CAACyB,QAAQ;QAC5BC,SAAS,EAAEL,KAAK,CAACrB,KAAK,CAAC2B,QAAQ;QAC/BvC,KAAK,EAAEiC,KAAK,CAACrB,KAAK,CAACZ,KAAK;QACxBE,OAAO,EAAE+B,KAAK,CAACrB,KAAK,CAACoB;OACxB;MACD,OAAOxD,IAAI;KACd,CAAC;GACL,EAAE,CAACoC,KAAK,CAACoB,QAAQ,CAAC,CAAC;EAEpB,IAAMQ,OAAO,GAAGvD,WAAiB,CAC7B,UAACoD,QAA8B;IAAA,IAAAI,oBAAA;IAAA,QAAAA,oBAAA,GAAK7B,KAAK,CAACoB,QAAQ,CAACU,IAAI,CAAC,UAACT,KAAU;MAAA,OAAKA,KAAK,CAACrB,KAAK,CAACyB,QAAQ,KAAKA,QAAQ;MAAC,cAAAI,oBAAA,uBAAtEA,oBAAA,CAAwE7B,KAAK;KACjH,CAACA,KAAK,CAACoB,QAAQ,CAAC,CACnB;EAED,IAAMW,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAoB;IAClC,IAAIA,KAAK,CAACC,MAAM,KAAKC,OAAO,CAACC,IAAI,IAAIH,KAAK,CAACI,SAAS,KAAKC,SAAS,CAACC,QAAQ,EAAE;MACzE,IAAI9B,OAAO,EAAE;QACTA,OAAO,CAACoB,OAAO,CAACI,KAAK,CAACpE,IAAI,CAAC4D,MAAM,CAAC,CAAC;;;IAI3C,IAAIQ,KAAK,CAACO,IAAI,KAAKC,MAAM,CAACC,QAAQ,EAAE;MAChC,IAAIlC,UAAU,EAAE;QACZA,UAAU,EAAE;;;IAIpB,IAAIyB,KAAK,CAACI,SAAS,KAAKC,SAAS,CAACK,KAAK,EAAE;MACrC,IAAIjC,OAAO,EAAE;QACTA,OAAO,CAACmB,OAAO,CAACI,KAAK,CAACpE,IAAI,CAAC4D,MAAM,CAAC,CAAC;;;GAG9C;EAED,oBACInD,cAACsE,OAAO,oBACA5B,IAAI;IACRV,GAAG,EAAEA,GAAG;IACRa,KAAK,EAAEA,KAAK;IACZ0B,YAAY;IACZC,YAAY,EAAE;MACVC,gBAAgB,EAAE;KACrB;IACDC,gBAAgB,EAAE,SAAAA,iBAAA/E,YAAY;MAAA,oBAC1BK,cAACd,OAAO,oBAAKS,YAAY;QAAEE,MAAM,EAAEiC,IAAI;QAAEhC,oBAAoB,EAAEA;SAAwB;KAC1F;IACDD,MAAM,EAAEiC,IAAI;IACZ6C,gBAAgB,EAAE,CAAC;IACnBtC,eAAe,EAAEA,eAAe;IAChCG,sBAAsB,EAAEA,sBAAsB;IAC9CkB,QAAQ,EAAEA,QAAQ;IAClBjB,YAAY,EAAEA,YAAY;IAC1BmC,MAAM,EAAE;;MAEJC,OAAO,EAAE;;QAELC,YAAY,EAAE;;KAErB;IACDxC,iBAAiB;KACnB;AAEV;AAEAZ,IAAI,CAACqD,IAAI,GAAGvD,QAAQ;;;;"}
+{"version":3,"file":"Tour.js","sources":["../../../../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback = (state: CallBackProps) => {\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    };\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.300\n                    primaryColor: '#6ba4ff',\n                },\n            }}\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","texts","tour","useLocalization","autoStart","run","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","scrollOffset","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","_props$children$find","find","callback","state","action","ACTIONS","SKIP","lifecycle","LIFECYCLE","COMPLETE","type","EVENTS","TOUR_END","READY","Joyride","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Treeview/Treeview.js

@@ -1,41 +1,39 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["children", "className", "expanded", "title", "fixed", "onClick"];
-var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
+const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return /*#__PURE__*/React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
-var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
-  var children = props.children,
-    externalClassName = props.className,
-    _props$expanded = props.expanded,
-    initialExpanded = _props$expanded === void 0 ? false : _props$expanded,
-    title = props.title,
-    fixed = props.fixed,
-    onClick = props.onClick,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _React$useState = React__default.useState(fixed || initialExpanded),
-    expanded = _React$useState[0],
-    setExpanded = _React$useState[1];
-  React__default.useEffect(function () {
+const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
+  const {
+    children,
+    className: externalClassName,
+    expanded: initialExpanded = false,
+    title,
+    fixed,
+    onClick,
+    ...otherProps
+  } = props;
+  const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
+  React__default.useEffect(() => {
     if (!fixed) {
       setExpanded(fixed || initialExpanded);
     }
   }, [fixed, initialExpanded]);
-  var listClassName = cn('flex-col mb-0', {
+  const listClassName = cn('flex-col mb-0', {
     flex: expanded,
     hidden: !expanded
   });
-  var itemProps = _extends({}, otherProps, {
+  const itemProps = {
+    ...otherProps,
     'aria-expanded': expanded,
     role: 'treeitem',
     tabIndex: -1
-  });
-  var handleClick = function handleClick(event) {
-    var nextState = !expanded;
+  };
+  const handleClick = event => {
+    const nextState = !expanded;
     if (!fixed) {
       setExpanded(nextState);
     }
@@ -43,7 +41,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
       onClick(event, nextState);
     }
   };
-  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -52,18 +50,14 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
   }, typeof title === 'function' ? title(expanded) : title), /*#__PURE__*/React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(function (item) {
-    return !!item;
-  }).map(function (item, i) {
-    return /*#__PURE__*/React__default.createElement("li", {
-      key: i,
-      role: "none"
-    }, /*#__PURE__*/React__default.cloneElement(item, {
-      role: 'treeitem'
-    }));
-  })));
+  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => (/*#__PURE__*/React__default.createElement("li", {
+    key: i,
+    role: "none"
+  }, /*#__PURE__*/React__default.cloneElement(item, {
+    role: 'treeitem'
+  }))))));
 });
-var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"

package/dist/esm/packages/taco/src/components/Treeview/Treeview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","externalClassName","className","_props$expanded","expanded","initialExpanded","title","fixed","onClick","otherProps","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","_extends","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":"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"}
+{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAaA,CAACF,KAAyB,EAAEC,GAA8B;EACnH,MAAM;IACFE,QAAQ;IACRC,SAAS,EAAEC,iBAAiB;IAC5BC,QAAQ,EAAEC,eAAe,GAAG,KAAK;IACjCC,KAAK;IACLC,KAAK;IACLC,OAAO;IACP,GAAGC;GACN,GAAGX,KAAK;EACT,MAAM,CAACM,QAAQ,EAAEM,WAAW,CAAC,GAAGd,cAAK,CAACe,QAAQ,CAACJ,KAAK,IAAIF,eAAe,CAAC;EAExET,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAI,CAACL,KAAK,EAAE;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAe,CAAC;;GAE5C,EAAE,CAACE,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE5B,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAe,EAAE;IACtCC,IAAI,EAAEX,QAAQ;IACdY,MAAM,EAAE,CAACZ;GACZ,CAAC;EAEF,MAAMa,SAAS,GAAG;IACd,GAAGR,UAAU;IACb,eAAe,EAAEL,QAAQ;IACzBc,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;GACd;EAED,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMC,SAAS,GAAG,CAAClB,QAAQ;IAE3B,IAAI,CAACG,KAAK,EAAE;MACRG,WAAW,CAACY,SAAS,CAAC;;IAG1B,IAAId,OAAO,EAAE;MACTA,OAAO,CAACa,KAAK,EAAEC,SAAS,CAAC;;GAEhC;EAED,MAAMpB,SAAS,GAAG,OAAOC,iBAAiB,KAAK,UAAU,GAAGA,iBAAiB,CAACC,QAAQ,CAAC,GAAGD,iBAAiB;EAE3G,oBACIP,sDAASqB,SAAS;IAAEf,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;mBAC3CH;IAAKY,OAAO,EAAEY;KAAc,OAAOd,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACF,QAAQ,CAAC,GAAGE,KAAK,CAAO,eACxFV;IAAIsB,IAAI,EAAC,OAAO;IAAChB,SAAS,EAAEW;KACvBjB,cAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAC5BwB,MAAM,CAACC,IAAI,IAAI,CAAC,CAACA,IAAI,CAAC,CACtBC,GAAG,CAAC,CAACD,IAAI,EAAEE,CAAC,mBACThC;IAAIiC,GAAG,EAAED,CAAC;IAAEV,IAAI,EAAC;kBACZtB,cAAK,CAACkC,YAAY,CAACJ,IAA+B,EAAE;IAAER,IAAI,EAAE;GAAY,CAAC,CACzE,CACR,CAAC,CACL,CACH;AAEd,CAAC,CAAC;MAaWa,QAAQ,gBAAGnC,cAAK,CAACC,UAAU,CAAC,SAASkC,QAAQA,CAACjC,KAAoB,EAAEC,GAA8B;EAC3G,oBAAOH,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEmB,IAAI,EAAC;KAAS;AACnD,CAAC;AAEDa,QAAQ,CAACC,KAAK,GAAGhC,aAAa;AAC9B+B,QAAQ,CAACE,IAAI,GAAGtC,YAAY;;;;"}

package/dist/esm/packages/taco/src/components/Truncate/Truncate.js

@@ -3,23 +3,21 @@ import cn from 'clsx';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { useTruncated } from '../../utils/hooks/useTruncated.js';
 
-var Truncate = function Truncate(_ref) {
-  var children = _ref.children,
-    tooltip = _ref.tooltip;
-  var ref = React__default.useRef(null);
-  var _React$useState = React__default.useState(false),
-    mounted = _React$useState[0],
-    setMounted = _React$useState[1];
-  var _useTruncated = useTruncated(ref.current, [mounted]),
-    isTruncated = _useTruncated.isTruncated;
-  React__default.useEffect(function () {
+const Truncate = ({
+  children,
+  tooltip
+}) => {
+  const ref = React__default.useRef(null);
+  const [mounted, setMounted] = React__default.useState(false);
+  const {
+    isTruncated
+  } = useTruncated(ref.current, [mounted]);
+  React__default.useEffect(() => {
     setMounted(true);
-    return function () {
-      return setMounted(false);
-    };
+    return () => setMounted(false);
   }, []);
-  var clonedChildrenWithRef = /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
-    ref: ref,
+  const clonedChildrenWithRef = /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
+    ref,
     className: cn(children.props.className, 'truncate', {
       'hover:cursor-pointer': isTruncated
     })

package/dist/esm/packages/taco/src/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement;\n    tooltip: string;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["Truncate","_ref","children","tooltip","ref","React","useRef","_React$useState","useState","mounted","setMounted","_useTruncated","useTruncated","current","isTruncated","useEffect","clonedChildrenWithRef","cloneElement","Children","only","className","cn","props","Tooltip","title"],"mappings":";;;;;IAWaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;MAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACxC,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAC3C,IAAAC,eAAA,GAA8BF,cAAK,CAACG,QAAQ,CAAC,KAAK,CAAC;IAA5CC,OAAO,GAAAF,eAAA;IAAEG,UAAU,GAAAH,eAAA;EAC1B,IAAAI,aAAA,GAAwBC,YAAY,CAACR,GAAG,CAACS,OAAO,EAAE,CAACJ,OAAO,CAAC,CAAC;IAApDK,WAAW,GAAAH,aAAA,CAAXG,WAAW;EAEnBT,cAAK,CAACU,SAAS,CAAC;IACZL,UAAU,CAAC,IAAI,CAAC;IAEhB,OAAO;MAAA,OAAMA,UAAU,CAAC,KAAK,CAAC;;GACjC,EAAE,EAAE,CAAC;EAEN,IAAMM,qBAAqB,gBAAGX,cAAK,CAACY,YAAY,CAACZ,cAAK,CAACa,QAAQ,CAACC,IAAI,CAACjB,QAAQ,CAAC,EAAE;IAC5EE,GAAG,EAAHA,GAAG;IACHgB,SAAS,EAAEC,EAAE,CAACnB,QAAQ,CAACoB,KAAK,CAACF,SAAS,EAAE,UAAU,EAAE;MAAE,sBAAsB,EAAEN;KAAa;GAC9F,CAAC;EAEF,IAAIA,WAAW,EAAE;IACb,oBAAOT,6BAACkB,OAAO;MAACC,KAAK,EAAErB;OAAUa,qBAAqB,CAAW;;EAGrE,OAAOA,qBAAqB;AAChC;;;;"}
+{"version":3,"file":"Truncate.js","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement;\n    tooltip: string;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["Truncate","children","tooltip","ref","React","useRef","mounted","setMounted","useState","isTruncated","useTruncated","current","useEffect","clonedChildrenWithRef","cloneElement","Children","only","className","cn","props","Tooltip","title"],"mappings":";;;;;MAWaA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;CAAwB;EACzD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAC3C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGH,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM;IAAEC;GAAa,GAAGC,YAAY,CAACP,GAAG,CAACQ,OAAO,EAAE,CAACL,OAAO,CAAC,CAAC;EAE5DF,cAAK,CAACQ,SAAS,CAAC;IACZL,UAAU,CAAC,IAAI,CAAC;IAEhB,OAAO,MAAMA,UAAU,CAAC,KAAK,CAAC;GACjC,EAAE,EAAE,CAAC;EAEN,MAAMM,qBAAqB,gBAAGT,cAAK,CAACU,YAAY,CAACV,cAAK,CAACW,QAAQ,CAACC,IAAI,CAACf,QAAQ,CAAC,EAAE;IAC5EE,GAAG;IACHc,SAAS,EAAEC,EAAE,CAACjB,QAAQ,CAACkB,KAAK,CAACF,SAAS,EAAE,UAAU,EAAE;MAAE,sBAAsB,EAAER;KAAa;GAC9F,CAAC;EAEF,IAAIA,WAAW,EAAE;IACb,oBAAOL,6BAACgB,OAAO;MAACC,KAAK,EAAEnB;OAAUW,qBAAqB,CAAW;;EAGrE,OAAOA,qBAAqB;AAChC;;;;"}

package/dist/esm/packages/taco/src/components/VisuallyHidden/VisuallyHidden.js

@@ -1,6 +1,6 @@
 import { forwardRef, createElement } from 'react';
 
-var VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
+const VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
   return /*#__PURE__*/createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref

package/dist/esm/packages/taco/src/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;IAIaA,cAAc,gBAAGC,UAAgB,CAAC,SAASD,cAAcA,CAACE,KAAY,EAAEC,GAA+B;EAChH,oBAAOF,wCAAUC,KAAK;IAAEE,SAAS,EAAC,SAAS;IAACD,GAAG,EAAEA;KAAO;AAC5D,CAAC;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAgB,CAAC,SAASD,cAAcA,CAACE,KAAY,EAAEC,GAA+B;EAChH,oBAAOF,wCAAUC,KAAK;IAAEE,SAAS,EAAC,SAAS;IAACD,GAAG,EAAEA;KAAO;AAC5D,CAAC;;;;"}

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js

@@ -2,20 +2,15 @@ import React__default from 'react';
 import { getIndexOfFirstChildOverflowingParent } from '../utils/dom.js';
 import { useBoundingClientRectListener } from './useBoundingClientRectListener.js';
 
-var useBoundaryOverflowDetection = function useBoundaryOverflowDetection(ref, dependencies) {
-  if (dependencies === void 0) {
-    dependencies = [];
-  }
-  var _React$useState = React__default.useState(),
-    boundaryIndex = _React$useState[0],
-    setBoundaryIndex = _React$useState[1];
-  var dimensions = useBoundingClientRectListener(ref, dependencies);
-  React__default.useEffect(function () {
+const useBoundaryOverflowDetection = (ref, dependencies = []) => {
+  const [boundaryIndex, setBoundaryIndex] = React__default.useState();
+  const dimensions = useBoundingClientRectListener(ref, dependencies);
+  React__default.useEffect(() => {
     if (ref.current) {
-      var boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
+      const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
       setBoundaryIndex(boundaryChildIndex);
     }
-  }, [ref, dimensions === null || dimensions === void 0 ? void 0 : dimensions.width].concat(dependencies));
+  }, [ref, dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, ...dependencies]);
   return boundaryIndex;
 };
 

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","_React$useState","React","useState","boundaryIndex","setBoundaryIndex","dimensions","useBoundingClientRectListener","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent","width","concat"],"mappings":";;;;IAIaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CACrCC,GAAiC,EACjCC;MAAAA;IAAAA,eAAsB,EAAE;;EAExB,IAAAC,eAAA,GAA0CC,cAAK,CAACC,QAAQ,EAAiB;IAAlEC,aAAa,GAAAH,eAAA;IAAEI,gBAAgB,GAAAJ,eAAA;EACtC,IAAMK,UAAU,GAAGC,6BAA6B,CAACR,GAAG,EAAEC,YAAY,CAAC;EAEnEE,cAAK,CAACM,SAAS,CAAC;IACZ,IAAIT,GAAG,CAACU,OAAO,EAAE;MACb,IAAMC,kBAAkB,GAAGC,qCAAqC,CAACZ,GAAG,CAACU,OAAO,CAAC;MAC7EJ,gBAAgB,CAACK,kBAAkB,CAAC;;GAE3C,GAAGX,GAAG,EAAEO,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK,EAAAC,MAAA,CAAKb,YAAY,CAAC,CAAC;EAE7C,OAAOI,aAAa;AACxB;;;;"}
+{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","boundaryIndex","setBoundaryIndex","React","useState","dimensions","useBoundingClientRectListener","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent","width"],"mappings":";;;;MAIaA,4BAA4B,GAAGA,CACxCC,GAAiC,EACjCC,eAAsB,EAAE;EAExB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAiB;EACzE,MAAMC,UAAU,GAAGC,6BAA6B,CAACP,GAAG,EAAEC,YAAY,CAAC;EAEnEG,cAAK,CAACI,SAAS,CAAC;IACZ,IAAIR,GAAG,CAACS,OAAO,EAAE;MACb,MAAMC,kBAAkB,GAAGC,qCAAqC,CAACX,GAAG,CAACS,OAAO,CAAC;MAC7EN,gBAAgB,CAACO,kBAAkB,CAAC;;GAE3C,EAAE,CAACV,GAAG,EAAEM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK,EAAE,GAAGX,YAAY,CAAC,CAAC;EAE7C,OAAOC,aAAa;AACxB;;;;"}

package/dist/esm/packages/taco/src/hooks/useBoundingClientRectListener.js

@@ -1,34 +1,28 @@
 import { useState, useEffect } from 'react';
 import { debounce } from '../utils/debounce.js';
 
-var getVisibility = function getVisibility(element) {
-  return Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));
-};
-var useBoundingClientRectListener = function useBoundingClientRectListener(ref, dependencies) {
-  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() {
+const getVisibility = element => Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));
+const useBoundingClientRectListener = (ref, dependencies) => {
+  const [dimensions, setDimensions] = useState(undefined);
+  const isRefElementVisible = getVisibility(ref.current);
+  const [visibility, setVisibility] = useState(isRefElementVisible);
+  const 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);
+  useEffect(() => {
+    const timeout = setTimeout(resize, 0);
+    const debouncedResize = debounce(resize, 250);
     window.addEventListener('resize', debouncedResize);
-    return function () {
+    return () => {
       clearTimeout(timeout);
       window.removeEventListener('resize', debouncedResize);
     };
   }, [ref.current, visibility]);
-  useEffect(function () {
-    var newRefElementVisibility = getVisibility(ref.current);
+  useEffect(() => {
+    const 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
@@ -36,7 +30,7 @@ var useBoundingClientRectListener = function useBoundingClientRectListener(ref,
       setVisibility(newRefElementVisibility);
     }
   });
-  useEffect(function () {
+  useEffect(() => {
     if (dependencies) {
       var _ref$current2;
       setDimensions((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect());

package/dist/esm/packages/taco/src/hooks/useBoundingClientRectListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../../../../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["getVisibility","element","Boolean","offsetWidth","offsetHeight","getClientRects","length","useBoundingClientRectListener","ref","dependencies","_React$useState","React","undefined","dimensions","setDimensions","isRefElementVisible","current","_React$useState2","visibility","setVisibility","resize","_ref$current","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility","_ref$current2"],"mappings":";;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAA2B;EAAA,OAC9CC,OAAO,CAACD,OAAO,KAAKA,OAAO,CAACE,WAAW,IAAIF,OAAO,CAACG,YAAY,IAAIH,OAAO,CAACI,cAAc,EAAE,CAACC,MAAM,CAAC,CAAC;AAAA;IAE3FC,6BAA6B,GAAG,SAAhCA,6BAA6BA,CACtCC,GAAiC,EACjCC,YAAyB;EAEzB,IAAAC,eAAA,GAAoCC,QAAc,CAA8BC,SAAS,CAAC;IAAnFC,UAAU,GAAAH,eAAA;IAAEI,aAAa,GAAAJ,eAAA;EAChC,IAAMK,mBAAmB,GAAGf,aAAa,CAACQ,GAAG,CAACQ,OAAO,CAAC;EACtD,IAAAC,gBAAA,GAAoCN,QAAc,CAACI,mBAAmB,CAAC;IAAhEG,UAAU,GAAAD,gBAAA;IAAEE,aAAa,GAAAF,gBAAA;EAEhC,IAAMG,MAAM,GAAG,SAATA,MAAMA;IACR,IAAIF,UAAU,EAAE;MAAA,IAAAG,YAAA;MACZP,aAAa,EAAAO,YAAA,GAACb,GAAG,CAACQ,OAAO,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,qBAAqB,EAAE,CAAC;;GAE1D;EAEDX,SAAe,CAAC;IACZ,IAAMY,OAAO,GAAGC,UAAU,CAACJ,MAAM,EAAE,CAAC,CAAC;IACrC,IAAMK,eAAe,GAAGC,QAAQ,CAACN,MAAM,EAAE,GAAG,CAAC;IAE7CO,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,eAAe,CAAC;IAElD,OAAO;MACHI,YAAY,CAACN,OAAO,CAAC;MACrBI,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEL,eAAe,CAAC;KACxD;GACJ,EAAE,CAACjB,GAAG,CAACQ,OAAO,EAAEE,UAAU,CAAC,CAAC;EAE7BP,SAAe,CAAC;IACZ,IAAMoB,uBAAuB,GAAG/B,aAAa,CAACQ,GAAG,CAACQ,OAAO,CAAC;IAE1D,IAAIE,UAAU,KAAKa,uBAAuB,EAAE;;;;MAIxCZ,aAAa,CAACY,uBAAuB,CAAC;;GAE7C,CAAC;EAEFpB,SAAe,CAAC;IACZ,IAAIF,YAAY,EAAE;MAAA,IAAAuB,aAAA;MACdlB,aAAa,EAAAkB,aAAA,GAACxB,GAAG,CAACQ,OAAO,cAAAgB,aAAA,uBAAXA,aAAA,CAAaV,qBAAqB,EAAE,CAAC;;GAE1D,EAAEb,YAAY,CAAC;EAEhB,OAAOI,UAAU;AACrB;;;;"}
+{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../../../../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["getVisibility","element","Boolean","offsetWidth","offsetHeight","getClientRects","length","useBoundingClientRectListener","ref","dependencies","dimensions","setDimensions","React","undefined","isRefElementVisible","current","visibility","setVisibility","resize","_ref$current","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility","_ref$current2"],"mappings":";;;AAGA,MAAMA,aAAa,GAAIC,OAA2B,IAC9CC,OAAO,CAACD,OAAO,KAAKA,OAAO,CAACE,WAAW,IAAIF,OAAO,CAACG,YAAY,IAAIH,OAAO,CAACI,cAAc,EAAE,CAACC,MAAM,CAAC,CAAC;MAE3FC,6BAA6B,GAAGA,CACzCC,GAAiC,EACjCC,YAAyB;EAEzB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAc,CAA8BC,SAAS,CAAC;EAC1F,MAAMC,mBAAmB,GAAGd,aAAa,CAACQ,GAAG,CAACO,OAAO,CAAC;EACtD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGL,QAAc,CAACE,mBAAmB,CAAC;EAEvE,MAAMI,MAAM,GAAGA;IACX,IAAIF,UAAU,EAAE;MAAA,IAAAG,YAAA;MACZR,aAAa,EAAAQ,YAAA,GAACX,GAAG,CAACO,OAAO,cAAAI,YAAA,uBAAXA,YAAA,CAAaC,qBAAqB,EAAE,CAAC;;GAE1D;EAEDR,SAAe,CAAC;IACZ,MAAMS,OAAO,GAAGC,UAAU,CAACJ,MAAM,EAAE,CAAC,CAAC;IACrC,MAAMK,eAAe,GAAGC,QAAQ,CAACN,MAAM,EAAE,GAAG,CAAC;IAE7CO,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,eAAe,CAAC;IAElD,OAAO;MACHI,YAAY,CAACN,OAAO,CAAC;MACrBI,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEL,eAAe,CAAC;KACxD;GACJ,EAAE,CAACf,GAAG,CAACO,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE7BJ,SAAe,CAAC;IACZ,MAAMiB,uBAAuB,GAAG7B,aAAa,CAACQ,GAAG,CAACO,OAAO,CAAC;IAE1D,IAAIC,UAAU,KAAKa,uBAAuB,EAAE;;;;MAIxCZ,aAAa,CAACY,uBAAuB,CAAC;;GAE7C,CAAC;EAEFjB,SAAe,CAAC;IACZ,IAAIH,YAAY,EAAE;MAAA,IAAAqB,aAAA;MACdnB,aAAa,EAAAmB,aAAA,GAACtB,GAAG,CAACO,OAAO,cAAAe,aAAA,uBAAXA,aAAA,CAAaV,qBAAqB,EAAE,CAAC;;GAE1D,EAAEX,YAAY,CAAC;EAEhB,OAAOC,UAAU;AACrB;;;;"}

package/dist/esm/packages/taco/src/hooks/useGlobalKeyDown.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import { createShortcutKeyDownHandler } from '../utils/keyboard.js';
 
-var useGlobalKeyDown = function useGlobalKeyDown(shortcut, handler) {
-  React__default.useEffect(function () {
-    var handleKeyDown;
+const useGlobalKeyDown = (shortcut, handler) => {
+  React__default.useEffect(() => {
+    let handleKeyDown;
     if (shortcut) {
       handleKeyDown = createShortcutKeyDownHandler(shortcut, handler, false);
       document.addEventListener('keydown', handleKeyDown);
     }
-    return function () {
+    return () => {
       if (handleKeyDown) {
         document.removeEventListener('keydown', handleKeyDown);
       }

package/dist/esm/packages/taco/src/hooks/useGlobalKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAa;IAEjB,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;MAGaA,gBAAgB,GAAGA,CAC5BC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAa;IAEjB,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}

package/dist/esm/packages/taco/src/hooks/useId.js

@@ -2,10 +2,8 @@ import React__default from 'react';
 import { v4 } from 'uuid';
 
 // React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed
-var useId = function useId(nativeId) {
-  return React__default.useMemo(function () {
-    return nativeId !== null && nativeId !== void 0 ? nativeId : v4();
-  }, []);
+const useId = nativeId => {
+  return React__default.useMemo(() => nativeId !== null && nativeId !== void 0 ? nativeId : v4(), []);
 };
 
 export { useId };

package/dist/esm/packages/taco/src/hooks/useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useId.js","sources":["../../../../../../src/hooks/useId.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport React from 'react';\n\n// React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed\n\nexport const useId = (nativeId: string | undefined) => {\n    return React.useMemo(() => nativeId ?? uuid(), []);\n};\n"],"names":["useId","nativeId","React","useMemo","uuid"],"mappings":";;;AAGA;IAEaA,KAAK,GAAG,SAARA,KAAKA,CAAIC,QAA4B;EAC9C,OAAOC,cAAK,CAACC,OAAO,CAAC;IAAA,OAAMF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,EAAI,EAAE;KAAE,EAAE,CAAC;AACtD;;;;"}
+{"version":3,"file":"useId.js","sources":["../../../../../../src/hooks/useId.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport React from 'react';\n\n// React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed\n\nexport const useId = (nativeId: string | undefined) => {\n    return React.useMemo(() => nativeId ?? uuid(), []);\n};\n"],"names":["useId","nativeId","React","useMemo","uuid"],"mappings":";;;AAGA;MAEaA,KAAK,GAAIC,QAA4B;EAC9C,OAAOC,cAAK,CAACC,OAAO,CAAC,MAAMF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,EAAI,EAAE,EAAE,EAAE,CAAC;AACtD;;;;"}