@economic/taco 0.0.3-alpha.0 → 0.0.7-alpha.0

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 (props, ref) {
+  return React__default.createElement("a", Object.assign({}, props, {
+    ref: ref
+  }));
+});
+var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function (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 (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((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((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((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.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;;;;"}

package/dist/esm/index.css

@@ -255,14 +255,6 @@
     @apply mb-0;
 }
 
-[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
-    @apply ml-1;
-}
-
-[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
-    @apply ml-2;
-}
-
 [data-taco='button'] > [data-taco='icon'] {
     @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
 }
@@ -429,6 +421,14 @@
     @apply mt-6;
 }
 
+[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
+    @apply ml-1;
+}
+
+[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
+    @apply ml-2;
+}
+
 /* label inside label is invalid html, but the client is littered with it */
 [data-taco='label'] [data-taco='label'] {
     min-height: 0;
@@ -501,14 +501,6 @@
     }
 }
 
-.yt-table {
-    @apply flex flex-col;
-}
-
-.yt-table:focus {
-    @apply yt-focus rounded-sm;
-}
-
 /* rows */
 .yt-table__row {
     @apply border-grey-light flex border-b;
@@ -516,24 +508,11 @@
 }
 
 /* cells */
-.yt-table__cell {
-    @apply flex-1 truncate p-2 text-center align-middle;
-}
-
 .yt-table__cell > [data-taco='button'],
 .yt-table__cell > [data-taco='icon-button'] {
     @apply -mt-1 -mb-1 flex;
 }
 
-.yt-table__cell.yt-table__cell--draggable {
-    @apply flex-col px-0;
-}
-
-.yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
-    @apply text-grey-darkest invisible cursor-grab;
-    width: 20px;
-}
-
 .yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
     @apply text-white;
 }
@@ -564,30 +543,14 @@
     @apply border-grey-light border-l;
 }
 
-.yt-table__head .yt-table__cell {
-    @apply text-grey-darkest flex justify-center;
-}
-
-.yt-table__head .yt-table__cell > span {
-    @apply truncate;
-}
-
 .yt-table__head .yt-table__cell > [data-taco='icon'] {
     @apply flex-shrink-0;
 }
 
-.yt-table__head .yt-table__cell:hover {
-    @apply text-black;
-}
-
 .yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {
     @apply border-grey-light border-l-2;
 }
 
-.yt-table__head .yt-table__cell:not(.yt-table__cell--disable-sort) {
-    @apply cursor-pointer;
-}
-
 .yt-table.yt-table--windowed.table-with-scrollbar .yt-table__head {
     padding-right: 14px;
 }
@@ -598,11 +561,6 @@
     @apply border-t-0;
 }
 
-.yt-table__body .yt-table__row:hover,
-.yt-table__body .yt-table__row.yt-table__row--active:hover {
-    @apply bg-grey-light;
-}
-
 .yt-table__body .yt-table__row.yt-table__row--clickable:hover,
 .yt-table__body .yt-table__row.yt-table__row--clickable.yt-table__row--active:hover {
     @apply cursor-pointer;

package/dist/esm/index.js

@@ -0,0 +1,48 @@
+export { icons } from './components/Icon/components/index.js';
+export { Icon } from './components/Icon/Icon.js';
+export { Accordion } from './components/Accordion/Accordion.js';
+export { Backdrop } from './components/Backdrop/Backdrop.js';
+export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
+export { Badge } from './components/Badge/Badge.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { Spinner } from './components/Spinner/Spinner.js';
+export { ToastProvider, useToast } from './components/Toast/Toaster.js';
+export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
+export { Hanger } from './components/Hanger/Hanger.js';
+export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
+export { Menu } from './components/Menu/Menu.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export { Popover } from './components/Popover/Popover.js';
+export { IconButton } from './components/IconButton/IconButton.js';
+export { Banner } from './components/Banner/Banner.js';
+export { Button } from './components/Button/Button.js';
+export { Calendar } from './components/Calendar/Calendar.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Input } from './components/Input/Input.js';
+export { getNextIndexFromKeycode, useListKeyboardNavigation } from './utils/hooks/useListKeyboardNavigation.js';
+export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
+export { Combobox } from './components/Combobox/Combobox.js';
+export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
+export { Datepicker } from './components/Datepicker/Datepicker.js';
+export { Form } from './components/Form/Form.js';
+export { Group } from './components/Group/Group.js';
+export { SearchInput } from './components/SearchInput/SearchInput.js';
+export { Label } from './components/Label/Label.js';
+export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
+export { Treeview } from './components/Treeview/Treeview.js';
+export { Navigation } from './components/Navigation/Navigation.js';
+export { Select } from './components/Select/Select.js';
+export { usePagination } from './components/Pagination/usePagination.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export { Progress } from './components/Progress/Progress.js';
+export { Table } from './components/Table/components/Table.js';
+export { PaginatedTable } from './components/Table/components/PaginatedTable.js';
+export { WindowedTable } from './components/Table/components/WindowedTable.js';
+export { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath, setByRowIndexPath } from './components/Table/util/rowIndexPath.js';
+export { insertChildTableRow, removeChildTableRow, useTableRowCreation } from './components/Table/hooks/useRowCreation.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Tour, TourStep } from './components/Tour/Tour.js';
+export { useOnClickOutside } from './utils/hooks/useOnClickOutside.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/primitives/Button.js

@@ -0,0 +1,25 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { forwardRef, createElement, Children } from 'react';
+
+var _excluded = ["disabled", "target", "type"];
+var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  var disabled = props.disabled,
+      target = props.target,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'button' : _props$type,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var Tag = props.href ? 'a' : 'button';
+  return createElement(Tag, Object.assign({}, otherProps, {
+    "aria-disabled": disabled ? 'true' : undefined,
+    disabled: disabled,
+    target: Tag === 'a' ? target : undefined,
+    type: Tag !== 'a' ? type : undefined,
+    ref: ref
+  }), Children.count(props.children) > 1 ? Children.map(props.children, function (child) {
+    return typeof child === 'string' ? createElement("span", null, child) : child;
+  }) : props.children);
+});
+
+export { Button };
+//# sourceMappingURL=Button.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sources":["../../../../src/utils/hooks/useDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { useMove } from '@react-aria/interactions';\n\nexport const useDraggable = (ref: React.MutableRefObject<HTMLDivElement | null>): any => {\n    const [position, setPosition] = React.useState({\n        x: 0,\n        y: 0,\n    });\n\n    const { moveProps } = useMove({\n        onMove(event) {\n            const rect = ref.current?.getBoundingClientRect();\n\n            // Prevent dragging out of bounds\n            if (\n                rect &&\n                (rect.left + event.deltaX < 0 ||\n                    rect.right + event.deltaX > window.innerWidth ||\n                    rect.top + event.deltaY < 0 ||\n                    rect.bottom + event.deltaY > window.innerHeight)\n            ) {\n                return;\n            }\n\n            setPosition(({ x, y }) => {\n                x += event.deltaX;\n                y += event.deltaY;\n                return { x, y };\n            });\n        },\n    });\n\n    return {\n        position,\n        handleProps: moveProps,\n    };\n};\n"],"names":["useDraggable","ref","React","useState","x","y","position","setPosition","useMove","onMove","event","rect","current","getBoundingClientRect","left","deltaX","right","window","innerWidth","top","deltaY","bottom","innerHeight","moveProps","handleProps"],"mappings":";;;IAGaA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD;AACxB,wBAAgCC,cAAK,CAACC,QAAN,CAAe;AAC3CC,IAAAA,CAAC,EAAE,CADwC;AAE3CC,IAAAA,CAAC,EAAE;AAFwC,GAAf,CAAhC;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAKA,iBAAsBC,OAAO,CAAC;AAC1BC,IAAAA,MAD0B,kBACnBC,KADmB;;;AAEtB,UAAMC,IAAI,mBAAGV,GAAG,CAACW,OAAP,iDAAG,aAAaC,qBAAb,EAAb;;AAEA;AACA,UACIF,IAAI,KACHA,IAAI,CAACG,IAAL,GAAYJ,KAAK,CAACK,MAAlB,GAA2B,CAA3B,IACGJ,IAAI,CAACK,KAAL,GAAaN,KAAK,CAACK,MAAnB,GAA4BE,MAAM,CAACC,UADtC,IAEGP,IAAI,CAACQ,GAAL,GAAWT,KAAK,CAACU,MAAjB,GAA0B,CAF7B,IAGGT,IAAI,CAACU,MAAL,GAAcX,KAAK,CAACU,MAApB,GAA6BH,MAAM,CAACK,WAJpC,CADR,EAME;AACE;AACH;;AAEDf,MAAAA,WAAW,CAAC;YAAGH,SAAAA;YAAGC,SAAAA;AACdD,QAAAA,CAAC,IAAIM,KAAK,CAACK,MAAX;AACAV,QAAAA,CAAC,IAAIK,KAAK,CAACU,MAAX;AACA,eAAO;AAAEhB,UAAAA,CAAC,EAADA,CAAF;AAAKC,UAAAA,CAAC,EAADA;AAAL,SAAP;AACH,OAJU,CAAX;AAKH;AApByB,GAAD,CAA7B;AAAA,MAAQkB,SAAR,YAAQA,SAAR;;AAuBA,SAAO;AACHjB,IAAAA,QAAQ,EAARA,QADG;AAEHkB,IAAAA,WAAW,EAAED;AAFV,GAAP;AAIH;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropTarget.js","sources":["../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\n\nexport type useDropTarget = [\n    boolean,\n    (\n        | undefined\n        | {\n              onDragEnter: React.DragEventHandler;\n              onDragLeave: React.DragEventHandler;\n              onDragOver: React.DragEventHandler;\n              onDrop: React.DragEventHandler;\n          }\n    )\n];\n\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\n\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n        setDraggedOver(true);\n    }, []);\n\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n\n        if (event.target === event.currentTarget) {\n            setDraggedOver(false);\n        }\n    }, []);\n\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n    }, []);\n\n    const handleDrop = React.useCallback(\n        (event: React.DragEvent<HTMLElement>) => {\n            event.preventDefault();\n            event.persist();\n\n            setDraggedOver(false);\n\n            if (onDrop) {\n                onDrop(event);\n            }\n        },\n        [onDrop]\n    );\n\n    const props = onDrop\n        ? {\n              onDragEnter: handleDragEnter,\n              onDragLeave: handleDragLeave,\n              onDragOver: handleDragOver,\n              onDrop: handleDrop,\n          }\n        : undefined;\n\n    return [isDraggedOver, props];\n};\n"],"names":["useDropTarget","onDrop","React","useState","isDraggedOver","setDraggedOver","handleDragEnter","useCallback","event","preventDefault","handleDragLeave","target","currentTarget","handleDragOver","handleDrop","persist","props","onDragEnter","onDragLeave","onDragOver","undefined"],"mappings":";;IAeaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AACzB,wBAAwCC,cAAK,CAACC,QAAN,CAAe,KAAf,CAAxC;AAAA,MAAOC,aAAP;AAAA,MAAsBC,cAAtB;;AAEA,MAAMC,eAAe,GAAGJ,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;AACtCA,IAAAA,KAAK,CAACC,cAAN;AACAJ,IAAAA,cAAc,CAAC,IAAD,CAAd;AACH,GAHuB,EAGrB,EAHqB,CAAxB;AAKA,MAAMK,eAAe,GAAGR,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;AACtCA,IAAAA,KAAK,CAACC,cAAN;;AAEA,QAAID,KAAK,CAACG,MAAN,KAAiBH,KAAK,CAACI,aAA3B,EAA0C;AACtCP,MAAAA,cAAc,CAAC,KAAD,CAAd;AACH;AACJ,GANuB,EAMrB,EANqB,CAAxB;AAQA,MAAMQ,cAAc,GAAGX,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;AACrCA,IAAAA,KAAK,CAACC,cAAN;AACH,GAFsB,EAEpB,EAFoB,CAAvB;AAIA,MAAMK,UAAU,GAAGZ,cAAK,CAACK,WAAN,CACf,UAACC,KAAD;AACIA,IAAAA,KAAK,CAACC,cAAN;AACAD,IAAAA,KAAK,CAACO,OAAN;AAEAV,IAAAA,cAAc,CAAC,KAAD,CAAd;;AAEA,QAAIJ,MAAJ,EAAY;AACRA,MAAAA,MAAM,CAACO,KAAD,CAAN;AACH;AACJ,GAVc,EAWf,CAACP,MAAD,CAXe,CAAnB;AAcA,MAAMe,KAAK,GAAGf,MAAM,GACd;AACIgB,IAAAA,WAAW,EAAEX,eADjB;AAEIY,IAAAA,WAAW,EAAER,eAFjB;AAGIS,IAAAA,UAAU,EAAEN,cAHhB;AAIIZ,IAAAA,MAAM,EAAEa;AAJZ,GADc,GAOdM,SAPN;AASA,SAAO,CAAChB,aAAD,EAAgBY,KAAhB,CAAP;AACH;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProxiedRef.js","sources":["../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\n    const internalRef = React.useRef<T>(null);\n\n    React.useEffect(() => {\n        if (ref) {\n            if (typeof ref === 'function') {\n                ref(internalRef.current);\n            } else {\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\n            }\n        }\n    }, [ref]);\n\n    return internalRef;\n};\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;IAEaA,aAAa,GAAG,SAAhBA,aAAgB,CAAwBC,GAAxB;AACzB,MAAMC,WAAW,GAAGC,MAAA,CAAgB,IAAhB,CAApB;AAEAA,EAAAA,SAAA,CAAgB;AACZ,QAAIF,GAAJ,EAAS;AACL,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACC,WAAW,CAACE,OAAb,CAAH;AACH,OAFD,MAEO;AACFH,QAAAA,GAAkD,CAACG,OAAnD,GAA6DF,WAAW,CAACE,OAAzE;AACJ;AACJ;AACJ,GARD,EAQG,CAACH,GAAD,CARH;AAUA,SAAOC,WAAP;AACH;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","sources":["../../../../src/utils/hooks/useTimer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface Timer {\n    running: boolean;\n    start: () => void;\n    pause: () => void;\n    resume: () => void;\n}\n\ntype Tracker = {\n    remaining: number;\n    started: number | null;\n};\n\nexport default function useTimer(duration = 0, callback: () => void): Timer {\n    const timer = React.useRef<number>();\n    const [tracker, setTracker] = React.useState<Tracker>({\n        remaining: duration,\n        started: null,\n    });\n\n    React.useEffect(() => {\n        if (duration) {\n            if (tracker.started) {\n                timer.current = window.setTimeout(callback, tracker.remaining);\n            } else {\n                clearTimeout(timer.current);\n            }\n        }\n\n        return () => {\n            clearTimeout(timer.current);\n        };\n    }, [tracker.started]);\n\n    return {\n        running: !!tracker.started,\n        start: () => {\n            setTracker({\n                remaining: duration,\n                started: Date.now(),\n            });\n        },\n        pause: () => {\n            if (tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\n                    started: null,\n                });\n            }\n        },\n        resume: () => {\n            if (tracker.remaining && !tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining,\n                    started: Date.now(),\n                });\n            }\n        },\n    };\n}\n"],"names":["useTimer","duration","callback","timer","React","remaining","started","tracker","setTracker","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,SAASC,UAAcC;MAAdD;AAAAA,IAAAA,WAAW;;;AACxC,MAAME,KAAK,GAAGC,MAAA,EAAd;;AACA,wBAA8BA,QAAA,CAAwB;AAClDC,IAAAA,SAAS,EAAEJ,QADuC;AAElDK,IAAAA,OAAO,EAAE;AAFyC,GAAxB,CAA9B;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAKAJ,EAAAA,SAAA,CAAgB;AACZ,QAAIH,QAAJ,EAAc;AACV,UAAIM,OAAO,CAACD,OAAZ,EAAqB;AACjBH,QAAAA,KAAK,CAACM,OAAN,GAAgBC,MAAM,CAACC,UAAP,CAAkBT,QAAlB,EAA4BK,OAAO,CAACF,SAApC,CAAhB;AACH,OAFD,MAEO;AACHO,QAAAA,YAAY,CAACT,KAAK,CAACM,OAAP,CAAZ;AACH;AACJ;;AAED,WAAO;AACHG,MAAAA,YAAY,CAACT,KAAK,CAACM,OAAP,CAAZ;AACH,KAFD;AAGH,GAZD,EAYG,CAACF,OAAO,CAACD,OAAT,CAZH;AAcA,SAAO;AACHO,IAAAA,OAAO,EAAE,CAAC,CAACN,OAAO,CAACD,OADhB;AAEHQ,IAAAA,KAAK,EAAE;AACHN,MAAAA,UAAU,CAAC;AACPH,QAAAA,SAAS,EAAEJ,QADJ;AAEPK,QAAAA,OAAO,EAAES,IAAI,CAACC,GAAL;AAFF,OAAD,CAAV;AAIH,KAPE;AAQHC,IAAAA,KAAK,EAAE;AACH,UAAIV,OAAO,CAACD,OAAZ,EAAqB;AACjBE,QAAAA,UAAU,CAAC;AACPH,UAAAA,SAAS,EAAEE,OAAO,CAACF,SAAR,IAAqBU,IAAI,CAACC,GAAL,KAAaT,OAAO,CAACD,OAA1C,CADJ;AAEPA,UAAAA,OAAO,EAAE;AAFF,SAAD,CAAV;AAIH;AACJ,KAfE;AAgBHY,IAAAA,MAAM,EAAE;AACJ,UAAIX,OAAO,CAACF,SAAR,IAAqB,CAACE,OAAO,CAACD,OAAlC,EAA2C;AACvCE,QAAAA,UAAU,CAAC;AACPH,UAAAA,SAAS,EAAEE,OAAO,CAACF,SADZ;AAEPC,UAAAA,OAAO,EAAES,IAAI,CAACC,GAAL;AAFF,SAAD,CAAV;AAIH;AACJ;AAvBE,GAAP;AAyBH;;;;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"taillwind.js","sources":["../../../src/utils/taillwind.ts"],"sourcesContent":["import { State, Appearance } from '../types';\n\nexport const getAppearanceClasses = (value: Appearance | undefined): string => {\n    switch (value) {\n        case 'primary':\n            return 'yt-blue-solid';\n\n        case 'danger':\n            return 'yt-red-solid';\n\n        case 'ghost':\n            return 'yt-blue-inverted';\n\n        case 'discrete':\n            return 'yt-transparent';\n\n        default:\n            return 'yt-grey-solid';\n    }\n};\n\nexport const getStateClasses = (value: State | undefined): string => {\n    switch (value) {\n        case 'information':\n            return 'yt-blue-solid';\n\n        case 'warning':\n            return 'yt-yellow-solid';\n\n        case 'error':\n            return 'yt-red-solid';\n\n        case 'success':\n            return 'yt-green-solid';\n\n        default:\n            return 'yt-grey-solid';\n    }\n};\n\nexport const getOutlineClasses = (state: Appearance | State | undefined): string => {\n    switch (state) {\n        case 'information':\n        case 'primary':\n            return 'yt-blue-inverted';\n\n        case 'warning':\n            return 'yt-yellow-inverted';\n\n        case 'error':\n        case 'danger':\n            return 'yt-red-inverted';\n\n        case 'success':\n            return 'yt-green-inverted';\n\n        default:\n            return 'yt-grey-inverted';\n    }\n};\n"],"names":["getStateClasses","value","getOutlineClasses","state"],"mappings":"IAqBaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAC3B,UAAQA,KAAR;AACI,SAAK,aAAL;AACI,aAAO,eAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,cAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,gBAAP;;AAEJ;AACI,aAAO,eAAP;AAdR;AAgBH;IAEYC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAC7B,UAAQA,KAAR;AACI,SAAK,aAAL;AACA,SAAK,SAAL;AACI,aAAO,kBAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,oBAAP;;AAEJ,SAAK,OAAL;AACA,SAAK,QAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,mBAAP;;AAEJ;AACI,aAAO,kBAAP;AAhBR;AAkBH;;;;"}

