@economic/taco 1.1.6 → 1.1.9-alpha.0

package/dist/esm/components/Toast/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../Icon/Icon';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType): JSX.Element | null => {\n    const css = 'rounded-full flex-shrink-0 mr-2';\n\n    switch (type) {\n        case 'success':\n            return <Icon name=\"tick\" className={cn(css, 'yt-green-solid')} />;\n\n        case 'warning':\n            return <Icon name=\"warning\" className={cn(css, 'yt-yellow-solid')} />;\n\n        case 'error':\n            return <Icon name=\"warning\" className={cn(css, 'yt-red-solid')} />;\n\n        case 'information':\n            return <Icon name=\"info\" className={cn(css, 'yt-blue-solid')} />;\n\n        case 'loading':\n            return <Spinner delay={0} className={cn(css, 'h-6 w-6')} />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["getBadgeIcon","type","css","React","Icon","name","className","cn","Spinner","delay"],"mappings":";;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD;EACxB,IAAMC,GAAG,GAAG,iCAAZ;;EAEA,QAAQD,IAAR;IACI,KAAK,SAAL;MACI,OAAOE,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,gBAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;IAEJ,KAAK,OAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;IAEJ,KAAK,aAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACK,OAAD;QAASC,KAAK,EAAE;QAAGH,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Icon } from '../Icon/Icon';\r\nimport { Spinner } from '../Spinner/Spinner';\r\nimport { ToastType } from './Toast';\r\n\r\nexport const getBadgeIcon = (type: ToastType): JSX.Element | null => {\r\n    const css = 'rounded-full flex-shrink-0 mr-2';\r\n\r\n    switch (type) {\r\n        case 'success':\r\n            return <Icon name=\"tick\" className={cn(css, 'yt-green-solid')} />;\r\n\r\n        case 'warning':\r\n            return <Icon name=\"warning\" className={cn(css, 'yt-yellow-solid')} />;\r\n\r\n        case 'error':\r\n            return <Icon name=\"warning\" className={cn(css, 'yt-red-solid')} />;\r\n\r\n        case 'information':\r\n            return <Icon name=\"info\" className={cn(css, 'yt-blue-solid')} />;\r\n\r\n        case 'loading':\r\n            return <Spinner delay={0} className={cn(css, 'h-6 w-6')} />;\r\n\r\n        default:\r\n            return null;\r\n    }\r\n};\r\n"],"names":["getBadgeIcon","type","css","React","Icon","name","className","cn","Spinner","delay"],"mappings":";;;;;MAMaA,YAAY,GAAIC,IAAD;EACxB,MAAMC,GAAG,GAAG,iCAAZ;;EAEA,QAAQD,IAAR;IACI,KAAK,SAAL;MACI,OAAOE,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,gBAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;IAEJ,KAAK,OAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;IAEJ,KAAK,aAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACK,OAAD;QAASC,KAAK,EAAE;QAAGH,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,14 +1,13 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import { Root, Trigger, Content, Arrow } from '@radix-ui/react-tooltip';
 
