@economic/taco 1.16.2 → 1.17.0-alpha.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { Orientation } from '../../types';\nimport './Tabs.css';\n\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\n     */\n    id?: string;\n    /**\n     * Set which tab is selected on mount.\n     * This has to be one of the existing ids provided for tabs\n     */\n    defaultId?: string;\n    /**\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\n     * followed by one or an array of `Tabs.Content`.\n     * *Note* that there can also be tabs that are rendered conditionally.\n     */\n    children: React.ReactNode;\n    /**\n     * Define orientation of tabs.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n    /**\n     * Callback that is called when tab is changed.\n     */\n    onChange?: (id: string) => void;\n};\n\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    /**\n     * A unique value that associates the trigger with a content.\n     */\n    id: string;\n    /**\n     * When true, prevents the user from interacting with the tab.\n     */\n    disabled?: boolean;\n};\n\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * A unique value that associates the content with a trigger.\n     */\n    id: string;\n};\n\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\n    /** Tab trigger component rendered in a `Tabs.List` component */\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    /** Tab content component rendered in a `Tabs` group component */\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        'yt-tabs',\n        `yt-tabs--${orientation}`,\n        {\n            'flex w-full': orientation === 'vertical',\n        },\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Root\n            {...otherProps}\n            className={className}\n            data-taco=\"tabs\"\n            defaultValue={defaultId}\n            dir=\"ltr\"\n            onValueChange={onChange}\n            orientation={orientation}\n            ref={ref}\n            value={id}>\n            {children}\n        </TabsPrimitive.Root>\n    );\n}) as ForwardedTabsWithStatics;\n\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);\n\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\n});\n\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { id, disabled, ...otherProps } = props;\n    const className = cn(\n        'yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4',\n        disabled\n            ? 'cursor-not-allowed !text-grey-darker'\n            : 'cursor-pointer rounded-t hover:border-grey-dark aria-selected:border-blue aria-selected:text-black aria-selected:hover:border-blue-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue',\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Trigger\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            ref={ref}\n            style={{\n                transition: 'border 0.2s ease-in',\n            }}\n            value={id}\n        />\n    );\n});\n\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, ...otherProps } = props;\n    const className = cn('yt-tab__panel outline-none', props.className);\n\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\n});\n\nTabs.List = TabList;\nTabs.Trigger = TabTrigger;\nTabs.Content = TabContent;\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","style","transition","TabContent","List","Trigger","Content"],"mappings":";;;;MA+DaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAI,CAACE,KAAgB,EAAEC,GAA8B;EAC/F,MAAM;IAAEC,EAAE;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW,GAAG,YAAY;IAAE,GAAGC;GAAY,GAAGP,KAAK;EAC9F,MAAMQ,SAAS,GAAGC,EAAE,CAChB,SAAS,cACGH,aAAa,EACzB;IACI,aAAa,EAAEA,WAAW,KAAK;GAClC,EACDN,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIT,cAACW,IAAkB,oBACXH,UAAU;IACdC,SAAS,EAAEA,SAAS;iBACV,MAAM;IAChBG,YAAY,EAAER,SAAS;IACvBS,GAAG,EAAC,KAAK;IACTC,aAAa,EAAER,QAAQ;IACvBC,WAAW,EAAEA,WAAW;IACxBL,GAAG,EAAEA,GAAG;IACRa,KAAK,EAAEZ;MACNE,QAAQ,CACQ;AAE7B,CAAC;AAED,MAAMW,OAAO,gBAAGhB,UAAgB,CAAC,SAASiB,GAAG,CAAChB,KAAmB,EAAEC,GAA8B;EAC7F,MAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAgE,EAAET,KAAK,CAACQ,SAAS,CAAC;EAEvG,oBAAOT,cAACW,IAAkB,oBAAKV,KAAK;IAAEQ,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA;KAAO;AAC5E,CAAC,CAAC;AAEF,MAAMgB,UAAU,gBAAGlB,UAAgB,CAAC,SAASiB,GAAG,CAAChB,KAAsB,EAAEC,GAAiC;EACtG,MAAM;IAAEC,EAAE;IAAEgB,QAAQ;IAAE,GAAGX;GAAY,GAAGP,KAAK;EAC7C,MAAMQ,SAAS,GAAGC,EAAE,CAChB,qFAAqF,EACrFS,QAAQ,GACF,sCAAsC,GACtC,+NAA+N,EACrOlB,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIT,cAACW,OAAqB,oBACdH,UAAU;IACdC,SAAS,EAAEA,SAAS;IACpBU,QAAQ,EAAEA,QAAQ;IAClBjB,GAAG,EAAEA,GAAG;IACRkB,KAAK,EAAE;MACHC,UAAU,EAAE;KACf;IACDN,KAAK,EAAEZ;KACT;AAEV,CAAC,CAAC;AAEF,MAAMmB,UAAU,gBAAGtB,UAAgB,CAAC,SAASiB,GAAG,CAAChB,KAAsB,EAAEC,GAA8B;EACnG,MAAM;IAAEC,EAAE;IAAE,GAAGK;GAAY,GAAGP,KAAK;EACnC,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAA4B,EAAET,KAAK,CAACQ,SAAS,CAAC;EAEnE,oBAAOT,cAACW,OAAqB,oBAAKH,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA,GAAG;IAAEa,KAAK,EAAEZ;KAAM;AAC/F,CAAC,CAAC;AAEFJ,IAAI,CAACwB,IAAI,GAAGP,OAAO;AACnBjB,IAAI,CAACyB,OAAO,GAAGN,UAAU;AACzBnB,IAAI,CAAC0B,OAAO,GAAGH,UAAU;;;;"}

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

