@economic/taco 1.0.5 → 1.0.8

package/dist/esm/components/Toast/Toaster.js

@@ -0,0 +1,193 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useCallback, useEffect, createElement, useContext, createContext } from 'react';
+import { v4 } from 'uuid';
+import { AnimatePresence, motion } from 'framer-motion';
+import { Toast } from './Toast.js';
+
+var _excluded = ["children"];
+var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+var ToastContext = /*#__PURE__*/createContext({});
+
+var insertToastWithoutDuplicates = function insertToastWithoutDuplicates(currentToasts, id, content, options, close) {
+  var nextToasts = [].concat(currentToasts);
+  var existingToastIndex = currentToasts.findIndex(function (toast) {
+    return JSON.stringify(toast.content) === JSON.stringify(content);
+  });
+
+  if (existingToastIndex > -1) {
+    nextToasts[existingToastIndex].lastDuplicateId = id;
+    nextToasts[existingToastIndex].lastUpdated = Date.now();
+  } else {
+    nextToasts.push({
+      id: id,
+      content: typeof content === 'function' ? content(close) : content,
+      options: options
+    });
+  }
+
+  return nextToasts;
+};
+
+var ToastProvider = function ToastProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _React$useState = useState([]),
+      toasts = _React$useState[0],
+      setToasts = _React$useState[1];
+
+  var handleClose = function handleClose(id) {
+    setToasts(function (currentToasts) {
+      return currentToasts.filter(function (toast) {
+        return toast.id !== id;
+      });
+    });
+  }; // memoize (useCallback) this function,
+  // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children
+
+
+  var toaster = useCallback(function (content, options) {
+    var id = v4();
+
+    var close = function close() {
+      return handleClose(id);
+    };
+
+    setToasts(function (currentToasts) {
+      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
+    });
+
+    var update = function update(content, options) {
+      setToasts(function (currentToasts) {
+        var nextToasts = currentToasts.filter(function (toast) {
+          if (toast.lastDuplicateId) {
+            return toast.lastDuplicateId !== id;
+          }
+
+          return toast.id !== id;
+        });
+        return insertToastWithoutDuplicates(nextToasts, v4(), content, options, close);
+      });
+    };
+
+    var success = function success(content, options) {
+      update(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
+
+    var error = function error(content, options) {
+      update(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
+
+    var warning = function warning(content, options) {
+      update(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
+
+    var information = function information(content, options) {
+      update(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
+
+    var loading = function loading(content, options) {
+      update(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
+
+    return {
+      success: success,
+      error: error,
+      warning: warning,
+      information: information,
+      loading: loading,
+      close: close
+    };
+  }, []); // no need to rebind these every render, do them once in an effect
+
+  useEffect(function () {
+    toaster.success = function (content, options) {
+      return toaster(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
+
+    toaster.error = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
+
+    toaster.warning = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
+
+    toaster.information = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
+
+    toaster.loading = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
+  }, []);
+  return createElement(ToastContext.Provider, Object.assign({}, props, {
+    value: toaster
+  }), children, createElement("div", {
+    id: "yt-toast__container",
+    className: "pointer-events-all absolute bottom-0 right-0 !left-auto z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end",
+    role: "log"
+  }, createElement(AnimatePresence, {
+    initial: false
+  }, toasts.map(function (toast) {
+    return createElement(motion.div, {
+      key: toast.id,
+      transition: {
+        type: 'spring',
+        damping: 20,
+        stiffness: 300
+      },
+      initial: {
+        opacity: 0,
+        y: 10,
+        scale: 0.5
+      },
+      animate: {
+        opacity: 1,
+        y: 0,
+        scale: 1
+      },
+      exit: {
+        opacity: 0,
+        scale: 0.5,
+        transition: {
+          duration: 0.2
+        }
+      }
+    }, createElement(Toast, Object.assign({}, toast, {
+      onClose: function onClose() {
+        return handleClose(toast.id);
+      }
+    })));
+  }))));
+};
+var useToast = function useToast() {
+  return useContext(ToastContext);
+};
+
+export { ToastProvider, useToast };
+//# sourceMappingURL=Toaster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { ToastOptions, Toast, ToastProps } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: React.ReactNode | ((close: () => void) => React.ReactNode), options?: ToastOptions) => T;\n\nexport interface Toaster<T> extends ToastCreator<T> {\n    success: ToastCreator<T>;\n    error: ToastCreator<T>;\n    warning: ToastCreator<T>;\n    information: ToastCreator<T>;\n    loading: ToastCreator<T>;\n}\n\nexport interface ToastReference {\n    /** Show a success toast */\n    success: ToastCreator<void>;\n    /** Show an error toast */\n    error: ToastCreator<void>;\n    /** Show a warning toast */\n    warning: ToastCreator<void>;\n    /** Show an information toast */\n    information: ToastCreator<void>;\n    /** Show a loading toast */\n    loading: ToastCreator<void>;\n    /**\n     * Close an existing toast.\n     * The toast function returns a reference to the active toast,\n     * allowing you to programmatically close it when needed\n     */\n    close: () => void;\n}\n\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\n\nexport interface ToastProviderProps {\n    children: React.ReactNode;\n}\n\ntype InternalToast = Omit<ToastProps, 'onClose'>;\n\nconst insertToastWithoutDuplicates = (\n    currentToasts: InternalToast[],\n    id: string,\n    content: React.ReactNode,\n    options: ToastOptions,\n    close: () => void\n): InternalToast[] => {\n    const nextToasts = [...currentToasts];\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\n\n    if (existingToastIndex > -1) {\n        nextToasts[existingToastIndex].lastDuplicateId = id;\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\n    } else {\n        nextToasts.push({\n            id,\n            content: typeof content === 'function' ? content(close) : content,\n            options,\n        });\n    }\n\n    return nextToasts;\n};\n\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): JSX.Element => {\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\n\n    const handleClose = (id: string): void => {\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\n    };\n\n    // memoize (useCallback) this function,\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\n    const toaster = React.useCallback((content: React.ReactNode, options: ToastOptions): ToastReference => {\n        const id = uuid();\n        const close = (): void => handleClose(id);\n\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\n\n        const update = (content: React.ReactNode, options: ToastOptions): void => {\n            setToasts(currentToasts => {\n                const nextToasts = currentToasts.filter(toast => {\n                    if (toast.lastDuplicateId) {\n                        return toast.lastDuplicateId !== id;\n                    }\n\n                    return toast.id !== id;\n                });\n                return insertToastWithoutDuplicates(nextToasts, uuid(), content, options, close);\n            });\n        };\n\n        const success = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'loading' });\n        };\n\n        return {\n            success,\n            error,\n            warning,\n            information,\n            loading,\n            close,\n        };\n    }, []) as Toaster<ToastReference>;\n\n    // no need to rebind these every render, do them once in an effect\n    React.useEffect(() => {\n        toaster.success = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <div\n                id=\"yt-toast__container\"\n                className=\"pointer-events-all absolute bottom-0 right-0 !left-auto z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end\"\n                role=\"log\"\n            >\n                <AnimatePresence initial={false}>\n                    {toasts.map((toast: ToastProps) => (\n                        <motion.div\n                            key={toast.id}\n                            transition={{\n                                type: 'spring',\n                                damping: 20,\n                                stiffness: 300,\n                            }}\n                            initial={{ opacity: 0, y: 10, scale: 0.5 }}\n                            animate={{ opacity: 1, y: 0, scale: 1 }}\n                            exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}\n                        >\n                            <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                        </motion.div>\n                    ))}\n                </AnimatePresence>\n            </div>\n        </ToastContext.Provider>\n    );\n};\n\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\n"],"names":["DEFAULT_AUTO_CLOSE_TIMEOUT","ToastContext","React","insertToastWithoutDuplicates","currentToasts","id","content","options","close","nextToasts","existingToastIndex","findIndex","toast","JSON","stringify","lastDuplicateId","lastUpdated","Date","now","push","ToastProvider","children","props","toasts","setToasts","handleClose","filter","toaster","uuid","update","success","autoClose","type","error","warning","information","loading","Provider","value","className","role","AnimatePresence","initial","map","motion","div","key","transition","damping","stiffness","opacity","y","scale","animate","exit","duration","Toast","onClose","useToast"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import { Spinner } from '../Spinner/Spinner.js';
+
+var getBadgeIcon = function getBadgeIcon(type) {
+  var css = 'rounded-full flex-shrink-0 mr-2';
+
+  switch (type) {
+    case 'success':
+      return React__default.createElement(Icon, {
+        name: "tick",
+        className: cn(css, 'yt-green-solid')
+      });
+
+    case 'warning':
+      return React__default.createElement(Icon, {
+        name: "warning",
+        className: cn(css, 'yt-yellow-solid')
+      });
+
+    case 'error':
+      return React__default.createElement(Icon, {
+        name: "warning",
+        className: cn(css, 'yt-red-solid')
+      });
+
+    case 'information':
+      return React__default.createElement(Icon, {
+        name: "info",
+        className: cn(css, 'yt-blue-solid')
+      });
+
+    case 'loading':
+      return React__default.createElement(Spinner, {
+        delay: 0,
+        className: cn(css, 'h-6 w-6')
+      });
+
+    default:
+      return null;
+  }
+};
+
+export { getBadgeIcon };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +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;AACxB,MAAMC,GAAG,GAAG,iCAAZ;;AAEA,UAAQD,IAAR;AACI,SAAK,SAAL;AACI,aAAOE,4BAAA,CAACC,IAAD;AAAMC,QAAAA,IAAI,EAAC;AAAOC,QAAAA,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,gBAAN;OAA/B,CAAP;;AAEJ,SAAK,SAAL;AACI,aAAOC,4BAAA,CAACC,IAAD;AAAMC,QAAAA,IAAI,EAAC;AAAUC,QAAAA,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;AAEJ,SAAK,OAAL;AACI,aAAOC,4BAAA,CAACC,IAAD;AAAMC,QAAAA,IAAI,EAAC;AAAUC,QAAAA,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;AAEJ,SAAK,aAAL;AACI,aAAOC,4BAAA,CAACC,IAAD;AAAMC,QAAAA,IAAI,EAAC;AAAOC,QAAAA,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;AAEJ,SAAK,SAAL;AACI,aAAOC,4BAAA,CAACK,OAAD;AAASC,QAAAA,KAAK,EAAE;AAAGH,QAAAA,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;AAEJ;AACI,aAAO,IAAP;AAjBR;AAmBH;;;;"}

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

@@ -0,0 +1,33 @@
+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);
+
+  return createElement(Root, {
+    delayDuration: 50
+  }, createElement(Trigger, {
+    asChild: true,
+    ref: ref
+  }, children), createElement(Content, Object.assign({}, otherProps, {
+    asChild: true,
+    side: placement,
+    sideOffset: 3
+  }), createElement("div", {
+    className: "wcag-purple max-w-[theme(spacing.56)] animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold opacity-90",
+    "data-taco": "tooltip",
+    style: {
+      transformOrigin: 'var(--radix-tooltip-content-transform-origin)'
+    }
+  }, createElement(Arrow, {
+    className: "fill-purple stroke-purple"
+  }), title)));
+});
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +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;AACpC,MAAQC,KAAR,GAAsDF,KAAtD,CAAQE,KAAR;AAAA,MAAeC,QAAf,GAAsDH,KAAtD,CAAeG,QAAf;AAAA,MAAyBC,SAAzB,GAAsDJ,KAAtD,CAAyBI,SAAzB;AAAA,MAAuCC,UAAvC,iCAAsDL,KAAtD;;AAEA,SACID,aAAA,CAACO,IAAD;AAAuBC,IAAAA,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;AAA0BE,IAAAA,OAAO;AAACP,IAAAA,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;AAAYG,IAAAA,OAAO;AAACC,IAAAA,IAAI,EAAEL;AAAWM,IAAAA,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;AACIY,IAAAA,SAAS,EAAC;iBACA;AACVC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAE;AADd;GAHX,EAOId,aAAA,CAACO,KAAD;AAAwBK,IAAAA,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}

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

@@ -0,0 +1,148 @@
+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';
+import { useLocalization } from '../Provider/Provider.js';
+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) {
+      if (!disableTourSkipOnEsc) {
+        if (event.keyCode === keycode('esc') && skipButtonRef.current !== null) {
+          event.preventDefault();
+          skipButtonRef.current.click();
+          return;
+        }
+      }
+    };
+
+    window.addEventListener('keydown', onWindowKeyDown);
+    return function () {
+      window.removeEventListener('keydown', onWindowKeyDown);
+    };
+  }, []);
+  return createElement("div", Object.assign({}, tooltipProps, {
+    className: "yt-tour__step w-88 relative rounded bg-white p-4"
+  }), createElement(IconButton, Object.assign({}, skipProps, {
+    ref: skipButtonRef,
+    appearance: "discrete",
+    icon: "close",
+    title: locale.skip,
+    "aria-label": locale.skip,
+    className: "absolute top-0 right-0 mt-1 mr-1"
+  })), step.title && createElement("h5", null, step.title), step.content, createElement(Group, {
+    className: "mt-4 justify-end"
+  }, index > 0 && createElement(Button, Object.assign({}, backProps, {
+    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)));
+}; // 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 = {
+        disableBeacon: !child.props.showBeacon,
+        target: child.props.selector,
+        placement: child.props.position,
+        title: child.props.title,
+        content: child.props.children
+      };
+      return step;
+    });
+  }, [props.children]);
+  var getStep = useCallback(function (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;
+  }, [props.children]);
+
+  function callback(state) {
+    if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {
+      if (onClose) {
+        onClose(getStep(state.step.target));
+      }
+    }
+
+    if (state.type === EVENTS.TOUR_END) {
+      if (onComplete) {
+        onComplete();
+      }
+    }
+
+    if (state.lifecycle === LIFECYCLE.READY) {
+      if (onReady) {
+        onReady(getStep(state.step.target));
+      }
+    }
+  }
+
+  return createElement(Joyride, Object.assign({}, rest, {
+    run: run,
+    steps: steps,
+    showProgress: true,
+    floaterProps: {
+      disableAnimation: true
+    },
+    tooltipComponent: function tooltipComponent(tooltipProps) {
+      return createElement(Tooltip, Object.assign({}, tooltipProps, {
+        locale: tour,
+        disableTourSkipOnEsc: disableTourSkipOnEsc
+      }));
+    },
+    locale: tour,
+    spotlightPadding: 8,
+    spotlightClicks: spotlightClicks,
+    disableScrollParentFix: disableScrollParentFix,
+    callback: callback,
+    styles: {
+      /** style beacon */
+      options: {
+        // tailwind.theme.colors.blue.light
+        primaryColor: '#6ba4ff'
+      }
+    },
+    disableCloseOnEsc: true
+  }));
+};
+Tour.Step = TourStep;
+
+export { Tour, TourStep };
+//# sourceMappingURL=Tour.js.map

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