-var _excluded = ["title", "children", "placement"];
-var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
-  var title = props.title,
-      children = props.children,
-      placement = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
+  const {
+    title,
+    children,
+    placement,
+    ...otherProps
+  } = props;
   return createElement(Root, {
     delayDuration: 50
   }, createElement(Trigger, {

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Text displayed in the tooltip */\n    title: string;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, ...otherProps } = props;\n\n    return (\n        <TooltipPrimitive.Root delayDuration={50}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\n                <div\n                    className=\"wcag-purple max-w-[theme(spacing.56)] animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold opacity-90\"\n                    data-taco=\"tooltip\"\n                    style={{\n                        transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                    }}\n                >\n                    <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\n                    {title}\n                </div>\n            </TooltipPrimitive.Content>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;;;IAeaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACpC,IAAQC,KAAR,GAAsDF,KAAtD,CAAQE,KAAR;MAAeC,QAAf,GAAsDH,KAAtD,CAAeG,QAAf;MAAyBC,SAAzB,GAAsDJ,KAAtD,CAAyBI,SAAzB;MAAuCC,UAAvC,iCAAsDL,KAAtD;;EAEA,OACID,aAAA,CAACO,IAAD;IAAuBC,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;IAA0BE,OAAO;IAACP,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;IAAYG,OAAO;IAACC,IAAI,EAAEL;IAAWM,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;IACIY,SAAS,EAAC;iBACA;IACVC,KAAK,EAAE;MACHC,eAAe,EAAE;;GAJzB,EAOId,aAAA,CAACO,KAAD;IAAwBK,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\r\n\r\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\r\n    children: React.ReactElement | any;\r\n    /** Text displayed in the tooltip */\r\n    title: string;\r\n    /**\r\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\r\n     * @defaultValue bottom\r\n     */\r\n    placement?: 'top' | 'right' | 'bottom' | 'left';\r\n};\r\n\r\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\r\n    const { title, children, placement, ...otherProps } = props;\r\n\r\n    return (\r\n        <TooltipPrimitive.Root delayDuration={50}>\r\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\r\n                {children}\r\n            </TooltipPrimitive.Trigger>\r\n            <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\r\n                <div\r\n                    className=\"wcag-purple max-w-[theme(spacing.56)] animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold opacity-90\"\r\n                    data-taco=\"tooltip\"\r\n                    style={{\r\n                        transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\r\n                    }}\r\n                >\r\n                    <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\r\n                    {title}\r\n                </div>\r\n            </TooltipPrimitive.Content>\r\n        </TooltipPrimitive.Root>\r\n    );\r\n});\r\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;MAeaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACpC,MAAM;IAAEC,KAAF;IAASC,QAAT;IAAmBC,SAAnB;IAA8B,GAAGC;MAAeL,KAAtD;EAEA,OACID,aAAA,CAACO,IAAD;IAAuBC,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;IAA0BE,OAAO;IAACP,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;IAAYG,OAAO;IAACC,IAAI,EAAEL;IAAWM,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;IACIY,SAAS,EAAC;iBACA;IACVC,KAAK,EAAE;MACHC,eAAe,EAAE;;GAJzB,EAOId,aAAA,CAACO,KAAD;IAAwBK,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}

package/dist/esm/components/Tour/Tour.js

@@ -1,4 +1,3 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo, Children, useCallback, createElement, useRef, useEffect } from 'react';
 import { IconButton } from '../IconButton/IconButton.js';
 import { Button } from '../Button/Button.js';
@@ -7,23 +6,22 @@ import keycode from 'keycode';
 import { Group } from '../Group/Group.js';
 import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
 
-var _excluded = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
-
-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.keyCode === keycode('esc') && skipButtonRef.current !== null) {
           event.preventDefault();
@@ -34,7 +32,7 @@ var Tooltip = function Tooltip(_ref) {
     };
 
     window.addEventListener('keydown', onWindowKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', onWindowKeyDown);
     };
   }, []);
@@ -53,30 +51,30 @@ var Tooltip = function Tooltip(_ref) {
     appearance: "discrete"
   }), locale.back), 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,