@@ -1,42 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
-import { colors } from '../../utils/colors.js';
-
-const Tag = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-    children,
-    color,
-    disabled,
-    icon,
-    readOnly,
-    onDelete,
-    ...otherProps
-  } = props;
-  const textRef = React__default.useRef(null);
-  const className = cn('inline-flex items-center rounded h-6 cursor-default', {
-    'opacity-50': disabled,
-    'hover:bg-opacity-75': !disabled,
-    'cursor-pointer': !!otherProps.onClick,
-    'pointer-events-none': disabled || readOnly
-  }, color ? colors[color] : colors.grey, props.className);
-  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, otherProps, {
-    className: className,
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: "truncate px-2",
-    ref: textRef
-  }, icon ? typeof icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
-    name: icon,
-    className: "mr-1 -ml-1 -mt-0.5 !h-5 !w-5"
-  }) : /*#__PURE__*/React__default.cloneElement(icon, {
-    className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5'
-  }) : null, children), onDelete ? /*#__PURE__*/React__default.createElement(Icon, {
-    name: "close",
-    onClick: onDelete,
-    className: "-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5"
-  }) : null);
-});
-
-export { Tag };
-//# sourceMappingURL=Tag.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Color, colors } from '../../utils/colors';\nimport { Icon, IconName, IconProps } from '../Icon/Icon';\n\nexport type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string;\n    color?: Color;\n    disabled?: boolean;\n    icon?: React.ReactElement<IconProps> | IconName;\n    readOnly?: boolean;\n    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;\n};\n\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>((props, ref) => {\n    const { children, color, disabled, icon, readOnly, onDelete, ...otherProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n\n    const className = cn(\n        'inline-flex items-center rounded h-6 cursor-default',\n        {\n            'opacity-50': disabled,\n            'hover:bg-opacity-75': !disabled,\n            'cursor-pointer': !!otherProps.onClick,\n            'pointer-events-none': disabled || readOnly,\n        },\n        color ? colors[color] : colors.grey,\n        props.className\n    );\n\n    return (\n        <span {...otherProps} className={className} ref={ref}>\n            <span className=\"truncate px-2\" ref={textRef}>\n                {icon ? (\n                    typeof icon === 'string' ? (\n                        <Icon name={icon} className=\"mr-1 -ml-1 -mt-0.5 !h-5 !w-5\" />\n                    ) : (\n                        React.cloneElement(icon, { className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5' })\n                    )\n                ) : null}\n                {children}\n            </span>\n            {onDelete ? (\n                <Icon\n                    name=\"close\"\n                    onClick={onDelete}\n                    className=\"-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                />\n            ) : null}\n        </span>\n    );\n});\n"],"names":["Tag","React","forwardRef","props","ref","children","color","disabled","icon","readOnly","onDelete","otherProps","textRef","useRef","className","cn","onClick","colors","grey","Icon","name","cloneElement"],"mappings":";;;;;MAcaA,GAAG,gBAAGC,cAAK,CAACC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG;EACtE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGR,KAAK;EACpF,MAAMS,OAAO,GAAGX,cAAK,CAACY,MAAM,CAAiB,IAAI,CAAC;EAElD,MAAMC,SAAS,GAAGC,EAAE,CAChB,qDAAqD,EACrD;IACI,YAAY,EAAER,QAAQ;IACtB,qBAAqB,EAAE,CAACA,QAAQ;IAChC,gBAAgB,EAAE,CAAC,CAACI,UAAU,CAACK,OAAO;IACtC,qBAAqB,EAAET,QAAQ,IAAIE;GACtC,EACDH,KAAK,GAAGW,MAAM,CAACX,KAAK,CAAC,GAAGW,MAAM,CAACC,IAAI,EACnCf,KAAK,CAACW,SAAS,CAClB;EAED,oBACIb,uDAAUU,UAAU;IAAEG,SAAS,EAAEA,SAAS;IAAEV,GAAG,EAAEA;mBAC7CH;IAAMa,SAAS,EAAC,eAAe;IAACV,GAAG,EAAEQ;KAChCJ,IAAI,GACD,OAAOA,IAAI,KAAK,QAAQ,gBACpBP,6BAACkB,IAAI;IAACC,IAAI,EAAEZ,IAAI;IAAEM,SAAS,EAAC;IAAiC,gBAE7Db,cAAK,CAACoB,YAAY,CAACb,IAAI,EAAE;IAAEM,SAAS,EAAE;GAAgC,CACzE,GACD,IAAI,EACPT,QAAQ,CACN,EACNK,QAAQ,gBACLT,6BAACkB,IAAI;IACDC,IAAI,EAAC,OAAO;IACZJ,OAAO,EAAEN,QAAQ;IACjBI,SAAS,EAAC;IACZ,GACF,IAAI,CACL;AAEf,CAAC;;;;"}

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