@@ -0,0 +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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"}

package/dist/esm/components/Treeview/Treeview.js

@@ -0,0 +1,83 @@
+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) {
+  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 () {
+    if (!fixed) {
+      setExpanded(fixed || initialExpanded);
+    }
+  }, [fixed, initialExpanded]);
+  var listClassName = cn('flex-col mb-0', {
+    flex: expanded,
+    hidden: !expanded
+  });
+
+  var itemProps = _extends({}, otherProps, {
+    'aria-expanded': expanded,
+    role: 'treeitem',
+    tabIndex: -1
+  });
+
+  var handleClick = function handleClick(event) {
+    var nextState = !expanded;
+
+    if (!fixed) {
+      setExpanded(nextState);
+    }
+
+    if (onClick) {
+      onClick(event, nextState);
+    }
+  };
+
+  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  return React__default.createElement("div", Object.assign({}, itemProps, {
+    className: className,
+    ref: ref
+  }), React__default.createElement("div", {
+    onClick: handleClick
+  }, 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'
+    }));
+  })));
+});
+var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+  return React__default.createElement("div", Object.assign({}, props, {
+    ref: ref,
+    role: "tree"
+  }));
+});
+Treeview.Group = TreeviewGroup;
+Treeview.Item = TreeviewItem;
+
+export { Treeview };
+//# sourceMappingURL=Treeview.js.map

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

@@ -0,0 +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":"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"}

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js

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

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

@@ -0,0 +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;AAC3C,SAAOF,aAAA,OAAA,oBAAUC;AAAOE,IAAAA,SAAS,EAAC;AAAUD,IAAAA,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}