-      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,
+    ...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,
@@ -86,12 +84,10 @@ 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]);
 
   function callback(state) {
@@ -121,12 +117,10 @@ var Tour = function Tour(props) {
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: function tooltipComponent(tooltipProps) {
-      return createElement(Tooltip, Object.assign({}, tooltipProps, {
-        locale: tour,
-        disableTourSkipOnEsc: disableTourSkipOnEsc
-      }));
-    },
+    tooltipComponent: tooltipProps => createElement(Tooltip, Object.assign({}, tooltipProps, {
+      locale: tour,
+      disableTourSkipOnEsc: disableTourSkipOnEsc
+    })),
     locale: tour,
     spotlightPadding: 8,
     spotlightClicks: spotlightClicks,

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

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import keycode from 'keycode';\nimport * 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/Provider';\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.keyCode === keycode('esc') && 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};\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        ...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    function 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            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.light\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","keyCode","keycode","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","tour","texts","run","autoStart","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","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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"}
+{"version":3,"file":"Tour.js","sources":["../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import keycode from 'keycode';\r\nimport * as React from 'react';\r\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\r\n\r\nimport { Button } from '../Button/Button';\r\nimport { Group } from '../Group/Group';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { useLocalization } from '../Provider/Provider';\r\n\r\nexport type TourTexts = {\r\n    /** Text for back action button */\r\n    back: string;\r\n    /**\r\n     * Text for close button.\r\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\r\n     * It will pause the flow of the tour and close the tooltip\r\n     */\r\n    close: string;\r\n    /**\r\n     * Aria-label and title for close icon button in each step.\r\n     * This button skips and completes the flow entirely\r\n     */\r\n    skip: string;\r\n    /**\r\n     * Text for last action button.\r\n     * This button is displayed when user is on the last step of the tour\r\n     */\r\n    last: string;\r\n    /**\r\n     * Text for next action button.\r\n     * This button is displayed if tour has more than one steps and is continuous\r\n     */\r\n    next: string;\r\n    /** Aria label and title for beacon that will open the tour step */\r\n    open: string;\r\n};\r\n\r\nexport type TourStepProps = {\r\n    /** Content can be any valid react node, for e.g. a `div` */\r\n    children: React.ReactNode;\r\n    /** Define the position of the tour's popup relative to the element is presenting */\r\n    position?: Placement;\r\n    /** The css selector of the html element you want to include in a tour */\r\n    selector: string;\r\n    /**\r\n     * Show beacon for step.\r\n     * A beacon is a styled component which indicates the current element to be presented.\r\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\r\n     */\r\n    showBeacon?: boolean;\r\n    /** Text displayed above the children/content of the popup  */\r\n    title: string;\r\n};\r\n\r\nconst Tooltip = ({\r\n    continuous,\r\n    index,\r\n    isLastStep,\r\n    step,\r\n    backProps,\r\n    primaryProps,\r\n    skipProps,\r\n    tooltipProps,\r\n    size,\r\n    locale,\r\n    disableTourSkipOnEsc,\r\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\r\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n    React.useEffect(() => {\r\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\r\n            if (!disableTourSkipOnEsc) {\r\n                if (event.keyCode === keycode('esc') && skipButtonRef.current !== null) {\r\n                    event.preventDefault();\r\n                    skipButtonRef.current.click();\r\n                    return;\r\n                }\r\n            }\r\n        };\r\n\r\n        window.addEventListener('keydown', onWindowKeyDown);\r\n\r\n        return () => {\r\n            window.removeEventListener('keydown', onWindowKeyDown);\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\r\n            <IconButton\r\n                {...skipProps}\r\n                ref={skipButtonRef}\r\n                appearance=\"discrete\"\r\n                icon=\"close\"\r\n                title={locale.skip}\r\n                aria-label={locale.skip}\r\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\r\n            />\r\n            {step.title && <h5>{step.title}</h5>}\r\n            {step.content}\r\n            <Group className=\"mt-4 justify-end\">\r\n                {index > 0 && (\r\n                    <Button {...backProps} appearance=\"discrete\">\r\n                        {locale.back}\r\n                    </Button>\r\n                )}\r\n                <Button {...primaryProps} appearance=\"primary\">\r\n                    {continuous\r\n                        ? isLastStep\r\n                            ? `${locale.last} (${index + 1}/${size})`\r\n                            : `${locale.next} (${index + 1}/${size})`\r\n                        : locale.close}\r\n                </Button>\r\n            </Group>\r\n        </div>\r\n    );\r\n};\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nexport const TourStep = (_props: TourStepProps): null => null;\r\n\r\nexport type TourProps = {\r\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\r\n    autoStart?: boolean;\r\n    /** Children should be one or more `Tour.Step` components */\r\n    children: any;\r\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\r\n    continuous?: boolean;\r\n    /** Disable closing of tour when click on `Escape` */\r\n    disableCloseOnEsc?: boolean;\r\n    /** Don't close the presenting popup of the tour step when clicking outside it */\r\n    disableOverlayClose?: boolean;\r\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\r\n    disableScrolling?: boolean;\r\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\r\n    onClose?: (step: TourStepProps) => void;\r\n    /* When user completes the entire flow */\r\n    onComplete?: Function;\r\n    /** When step is ready */\r\n    onReady?: (step: TourStepProps) => void;\r\n    /* Allow mouse and touch events through the spotlight */\r\n    spotlightClicks?: boolean;\r\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\r\n    disableScrollParentFix?: boolean;\r\n};\r\n\r\nexport const Tour = (props: TourProps) => {\r\n    const {\r\n        texts: { tour },\r\n    } = useLocalization();\r\n\r\n    const {\r\n        autoStart: run,\r\n        onComplete,\r\n        onClose,\r\n        onReady,\r\n        spotlightClicks,\r\n        disableCloseOnEsc: disableTourSkipOnEsc,\r\n        disableScrollParentFix = false,\r\n        ...rest\r\n    } = props;\r\n\r\n    const steps = React.useMemo(() => {\r\n        return React.Children.map(props.children, child => {\r\n            const step: Step = {\r\n                disableBeacon: !child.props.showBeacon,\r\n                target: child.props.selector,\r\n                placement: child.props.position,\r\n                title: child.props.title,\r\n                content: child.props.children,\r\n            };\r\n            return step;\r\n        });\r\n    }, [props.children]);\r\n\r\n    const getStep = React.useCallback(\r\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\r\n        [props.children]\r\n    );\r\n\r\n    function callback(state: CallBackProps) {\r\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\r\n            if (onClose) {\r\n                onClose(getStep(state.step.target));\r\n            }\r\n        }\r\n\r\n        if (state.type === EVENTS.TOUR_END) {\r\n            if (onComplete) {\r\n                onComplete();\r\n            }\r\n        }\r\n\r\n        if (state.lifecycle === LIFECYCLE.READY) {\r\n            if (onReady) {\r\n                onReady(getStep(state.step.target));\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Joyride\r\n            {...rest}\r\n            run={run}\r\n            steps={steps}\r\n            showProgress\r\n            floaterProps={{\r\n                disableAnimation: true,\r\n            }}\r\n            tooltipComponent={tooltipProps => (\r\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\r\n            )}\r\n            locale={tour}\r\n            spotlightPadding={8}\r\n            spotlightClicks={spotlightClicks}\r\n            disableScrollParentFix={disableScrollParentFix}\r\n            callback={callback}\r\n            styles={{\r\n                /** style beacon */\r\n                options: {\r\n                    // tailwind.theme.colors.blue.light\r\n                    primaryColor: '#6ba4ff',\r\n                },\r\n            }}\r\n            disableCloseOnEsc\r\n        />\r\n    );\r\n};\r\n\r\nTour.Step = TourStep;\r\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","keyCode","keycode","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","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","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/components/Treeview/Treeview.js

@@ -1,45 +1,39 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 
-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 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);
@@ -50,7 +44,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
     }
   };
 
-  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -59,18 +53,14 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
   }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(function (item) {
-    return !!item;
-  }).map(function (item, i) {
-    return React__default.createElement("li", {
-      key: i,
-      role: "none"
-    }, React__default.cloneElement(item, {
-      role: 'treeitem'
-    }));
-  })));
+  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => React__default.createElement("li", {
+    key: i,
+    role: "none"
+  }, 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 React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"

package/dist/esm/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 'classnames';\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","expanded","initialExpanded","title","fixed","onClick","otherProps","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;;;AAKA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,YAAT,CAAsBG,KAAtB,EAAgDC,GAAhD;EAClC,OAAOH,4BAAA,IAAA,oBAAOE;IAAOC,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,IAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;EACnC,IACIE,QADJ,GAQIH,KARJ,CACIG,QADJ;MAEeC,iBAFf,GAQIJ,KARJ,CAEIK,SAFJ;wBAQIL,KARJ,CAGIM,QAHJ;MAGcC,eAHd,gCAGgC,KAHhC;MAIIC,KAJJ,GAQIR,KARJ,CAIIQ,KAJJ;MAKIC,KALJ,GAQIT,KARJ,CAKIS,KALJ;MAMIC,OANJ,GAQIV,KARJ,CAMIU,OANJ;MAOOC,UAPP,iCAQIX,KARJ;;EASA,sBAAgCF,cAAK,CAACc,QAAN,CAAeH,KAAK,IAAIF,eAAxB,CAAhC;MAAOD,QAAP;MAAiBO,WAAjB;;EAEAf,cAAK,CAACgB,SAAN,CAAgB;IACZ,IAAI,CAACL,KAAL,EAAY;MACRI,WAAW,CAACJ,KAAK,IAAIF,eAAV,CAAX;;GAFR,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;EAMA,IAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;IACtCC,IAAI,EAAEX,QADgC;IAEtCY,MAAM,EAAE,CAACZ;GAFW,CAAxB;;EAKA,IAAMa,SAAS,gBACRR,UADQ;IAEX,iBAAiBL,QAFN;IAGXc,IAAI,EAAE,UAHK;IAIXC,QAAQ,EAAE,CAAC;IAJf;;EAOA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;IAChB,IAAMC,SAAS,GAAG,CAAClB,QAAnB;;IAEA,IAAI,CAACG,KAAL,EAAY;MACRI,WAAW,CAACW,SAAD,CAAX;;;IAGJ,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;;GARR;;EAYA,IAAMnB,SAAS,GAAG,OAAOD,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACE,QAAD,CAA3D,GAAwEF,iBAA1F;EAEA,OACIN,4BAAA,MAAA,oBAASqB;IAAWd,SAAS,EAAEA;IAAWJ,GAAG,EAAEA;IAA/C,EACIH,4BAAA,MAAA;IAAKY,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,EAEIV,4BAAA,KAAA;IAAIsB,IAAI,EAAC;IAAQf,SAAS,EAAEU;GAA5B,EACKjB,cAAK,CAAC2B,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EACIwB,MADJ,CACW,UAAAC,IAAI;IAAA,OAAI,CAAC,CAACA,IAAN;GADf,EAEIC,GAFJ,CAEQ,UAACD,IAAD,EAAOE,CAAP;IAAA,OACDhC,4BAAA,KAAA;MAAIiC,GAAG,EAAED;MAAGV,IAAI,EAAC;KAAjB,EACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;MAAER,IAAI,EAAE;KAA5D,CADL,CADC;GAFR,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;IAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;EACrC,OAAOH,4BAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKmB,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}
+{"version":3,"file":"Treeview.js","sources":["../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\r\n\r\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\r\n    return <a {...props} ref={ref} />;\r\n});\r\n\r\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\r\n    /** Add a classname to the treeview */\r\n    className?: string | ((expanded: boolean) => string);\r\n    /**\r\n     * Set wheter the region is expanded, showing the children, or collapsed.\r\n     * Default value is `false`\r\n     */\r\n    expanded?: boolean;\r\n    /** Region is expanded at mount and can't be collapsed */\r\n    fixed?: boolean;\r\n    /** Handler called when user clicks the title of the group */\r\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\r\n    /** Text displayed in the group's header */\r\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\r\n};\r\n\r\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const {\r\n        children,\r\n        className: externalClassName,\r\n        expanded: initialExpanded = false,\r\n        title,\r\n        fixed,\r\n        onClick,\r\n        ...otherProps\r\n    } = props;\r\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\r\n\r\n    React.useEffect(() => {\r\n        if (!fixed) {\r\n            setExpanded(fixed || initialExpanded);\r\n        }\r\n    }, [fixed, initialExpanded]);\r\n\r\n    const listClassName = cn('flex-col mb-0', {\r\n        flex: expanded,\r\n        hidden: !expanded,\r\n    });\r\n\r\n    const itemProps = {\r\n        ...otherProps,\r\n        'aria-expanded': expanded,\r\n        role: 'treeitem',\r\n        tabIndex: -1,\r\n    };\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n        const nextState = !expanded;\r\n\r\n        if (!fixed) {\r\n            setExpanded(nextState);\r\n        }\r\n\r\n        if (onClick) {\r\n            onClick(event, nextState);\r\n        }\r\n    };\r\n\r\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\r\n\r\n    return (\r\n        <div {...itemProps} className={className} ref={ref}>\r\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\r\n            <ul role=\"group\" className={listClassName}>\r\n                {React.Children.toArray(children)\r\n                    .filter(item => !!item)\r\n                    .map((item, i) => (\r\n                        <li key={i} role=\"none\">\r\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\r\n                        </li>\r\n                    ))}\r\n            </ul>\r\n        </div>\r\n    );\r\n});\r\n\r\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\r\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n    /** Navigable link */\r\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\r\n    /** Container for a set of related links, usually expandable */\r\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\r\n    return <div {...props} ref={ref} role=\"tree\" />;\r\n}) as ForwardedTreeviewWithStatics;\r\n\r\nTreeview.Group = TreeviewGroup;\r\nTreeview.Item = TreeviewItem;\r\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,UAAN,CAAiB,SAASF,YAAT,CAAsBG,KAAtB,EAAgDC,GAAhD;EAClC,OAAOH,4BAAA,IAAA,oBAAOE;IAAOC,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;EACnC,MAAM;IACFE,QADE;IAEFC,SAAS,EAAEC,iBAFT;IAGFC,QAAQ,EAAEC,eAAe,GAAG,KAH1B;IAIFC,KAJE;IAKFC,KALE;IAMFC,OANE;IAOF,GAAGC;MACHX,KARJ;EASA,MAAM,CAACM,QAAD,EAAWM,WAAX,IAA0Bd,cAAK,CAACe,QAAN,CAAeJ,KAAK,IAAIF,eAAxB,CAAhC;EAEAT,cAAK,CAACgB,SAAN,CAAgB;IACZ,IAAI,CAACL,KAAL,EAAY;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAV,CAAX;;GAFR,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;EAMA,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;IACtCC,IAAI,EAAEX,QADgC;IAEtCY,MAAM,EAAE,CAACZ;GAFW,CAAxB;EAKA,MAAMa,SAAS,GAAG,EACd,GAAGR,UADW;IAEd,iBAAiBL,QAFH;IAGdc,IAAI,EAAE,UAHQ;IAIdC,QAAQ,EAAE,CAAC;GAJf;;EAOA,MAAMC,WAAW,GAAIC,KAAD;IAChB,MAAMC,SAAS,GAAG,CAAClB,QAAnB;;IAEA,IAAI,CAACG,KAAL,EAAY;MACRG,WAAW,CAACY,SAAD,CAAX;;;IAGJ,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;;GARR;;EAYA,MAAMpB,SAAS,GAAG,OAAOC,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACC,QAAD,CAA3D,GAAwED,iBAA1F;EAEA,OACIP,4BAAA,MAAA,oBAASqB;IAAWf,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA/C,EACIH,4BAAA,MAAA;IAAKY,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,EAEIV,4BAAA,KAAA;IAAIsB,IAAI,EAAC;IAAQhB,SAAS,EAAEW;GAA5B,EACKjB,cAAK,CAAC2B,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EACIwB,MADJ,CACWC,IAAI,IAAI,CAAC,CAACA,IADrB,EAEIC,GAFJ,CAEQ,CAACD,IAAD,EAAOE,CAAP,KACDhC,4BAAA,KAAA;IAAIiC,GAAG,EAAED;IAAGV,IAAI,EAAC;GAAjB,EACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;IAAER,IAAI,EAAE;GAA5D,CADL,CAHP,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;MAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;EACrC,OAAOH,4BAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKmB,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}

package/dist/esm/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 createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref

package/dist/esm/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,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;EAC3C,OAAOF,aAAA,OAAA,oBAAUC;IAAOE,SAAS,EAAC;IAAUD,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\r\n    return <span {...props} className=\"sr-only\" ref={ref} />;\r\n});\r\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;EAC3C,OAAOF,aAAA,OAAA,oBAAUC;IAAOE,SAAS,EAAC;IAAUD,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}