@@ -1,37 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { getInputClasses } from '../Input/util.js';
-
-const Textarea = /*#__PURE__*/forwardRef(function Textarea(props, ref) {
-  const {
-    defaultValue: _,
-    highlighted,
-    invalid,
-    onKeyDown,
-    ...otherProps
-  } = props;
-  const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);
-  // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll
-  // if it has scroll height then the browser reverts to native scrolling behaviour only
-  // so we manually override it to ensure _our_ desired behaviour remains intact
-  const handleKeyDown = event => {
-    if (event.key === 'Home' || event.key === 'End') {
-      event.preventDefault();
-      const position = event.key === 'End' ? event.currentTarget.value.length : 0;
-      event.currentTarget.setSelectionRange(position, position);
-      event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;
-    }
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-  return /*#__PURE__*/createElement("textarea", Object.assign({}, otherProps, {
-    className: classNames,
-    "data-taco": "textarea",
-    onKeyDown: handleKeyDown,
-    ref: ref
-  }));
-});
-
-export { Textarea };
-//# sourceMappingURL=Textarea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { getInputClasses } from '../Input/util';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _, highlighted, invalid, onKeyDown, ...otherProps } = props;\n    const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea","React","props","ref","defaultValue","_","highlighted","invalid","onKeyDown","otherProps","classNames","cn","getInputClasses","className","handleKeyDown","event","key","preventDefault","position","currentTarget","value","length","setSelectionRange","scrollTop","scrollHeight"],"mappings":";;;;MAaaA,QAAQ,gBAAGC,UAAgB,CAAC,SAASD,QAAQ,CAACE,KAAoB,EAAEC,GAAmC;EAChH,MAAM;IAAEC,YAAY,EAAEC,CAAC;IAAEC,WAAW;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACjF,MAAMQ,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACV,KAAK,CAAC,EAAE,wCAAwC,EAAEA,KAAK,CAACW,SAAS,CAAC;;;;EAKxG,MAAMC,aAAa,GAAIC,KAA+C;IAClE,IAAIA,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MAC7CD,KAAK,CAACE,cAAc,EAAE;MACtB,MAAMC,QAAQ,GAAGH,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACI,aAAa,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC;MAC3EN,KAAK,CAACI,aAAa,CAACG,iBAAiB,CAACJ,QAAQ,EAAEA,QAAQ,CAAC;MACzDH,KAAK,CAACI,aAAa,CAACI,SAAS,GAAGR,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACI,aAAa,CAACK,YAAY,GAAG,CAAC;;IAG9F,IAAIhB,SAAS,EAAE;MACXA,SAAS,CAACO,KAAK,CAAC;;GAEvB;EAED,oBAAOd,4CAAcQ,UAAU;IAAEI,SAAS,EAAEH,UAAU;iBAAY,UAAU;IAACF,SAAS,EAAEM,aAAa;IAAEX,GAAG,EAAEA;KAAO;AACvH,CAAC;;;;"}

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