package/dist/index.css

@@ -255,14 +255,6 @@
     @apply mb-0;
 }
 
-[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
-    @apply ml-1;
-}
-
-[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
-    @apply ml-2;
-}
-
 [data-taco='button'] > [data-taco='icon'] {
     @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
 }
@@ -429,6 +421,14 @@
     @apply mt-6;
 }
 
+[data-taco='group'] > [data-taco='badge'] + [data-taco='badge'] {
+    @apply ml-1;
+}
+
+[data-taco='group'] > *:not(:first-child):not([data-taco='hanger']) {
+    @apply ml-2;
+}
+
 /* label inside label is invalid html, but the client is littered with it */
 [data-taco='label'] [data-taco='label'] {
     min-height: 0;
@@ -501,14 +501,6 @@
     }
 }
 
-.yt-table {
-    @apply flex flex-col;
-}
-
-.yt-table:focus {
-    @apply yt-focus rounded-sm;
-}
-
 /* rows */
 .yt-table__row {
     @apply border-grey-light flex border-b;
@@ -516,24 +508,11 @@
 }
 
 /* cells */
-.yt-table__cell {
-    @apply flex-1 truncate p-2 text-center align-middle;
-}
-
 .yt-table__cell > [data-taco='button'],
 .yt-table__cell > [data-taco='icon-button'] {
     @apply -mt-1 -mb-1 flex;
 }
 