@@ -1,79 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { IconButton } from '../IconButton/IconButton.js';
-import { useLocalization } from '../Provider/Localization.js';
-import { useAnimation, motion } from 'framer-motion';
-import useTimer from '../../utils/hooks/useTimer.js';
-import { getBadgeIcon } from './util.js';
-
-const Toast = ({
-  content,
-  lastUpdated,
-  onClose: handleClose,
-  options,
-  ...props
-}) => {
-  const {
-    texts
-  } = useLocalization();
-  const {
-    autoClose,
-    type = 'default'
-  } = options;
-  const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {
-    'border border-grey': type === 'default' || type === 'loading' || !type,
-    'border border-grey-darker': type === 'success',
-    'border border-blue': type === 'information',
-    'border border-yellow-dark': type === 'warning',
-    'border border-red': type === 'error'
-  });
-  const timer = useTimer(autoClose, handleClose);
-  const controls = useAnimation();
-  if (!content) {
-    console.warn(`Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${content === '' ? 'empty string' : content}.`);
-  }
-  React__default.useEffect(() => {
-    if (autoClose) {
-      timer.start();
-    }
-  }, [autoClose]);
-  const triggerUpdateAnimation = function () {
-    try {
-      return Promise.resolve(controls.start({
-        scale: 1.05
-      })).then(function () {
-        return Promise.resolve(controls.start({
-          scale: 1
-        })).then(function () {});
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  React__default.useEffect(() => {
-    if (lastUpdated) {
-      triggerUpdateAnimation();
-      if (timer.running) {
-        timer.start();
-      }
-    }
-  }, [lastUpdated]);
-  return /*#__PURE__*/React__default.createElement(motion.div, Object.assign({}, props, {
-    animate: controls,
-    className: className,
-    "data-taco": "toast",
-    onMouseEnter: timer.pause,
-    onMouseLeave: timer.resume
-  }), getBadgeIcon(type), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex-grow"
-  }, content), /*#__PURE__*/React__default.createElement(IconButton, {
-    appearance: "discrete",
-    className: "text-grey-darkest -mr-2 cursor-pointer self-start !px-0",
-    icon: "close",
-    "aria-label": texts.toasts.dismiss,
-    onClick: handleClose
-  }));
-};
-
-export { Toast };
-//# sourceMappingURL=Toast.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {\n        'border border-grey': type === 'default' || type === 'loading' || !type,\n        'border border-grey-darker': type === 'success',\n        'border border-blue': type === 'information',\n        'border border-yellow-dark': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(\n            `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n                content === '' ? 'empty string' : content\n            }.`\n        );\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-darkest -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","React","useEffect","start","triggerUpdateAnimation","scale","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAG,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAE;IAChG,oBAAoB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IACvE,2BAA2B,EAAEA,IAAI,KAAK,SAAS;IAC/C,oBAAoB,EAAEA,IAAI,KAAK,aAAa;IAC5C,2BAA2B,EAAEA,IAAI,KAAK,SAAS;IAC/C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,uHAEJjB,OAAO,KAAK,EAAE,GAAG,cAAc,GAAGA,UACnC,CACN;;EAGLkB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIX,SAAS,EAAE;MACXI,KAAK,CAACQ,KAAK,EAAE;;GAEpB,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,MAAMa,sBAAsB;IAAA;6BAClBP,QAAQ,CAACM,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC;QAAA,uBAC/BR,QAAQ,CAACM,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC;;KACrC;MAAA;;;EAEDJ,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIlB,WAAW,EAAE;MACboB,sBAAsB,EAAE;MAExB,IAAIT,KAAK,CAACW,OAAO,EAAE;QACfX,KAAK,CAACQ,KAAK,EAAE;;;GAGxB,EAAE,CAACnB,WAAW,CAAC,CAAC;EAEjB,oBACIiB,6BAACM,MAAM,CAACC,GAAG,oBACHpB,KAAK;IACTqB,OAAO,EAAEZ,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBiB,YAAY,EAAEf,KAAK,CAACgB,KAAK;IACzBC,YAAY,EAAEjB,KAAK,CAACkB;MACnBC,YAAY,CAACtB,IAAI,CAAC,eACnBS;IAAKR,SAAS,EAAC;KAAaV,OAAO,CAAO,eAC1CkB,6BAACc,UAAU;IACPC,UAAU,EAAC,UAAU;IACrBvB,SAAS,EAAC,yDAAyD;IACnEwB,IAAI,EAAC,OAAO;kBACA5B,KAAK,CAAC6B,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAElC;IACX,CACO;AAErB;;;;"}

package/dist/esm/packages/taco/src/components/Toast/Toaster.js

@@ -1,151 +0,0 @@
-import { useState, useCallback, useEffect, createElement, useContext, createContext } from 'react';
-import { v4 } from 'uuid';
-import { AnimatePresence, motion } from 'framer-motion';
-import { Toast } from './Toast.js';
-
-const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-const ToastContext = /*#__PURE__*/createContext({});
-const insertToastWithoutDuplicates = (currentToasts, id, content, options, close) => {
-  const nextToasts = [...currentToasts];
-  const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));
-  if (existingToastIndex > -1) {
-    nextToasts[existingToastIndex].lastDuplicateId = id;
-    nextToasts[existingToastIndex].lastUpdated = Date.now();
-  } else {
-    nextToasts.push({
-      id,
-      content: typeof content === 'function' ? content(close) : content,
-      options
-    });
-  }
-  return nextToasts;
-};
-const ToastProvider = ({
-  children,
-  ...props
-}) => {
-  const [toasts, setToasts] = useState([]);
-  const handleClose = id => {
-    setToasts(currentToasts => currentToasts.filter(toast => 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
-  const toaster = useCallback((content, options) => {
-    const id = v4();
-    const close = () => handleClose(id);
-    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
-    const update = (content, options) => {
-      setToasts(currentToasts => {
-        const nextToasts = currentToasts.filter(toast => {
-          if (toast.lastDuplicateId) {
-            return toast.lastDuplicateId !== id;
-          }
-          return toast.id !== id;
-        });
-        return insertToastWithoutDuplicates(nextToasts, v4(), content, options, close);
-      });
-    };
-    const success = (content, options) => {
-      update(content, {
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-        ...options,
-        type: 'success'
-      });
-    };
-    const error = (content, options) => {
-      update(content, {
-        ...options,
-        type: 'error'
-      });
-    };
-    const warning = (content, options) => {
-      update(content, {
-        ...options,
-        type: 'warning'
-      });
-    };
-    const information = (content, options) => {
-      update(content, {
-        ...options,
-        type: 'information'
-      });
-    };
-    const loading = (content, options) => {
-      update(content, {
-        ...options,
-        type: 'loading'
-      });
-    };
-    return {
-      success,
-      error,
-      warning,
-      information,
-      loading,
-      close
-    };
-  }, []);
-  // no need to rebind these every render, do them once in an effect
-  useEffect(() => {
-    toaster.success = (content, options) => toaster(content, {
-      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-      ...options,
-      type: 'success'
-    });
-    toaster.error = (content, options) => toaster(content, {
-      ...options,
-      type: 'error'
-    });
-    toaster.warning = (content, options) => toaster(content, {
-      ...options,
-      type: 'warning'
-    });
-    toaster.information = (content, options) => toaster(content, {
-      ...options,
-      type: 'information'
-    });
-    toaster.loading = (content, options) => toaster(content, {
-      ...options,
-      type: 'loading'
-    });
-  }, []);
-  return /*#__PURE__*/createElement(ToastContext.Provider, Object.assign({}, props, {
-    value: toaster
-  }), children, /*#__PURE__*/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"
-  }, /*#__PURE__*/createElement(AnimatePresence, {
-    initial: false
-  }, toasts.map(toast => /*#__PURE__*/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
-      }
-    }
-  }, /*#__PURE__*/createElement(Toast, Object.assign({}, toast, {
-    onClose: () => handleClose(toast.id)
-  })))))));
-};
-const useToast = () => useContext(ToastContext);
-
-export { ToastProvider, useToast };
-//# sourceMappingURL=Toaster.js.map

package/dist/esm/packages/taco/src/components/Toast/Toaster.js.map

@@ -1 +0,0 @@
-{"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, ToastContent } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), 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: ToastContent,\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: ToastContent, 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: ToastContent, 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: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: ToastContent, 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: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: ToastContent, 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                <AnimatePresence initial={false}>\n                    {toasts.map((toast: InternalToast) => (\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                            <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/packages/taco/src/components/Toast/util.js

@@ -1,40 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
-import { Spinner } from '../Spinner/Spinner.js';
-
-const getBadgeIcon = type => {
-  const css = 'rounded-full flex-shrink-0 mr-2 mt-1 self-start';
-  switch (type) {
-    case 'success':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "tick",
-        className: cn(css, 'yt-green-solid ')
-      });
-    case 'warning':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "warning",
-        className: cn(css, 'yt-yellow-solid')
-      });
-    case 'error':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "warning",
-        className: cn(css, 'yt-red-solid')
-      });
-    case 'information':
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "info",
-        className: cn(css, 'yt-blue-solid')
-      });
-    case 'loading':
-      return /*#__PURE__*/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/packages/taco/src/components/Toast/util.js.map

@@ -1 +0,0 @@
-{"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 mt-1 self-start';\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":";;;;;MAMaA,YAAY,GAAIC,IAAe;EACxC,MAAMC,GAAG,GAAG,iDAAiD;EAE7D,QAAQD,IAAI;IACR,KAAK,SAAS;MACV,oBAAOE,6BAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,SAAS,EAAEC,EAAE,CAACL,GAAG,EAAE,iBAAiB;QAAK;IAEtE,KAAK,SAAS;MACV,oBAAOC,6BAACC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACC,SAAS,EAAEC,EAAE,CAACL,GAAG,EAAE,iBAAiB;QAAK;IAEzE,KAAK,OAAO;MACR,oBAAOC,6BAACC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACC,SAAS,EAAEC,EAAE,CAACL,GAAG,EAAE,cAAc;QAAK;IAEtE,KAAK,aAAa;MACd,oBAAOC,6BAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,SAAS,EAAEC,EAAE,CAACL,GAAG,EAAE,eAAe;QAAK;IAEpE,KAAK,SAAS;MACV,oBAAOC,6BAACK,OAAO;QAACC,KAAK,EAAE,CAAC;QAAEH,SAAS,EAAEC,EAAE,CAACL,GAAG,EAAE,SAAS;QAAK;IAE/D;MACI,OAAO,IAAI;;AAEvB;;;;"}

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