-.yt-table__cell.yt-table__cell--draggable {
-    @apply flex-col px-0;
-}
-
-.yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
-    @apply text-grey-darkest invisible cursor-grab;
-    width: 20px;
-}
-
 .yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {
     @apply text-white;
 }
@@ -564,30 +543,14 @@
     @apply border-grey-light border-l;
 }
 
-.yt-table__head .yt-table__cell {
-    @apply text-grey-darkest flex justify-center;
-}
-
-.yt-table__head .yt-table__cell > span {
-    @apply truncate;
-}
-
 .yt-table__head .yt-table__cell > [data-taco='icon'] {
     @apply flex-shrink-0;
 }
 
-.yt-table__head .yt-table__cell:hover {
-    @apply text-black;
-}
-
 .yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {
     @apply border-grey-light border-l-2;
 }
 
-.yt-table__head .yt-table__cell:not(.yt-table__cell--disable-sort) {
-    @apply cursor-pointer;
-}
-
 .yt-table.yt-table--windowed.table-with-scrollbar .yt-table__head {
     padding-right: 14px;
 }
@@ -598,11 +561,6 @@
     @apply border-t-0;
 }
 
-.yt-table__body .yt-table__row:hover,
-.yt-table__body .yt-table__row.yt-table__row--active:hover {
-    @apply bg-grey-light;
-}
-
 .yt-table__body .yt-table__row.yt-table__row--clickable:hover,
 .yt-table__body .yt-table__row.yt-table__row--clickable.yt-table__row--active:hover {
     @apply cursor-pointer;