@@ -1,35 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { Root, Trigger, Portal, Content, Arrow } from '@radix-ui/react-tooltip';
-
-const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
-  const {
-    title,
-    children,
-    placement,
-    ...otherProps
-  } = props;
-  const className = cn(otherProps.className);
-  return /*#__PURE__*/createElement(Root, {
-    delayDuration: 50
-  }, /*#__PURE__*/createElement(Trigger, {
-    asChild: true,
-    ref: ref
-  }, children), /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content, Object.assign({}, otherProps, {
-    asChild: true,
-    className: className,
-    side: placement,
-    sideOffset: 3
-  }), /*#__PURE__*/createElement("div", {
-    className: "wcag-purple xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] 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)'
-    }
-  }, /*#__PURE__*/createElement(Arrow, {
-    className: "fill-purple stroke-purple -mt-px"
-  }), title))));
-});
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +0,0 @@
-{"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';\nimport cn from 'classnames';\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    const className = cn(otherProps.className);\n\n    return (\n        <TooltipPrimitive.Root delayDuration={50}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Content {...otherProps} asChild className={className} side={placement} sideOffset={3}>\n                    <div\n                        className=\"wcag-purple xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] 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                        <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple -mt-px\" />\n                        {title}\n                    </div>\n                </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","className","cn","TooltipPrimitive","delayDuration","asChild","side","sideOffset","style","transformOrigin"],"mappings":";;;;MAgBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAO,CAACE,KAAmB,EAAEC,GAA2B;EACrG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAC3D,MAAMM,SAAS,GAAGC,EAAE,CAACF,UAAU,CAACC,SAAS,CAAC;EAE1C,oBACIP,cAACS,IAAqB;IAACC,aAAa,EAAE;kBAClCV,cAACS,OAAwB;IAACE,OAAO;IAACT,GAAG,EAAEA;KAClCE,QAAQ,CACc,eAC3BJ,cAACS,MAAuB,qBACpBT,cAACS,OAAwB,oBAAKH,UAAU;IAAEK,OAAO;IAACJ,SAAS,EAAEA,SAAS;IAAEK,IAAI,EAAEP,SAAS;IAAEQ,UAAU,EAAE;mBACjGb;IACIO,SAAS,EAAC,8IAA8I;iBAC9I,SAAS;IACnBO,KAAK,EAAE;MACHC,eAAe,EAAE;;kBAErBf,cAACS,KAAsB;IAACF,SAAS,EAAC;IAAqC,EACtEJ,KAAK,CACJ,CACiB,CACL,CACN;AAEhC,CAAC;;;;"}

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

@@ -1,136 +0,0 @@
-import { useMemo, Children, useCallback, createElement, useRef, useEffect } from 'react';
-import { IconButton } from '../IconButton/IconButton.js';
-import { useLocalization } from '../Provider/Localization.js';
-import { Button } from '../Button/Button.js';
-import { Group } from '../Group/Group.js';
-import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
-
-const Tooltip = ({
-  continuous,
-  index,
-  isLastStep,
-  step,
-  backProps,
-  primaryProps,
-  skipProps,
-  tooltipProps,
-  size,
-  locale,
-  disableTourSkipOnEsc
-}) => {
-  const skipButtonRef = useRef(null);
-  useEffect(() => {
-    const onWindowKeyDown = event => {
-      if (!disableTourSkipOnEsc) {
-        if (event.key === 'Escape' && skipButtonRef.current !== null) {
-          event.preventDefault();
-          skipButtonRef.current.click();
-          return;
-        }
-      }
-    };
-    window.addEventListener('keydown', onWindowKeyDown);
-    return () => {
-      window.removeEventListener('keydown', onWindowKeyDown);
-    };
-  }, []);
-  return /*#__PURE__*/createElement("div", Object.assign({}, tooltipProps, {
-    className: "yt-tour__step w-88 relative rounded bg-white p-4"
-  }), /*#__PURE__*/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 && /*#__PURE__*/createElement("h5", null, step.title), step.content, /*#__PURE__*/createElement(Group, {
-    className: "mt-4 justify-end"
-  }, index > 0 && /*#__PURE__*/createElement(Button, Object.assign({}, backProps, {
-    appearance: "discrete"
-  }), locale.back), /*#__PURE__*/createElement(Button, Object.assign({}, primaryProps, {
-    appearance: "primary"
-  }), continuous ? isLastStep ? `${locale.last} (${index + 1}/${size})` : `${locale.next} (${index + 1}/${size})` : locale.close)));
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const TourStep = _props => null;
-const Tour = props => {
-  const {
-    texts: {
-      tour
-    }
-  } = useLocalization();
-  const {
-    autoStart: run,
-    onComplete,
-    onClose,
-    onReady,
-    spotlightClicks,
-    disableCloseOnEsc: disableTourSkipOnEsc,
-    disableScrollParentFix = false,
-    scrollOffset,
-    ...rest
-  } = props;
-  const steps = useMemo(() => {
-    return Children.map(props.children, child => {
-      const step = {
-        disableBeacon: !child.props.showBeacon,
-        target: child.props.selector,
-        placement: child.props.position,
-        title: child.props.title,
-        content: child.props.children
-      };
-      return step;
-    });
-  }, [props.children]);
-  const getStep = useCallback(selector => {
-    var _props$children$find;
-    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) {
-    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 /*#__PURE__*/createElement(Joyride, Object.assign({}, rest, {
-    run: run,
-    steps: steps,
-    showProgress: true,
-    floaterProps: {
-      disableAnimation: true
-    },
-    tooltipComponent: tooltipProps => /*#__PURE__*/createElement(Tooltip, Object.assign({}, tooltipProps, {
-      locale: tour,
-      disableTourSkipOnEsc: disableTourSkipOnEsc
-    })),
-    locale: tour,
-    spotlightPadding: 8,
-    spotlightClicks: spotlightClicks,
-    disableScrollParentFix: disableScrollParentFix,
-    callback: callback,
-    scrollOffset: scrollOffset,
-    styles: {
-      /** style beacon */
-      options: {
-        // tailwind.theme.colors.blue.light
-        primaryColor: '#6ba4ff'
-      }
-    },
-    disableCloseOnEsc: true
-  }));
-};
-Tour.Step = TourStep;
-
-export { Tour, TourStep };
-//# sourceMappingURL=Tour.js.map