@economic/taco 1.1.2 → 1.1.5-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { TreeviewProps, Treeview, TreeviewGroupProps, TreeviewItemProps } from '../Treeview/Treeview';\nimport { Icon } from '../Icon/Icon';\nimport { useDropTarget } from '../../utils/hooks/useDropTarget';\nimport './Navigation.css';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\n\n// Item\nexport type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {\n    /** Change the style to indicate the link is selected */\n    active?: boolean;\n    /** Handler to be used when dropping a dragged element over the navigation link */\n    onDrop?: React.DragEventHandler;\n    /**\n     * Small amount of information placed next to the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a relevant information of the link,\n     * for e.g. the number of unread notifications\n     */\n    postfix?: React.ReactNode;\n    /**\n     * Small amount of information placed before the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a feedback for user,\n     * for e.g. display some sort of visual informational state or a relevant icon.\n     */\n    prefix?: React.ReactNode;\n    /** Target of the link */\n    target?: string;\n};\n\nconst Item = React.forwardRef(function Item(props: NavigationItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { active, children, onDrop, postfix, prefix, role, ...otherProps } = props;\n    const proxyRef = useProxiedRef<HTMLAnchorElement>(ref);\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n    const isTreeitem = role === 'treeitem';\n    const className = cn(\n        'yt-navigation__item cursor-pointer',\n        {\n            'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-dark': isTreeitem,\n            'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,\n            'yt-navigation__item--active': active && !isDraggedOver,\n            'bg-grey-dark': isTreeitem && active && !isDraggedOver,\n            'yt-navigation__item--dropping bg-blue': isDraggedOver,\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>): void => {\n        if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {\n            return;\n        }\n\n        if (proxyRef.current) {\n            proxyRef.current.click();\n        }\n    };\n\n    return (\n        <span {...dropTargetProps} className={className} onClick={handleClick} role={role}>\n            {prefix && <span className=\"yt-navigation__item__prefix flex items-center\">{prefix}</span>}\n            <a {...otherProps} className=\"block flex-grow truncate\" ref={proxyRef}>\n                {children}\n            </a>\n            {postfix && <span className=\"yt-navigation__item__postfix ml-1\">{postfix}</span>}\n        </span>\n    );\n});\n\n// Panel\nexport type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Panel = React.forwardRef(function Panel(props: NavigationPanelProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} className={cn('w-full bg-white p-3', props.className)} ref={ref} />;\n});\n\n// Group\nexport type NavigationMenuGroupProps = TreeviewGroupProps;\n\nconst MenuGroup = React.forwardRef(function MenuGroup(props: NavigationMenuGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'flex-shrink-0 space-y-1 outline-none',\n        {\n            'bg-white pb-2': props.fixed,\n        },\n        props.className\n    );\n    const title = (expanded: boolean): JSX.Element => {\n        const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {\n            'mb-1': expanded,\n            'cursor-pointer hover:text-blue': !props.fixed,\n        });\n\n        return (\n            <span className={className}>\n                {typeof props.title === 'function' ? props.title(expanded) : props.title}\n                {!props.fixed && <Icon name={expanded ? 'chevron-up' : 'chevron-down'} />}\n            </span>\n        );\n    };\n\n    return <Treeview.Group {...props} className={className} title={title} ref={ref} />;\n});\n\n// Menu\nexport type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;\n\nexport type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<\n    NavigationMenuProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Expandable region reprezenting a group of related links */\n    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst Menu = React.forwardRef(function Menu(props: NavigationMenuProps, ref: React.Ref<HTMLDivElement>) {\n    const scrollableAreas = React.useMemo(() => {\n        const scrollableAreas: any[] = [];\n\n        React.Children.toArray(props.children)\n            .filter(child => !!child)\n            .map((child: React.ReactElement<NavigationMenuGroupProps>) => {\n                if (child.props.fixed) {\n                    scrollableAreas.push(child);\n                } else {\n                    const x = scrollableAreas[scrollableAreas.length - 1];\n                    if (Array.isArray(x)) {\n                        x.push(child);\n                    } else {\n                        scrollableAreas.push([child]);\n                    }\n                }\n            });\n\n        return scrollableAreas;\n    }, [props.children]);\n\n    return (\n        <Treeview\n            {...props}\n            className={cn('divide-grey-light flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className)}\n            ref={ref}\n        >\n            {scrollableAreas.map((area, i) =>\n                Array.isArray(area) ? (\n                    <div\n                        className=\"divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto\"\n                        key={i}\n                    >\n                        {area}\n                    </div>\n                ) : (\n                    area\n                )\n            )}\n        </Treeview>\n    );\n}) as ForwardedNavigationMenuWithStatics;\n\nMenu.Group = MenuGroup;\n\n// Navigation\nexport type NavigationProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<\n    NavigationProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigation link */\n    Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /**\n     * Container for the expandable groups that hold navigation links.\n     * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.\n     * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`\n     */\n    Menu: ForwardedNavigationMenuWithStatics;\n    /**\n     * Isolated container within the Navigation.\n     * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,\n     * containing useful information for user and quick actions\n     */\n    Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Navigation = React.forwardRef(function Navigation(props: NavigationProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, ...otherProps } = props;\n    const className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"navigation\" ref={ref}>\n            {children}\n        </div>\n    );\n}) as ForwardedNavigationWithStatics;\n\nNavigation.Menu = Menu;\nNavigation.Item = Item;\nNavigation.Panel = Panel;\n"],"names":["Item","React","forwardRef","props","ref","active","children","onDrop","postfix","prefix","role","otherProps","proxyRef","useProxiedRef","useDropTarget","isDraggedOver","dropTargetProps","isTreeitem","className","cn","handleClick","event","target","HTMLAnchorElement","HTMLButtonElement","current","click","onClick","Panel","MenuGroup","fixed","title","expanded","Icon","name","Treeview","Group","Menu","scrollableAreas","useMemo","Children","toArray","filter","child","map","push","x","length","Array","isArray","area","i","key","Navigation"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","sources":["../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { TreeviewProps, Treeview, TreeviewGroupProps, TreeviewItemProps } from '../Treeview/Treeview';\r\nimport { Icon } from '../Icon/Icon';\r\nimport { useDropTarget } from '../../utils/hooks/useDropTarget';\r\nimport './Navigation.css';\r\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\r\n\r\n// Item\r\nexport type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {\r\n    /** Change the style to indicate the link is selected */\r\n    active?: boolean;\r\n    /** Handler to be used when dropping a dragged element over the navigation link */\r\n    onDrop?: React.DragEventHandler;\r\n    /**\r\n     * Small amount of information placed next to the text of the link.\r\n     * This can be any valid react element, for e.g. a `span`.\r\n     * Should be used to indicate a relevant information of the link,\r\n     * for e.g. the number of unread notifications\r\n     */\r\n    postfix?: React.ReactNode;\r\n    /**\r\n     * Small amount of information placed before the text of the link.\r\n     * This can be any valid react element, for e.g. a `span`.\r\n     * Should be used to indicate a feedback for user,\r\n     * for e.g. display some sort of visual informational state or a relevant icon.\r\n     */\r\n    prefix?: React.ReactNode;\r\n    /** Target of the link */\r\n    target?: string;\r\n};\r\n\r\nconst Item = React.forwardRef(function Item(props: NavigationItemProps, ref: React.Ref<HTMLAnchorElement>) {\r\n    const { active, children, onDrop, postfix, prefix, role, ...otherProps } = props;\r\n    const proxyRef = useProxiedRef<HTMLAnchorElement>(ref);\r\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\r\n    const isTreeitem = role === 'treeitem';\r\n    const className = cn(\r\n        'yt-navigation__item cursor-pointer',\r\n        {\r\n            'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-dark': isTreeitem,\r\n            'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,\r\n            'yt-navigation__item--active': active && !isDraggedOver,\r\n            'bg-grey-dark': isTreeitem && active && !isDraggedOver,\r\n            'yt-navigation__item--dropping bg-blue': isDraggedOver,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>): void => {\r\n        if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {\r\n            return;\r\n        }\r\n\r\n        if (proxyRef.current) {\r\n            proxyRef.current.click();\r\n        }\r\n    };\r\n\r\n    return (\r\n        <span {...dropTargetProps} className={className} onClick={handleClick} role={role}>\r\n            {prefix && <span className=\"yt-navigation__item__prefix flex items-center\">{prefix}</span>}\r\n            <a {...otherProps} className=\"block flex-grow truncate\" ref={proxyRef}>\r\n                {children}\r\n            </a>\r\n            {postfix && <span className=\"yt-navigation__item__postfix ml-1\">{postfix}</span>}\r\n        </span>\r\n    );\r\n});\r\n\r\n// Panel\r\nexport type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst Panel = React.forwardRef(function Panel(props: NavigationPanelProps, ref: React.Ref<HTMLDivElement>) {\r\n    return <div {...props} className={cn('w-full bg-white p-3', props.className)} ref={ref} />;\r\n});\r\n\r\n// Group\r\nexport type NavigationMenuGroupProps = TreeviewGroupProps;\r\n\r\nconst MenuGroup = React.forwardRef(function MenuGroup(props: NavigationMenuGroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn(\r\n        'flex-shrink-0 space-y-1 outline-none',\r\n        {\r\n            'bg-white pb-2': props.fixed,\r\n        },\r\n        props.className\r\n    );\r\n    const title = (expanded: boolean): JSX.Element => {\r\n        const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {\r\n            'mb-1': expanded,\r\n            'cursor-pointer hover:text-blue': !props.fixed,\r\n        });\r\n\r\n        return (\r\n            <span className={className}>\r\n                {typeof props.title === 'function' ? props.title(expanded) : props.title}\r\n                {!props.fixed && <Icon name={expanded ? 'chevron-up' : 'chevron-down'} />}\r\n            </span>\r\n        );\r\n    };\r\n\r\n    return <Treeview.Group {...props} className={className} title={title} ref={ref} />;\r\n});\r\n\r\n// Menu\r\nexport type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;\r\n\r\nexport type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<\r\n    NavigationMenuProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n    /** Expandable region reprezenting a group of related links */\r\n    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nconst Menu = React.forwardRef(function Menu(props: NavigationMenuProps, ref: React.Ref<HTMLDivElement>) {\r\n    const scrollableAreas = React.useMemo(() => {\r\n        const scrollableAreas: any[] = [];\r\n\r\n        React.Children.toArray(props.children)\r\n            .filter(child => !!child)\r\n            .map((child: React.ReactElement<NavigationMenuGroupProps>) => {\r\n                if (child.props.fixed) {\r\n                    scrollableAreas.push(child);\r\n                } else {\r\n                    const x = scrollableAreas[scrollableAreas.length - 1];\r\n                    if (Array.isArray(x)) {\r\n                        x.push(child);\r\n                    } else {\r\n                        scrollableAreas.push([child]);\r\n                    }\r\n                }\r\n            });\r\n\r\n        return scrollableAreas;\r\n    }, [props.children]);\r\n\r\n    return (\r\n        <Treeview\r\n            {...props}\r\n            className={cn('divide-grey-light flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className)}\r\n            ref={ref}\r\n        >\r\n            {scrollableAreas.map((area, i) =>\r\n                Array.isArray(area) ? (\r\n                    <div\r\n                        className=\"divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto\"\r\n                        key={i}\r\n                    >\r\n                        {area}\r\n                    </div>\r\n                ) : (\r\n                    area\r\n                )\r\n            )}\r\n        </Treeview>\r\n    );\r\n}) as ForwardedNavigationMenuWithStatics;\r\n\r\nMenu.Group = MenuGroup;\r\n\r\n// Navigation\r\nexport type NavigationProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<\r\n    NavigationProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n    /** Navigation link */\r\n    Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;\r\n    /**\r\n     * Container for the expandable groups that hold navigation links.\r\n     * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.\r\n     * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`\r\n     */\r\n    Menu: ForwardedNavigationMenuWithStatics;\r\n    /**\r\n     * Isolated container within the Navigation.\r\n     * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,\r\n     * containing useful information for user and quick actions\r\n     */\r\n    Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Navigation = React.forwardRef(function Navigation(props: NavigationProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { children, ...otherProps } = props;\r\n    const className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"navigation\" ref={ref}>\r\n            {children}\r\n        </div>\r\n    );\r\n}) as ForwardedNavigationWithStatics;\r\n\r\nNavigation.Menu = Menu;\r\nNavigation.Item = Item;\r\nNavigation.Panel = Panel;\r\n"],"names":["Item","React","forwardRef","props","ref","active","children","onDrop","postfix","prefix","role","otherProps","proxyRef","useProxiedRef","useDropTarget","isDraggedOver","dropTargetProps","isTreeitem","className","cn","handleClick","event","target","HTMLAnchorElement","HTMLButtonElement","current","click","onClick","Panel","MenuGroup","fixed","title","expanded","Icon","name","Treeview","Group","Menu","scrollableAreas","useMemo","Children","toArray","filter","child","map","push","x","length","Array","isArray","area","i","key","Navigation"],"mappings":"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"}

package/dist/esm/components/Pagination/PageNumbers.js

@@ -2,11 +2,11 @@ import { createElement, Fragment } from 'react';
 import { Button } from '../Button/Button.js';
 import { useLocalization } from '../Provider/Provider.js';
 
-var createPageRange = function createPageRange(pageCount, pageNumber) {
-  var lowerLimit = Math.min(pageNumber, pageCount);
-  var upperLimit = Math.min(pageNumber, pageCount);
+const createPageRange = (pageCount, pageNumber) => {
+  let lowerLimit = Math.min(pageNumber, pageCount);
+  let upperLimit = Math.min(pageNumber, pageCount);
 
-  for (var b = 1; b < 5 && b < pageCount;) {
+  for (let b = 1; b < 5 && b < pageCount;) {
     if (lowerLimit > 1) {
       lowerLimit--;
       b++;
@@ -18,37 +18,32 @@ var createPageRange = function createPageRange(pageCount, pageNumber) {
     }
   }
 
-  var range = [];
+  const range = [];
 
-  for (var i = lowerLimit; i <= upperLimit; i++) {
+  for (let i = lowerLimit; i <= upperLimit; i++) {
     range.push(i);
   }
 
   return range;
 };
 
-var PageNumbers = function PageNumbers(_ref) {
-  var _ref$currentPageIndex = _ref.currentPageIndex,
-      currentPageIndex = _ref$currentPageIndex === void 0 ? 0 : _ref$currentPageIndex,
-      handleClick = _ref.onClick,
-      pageCount = _ref.pageCount;
-  var range = createPageRange(pageCount, currentPageIndex + 1);
-
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-
-  return createElement(Fragment, null, range.map(function (pageNumber) {
-    return createElement(Button, {
-      appearance: pageNumber === currentPageIndex + 1 ? 'primary' : 'default',
-      "aria-current": pageNumber === currentPageIndex + 1 ? 'page' : undefined,
-      key: pageNumber,
-      onClick: function onClick() {
-        return handleClick(pageNumber - 1);
-      },
-      "aria-label": texts.pagination.actions.pageX.replace('[X]', String(pageNumber)),
-      tooltip: texts.pagination.actions.pageX.replace('[X]', String(pageNumber))
-    }, pageNumber);
-  }));
+const PageNumbers = ({
+  currentPageIndex = 0,
+  onClick: handleClick,
+  pageCount
+}) => {
+  const range = createPageRange(pageCount, currentPageIndex + 1);
+  const {
+    texts
+  } = useLocalization();
+  return createElement(Fragment, null, range.map(pageNumber => createElement(Button, {
+    appearance: pageNumber === currentPageIndex + 1 ? 'primary' : 'default',
+    "aria-current": pageNumber === currentPageIndex + 1 ? 'page' : undefined,
+    key: pageNumber,
+    onClick: () => handleClick(pageNumber - 1),
+    "aria-label": texts.pagination.actions.pageX.replace('[X]', String(pageNumber)),
+    tooltip: texts.pagination.actions.pageX.replace('[X]', String(pageNumber))
+  }, pageNumber)));
 };
 
 export { PageNumbers };

package/dist/esm/components/Pagination/PageNumbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNumbers.js","sources":["../../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../Button/Button';\nimport { useLocalization } from '../Provider/Provider';\n\ntype PageNumberProps = {\n    currentPageIndex: number;\n    onClick: (pageIndex: number) => void;\n    pageCount: number;\n};\n\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\n    let lowerLimit = Math.min(pageNumber, pageCount);\n    let upperLimit = Math.min(pageNumber, pageCount);\n\n    for (let b = 1; b < 5 && b < pageCount; ) {\n        if (lowerLimit > 1) {\n            lowerLimit--;\n            b++;\n        }\n        if (b < 5 && upperLimit < pageCount) {\n            upperLimit++;\n            b++;\n        }\n    }\n\n    const range: number[] = [];\n\n    for (let i = lowerLimit; i <= upperLimit; i++) {\n        range.push(i);\n    }\n\n    return range;\n};\n\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <>\n            {range.map((pageNumber: number) => (\n                <Button\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\n                    key={pageNumber}\n                    onClick={() => handleClick(pageNumber - 1)}\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                >\n                    {pageNumber}\n                </Button>\n            ))}\n        </>\n    );\n};\n"],"names":["createPageRange","pageCount","pageNumber","lowerLimit","Math","min","upperLimit","b","range","i","push","PageNumbers","currentPageIndex","handleClick","onClick","useLocalization","texts","React","map","Button","appearance","undefined","key","pagination","actions","pageX","replace","String","tooltip"],"mappings":";;;;AAUA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAoBC,UAApB;EACpB,IAAIC,UAAU,GAAGC,IAAI,CAACC,GAAL,CAASH,UAAT,EAAqBD,SAArB,CAAjB;EACA,IAAIK,UAAU,GAAGF,IAAI,CAACC,GAAL,CAASH,UAAT,EAAqBD,SAArB,CAAjB;;EAEA,KAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAGN,SAA7B,GAA0C;IACtC,IAAIE,UAAU,GAAG,CAAjB,EAAoB;MAChBA,UAAU;MACVI,CAAC;;;IAEL,IAAIA,CAAC,GAAG,CAAJ,IAASD,UAAU,GAAGL,SAA1B,EAAqC;MACjCK,UAAU;MACVC,CAAC;;;;EAIT,IAAMC,KAAK,GAAa,EAAxB;;EAEA,KAAK,IAAIC,CAAC,GAAGN,UAAb,EAAyBM,CAAC,IAAIH,UAA9B,EAA0CG,CAAC,EAA3C,EAA+C;IAC3CD,KAAK,CAACE,IAAN,CAAWD,CAAX;;;EAGJ,OAAOD,KAAP;AACH,CAtBD;;IAwBaG,WAAW,GAAG,SAAdA,WAAc;mCAAGC;MAAAA,sDAAmB;MAAYC,mBAATC;MAAsBb,iBAAAA;EACtE,IAAMO,KAAK,GAAGR,eAAe,CAACC,SAAD,EAAYW,gBAAgB,GAAG,CAA/B,CAA7B;;EACA,uBAAkBG,eAAe,EAAjC;MAAQC,KAAR,oBAAQA,KAAR;;EAEA,OACIC,aAAA,SAAA,MAAA,EACKT,KAAK,CAACU,GAAN,CAAU,UAAChB,UAAD;IAAA,OACPe,aAAA,CAACE,MAAD;MACIC,UAAU,EAAElB,UAAU,KAAKU,gBAAgB,GAAG,CAAlC,GAAsC,SAAtC,GAAkD;sBAChDV,UAAU,KAAKU,gBAAgB,GAAG,CAAlC,GAAsC,MAAtC,GAA+CS;MAC7DC,GAAG,EAAEpB;MACLY,OAAO,EAAE;QAAA,OAAMD,WAAW,CAACX,UAAU,GAAG,CAAd,CAAjB;;oBACGc,KAAK,CAACO,UAAN,CAAiBC,OAAjB,CAAyBC,KAAzB,CAA+BC,OAA/B,CAAuC,KAAvC,EAA8CC,MAAM,CAACzB,UAAD,CAApD;MACZ0B,OAAO,EAAEZ,KAAK,CAACO,UAAN,CAAiBC,OAAjB,CAAyBC,KAAzB,CAA+BC,OAA/B,CAAuC,KAAvC,EAA8CC,MAAM,CAACzB,UAAD,CAApD;KANb,EAQKA,UARL,CADO;GAAV,CADL,CADJ;AAgBH;;;;"}
+{"version":3,"file":"PageNumbers.js","sources":["../../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Button } from '../Button/Button';\r\nimport { useLocalization } from '../Provider/Provider';\r\n\r\ntype PageNumberProps = {\r\n    currentPageIndex: number;\r\n    onClick: (pageIndex: number) => void;\r\n    pageCount: number;\r\n};\r\n\r\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\r\n    let lowerLimit = Math.min(pageNumber, pageCount);\r\n    let upperLimit = Math.min(pageNumber, pageCount);\r\n\r\n    for (let b = 1; b < 5 && b < pageCount; ) {\r\n        if (lowerLimit > 1) {\r\n            lowerLimit--;\r\n            b++;\r\n        }\r\n        if (b < 5 && upperLimit < pageCount) {\r\n            upperLimit++;\r\n            b++;\r\n        }\r\n    }\r\n\r\n    const range: number[] = [];\r\n\r\n    for (let i = lowerLimit; i <= upperLimit; i++) {\r\n        range.push(i);\r\n    }\r\n\r\n    return range;\r\n};\r\n\r\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): JSX.Element => {\r\n    const range = createPageRange(pageCount, currentPageIndex + 1);\r\n    const { texts } = useLocalization();\r\n\r\n    return (\r\n        <>\r\n            {range.map((pageNumber: number) => (\r\n                <Button\r\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\r\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\r\n                    key={pageNumber}\r\n                    onClick={() => handleClick(pageNumber - 1)}\r\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\r\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\r\n                >\r\n                    {pageNumber}\r\n                </Button>\r\n            ))}\r\n        </>\r\n    );\r\n};\r\n"],"names":["createPageRange","pageCount","pageNumber","lowerLimit","Math","min","upperLimit","b","range","i","push","PageNumbers","currentPageIndex","onClick","handleClick","texts","useLocalization","React","map","Button","appearance","undefined","key","pagination","actions","pageX","replace","String","tooltip"],"mappings":";;;;AAUA,MAAMA,eAAe,GAAG,CAACC,SAAD,EAAoBC,UAApB;EACpB,IAAIC,UAAU,GAAGC,IAAI,CAACC,GAAL,CAASH,UAAT,EAAqBD,SAArB,CAAjB;EACA,IAAIK,UAAU,GAAGF,IAAI,CAACC,GAAL,CAASH,UAAT,EAAqBD,SAArB,CAAjB;;EAEA,KAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAGN,SAA7B,GAA0C;IACtC,IAAIE,UAAU,GAAG,CAAjB,EAAoB;MAChBA,UAAU;MACVI,CAAC;;;IAEL,IAAIA,CAAC,GAAG,CAAJ,IAASD,UAAU,GAAGL,SAA1B,EAAqC;MACjCK,UAAU;MACVC,CAAC;;;;EAIT,MAAMC,KAAK,GAAa,EAAxB;;EAEA,KAAK,IAAIC,CAAC,GAAGN,UAAb,EAAyBM,CAAC,IAAIH,UAA9B,EAA0CG,CAAC,EAA3C,EAA+C;IAC3CD,KAAK,CAACE,IAAN,CAAWD,CAAX;;;EAGJ,OAAOD,KAAP;AACH,CAtBD;;MAwBaG,WAAW,GAAG,CAAC;EAAEC,gBAAgB,GAAG,CAArB;EAAwBC,OAAO,EAAEC,WAAjC;EAA8Cb;AAA9C,CAAD;EACvB,MAAMO,KAAK,GAAGR,eAAe,CAACC,SAAD,EAAYW,gBAAgB,GAAG,CAA/B,CAA7B;EACA,MAAM;IAAEG;MAAUC,eAAe,EAAjC;EAEA,OACIC,aAAA,SAAA,MAAA,EACKT,KAAK,CAACU,GAAN,CAAWhB,UAAD,IACPe,aAAA,CAACE,MAAD;IACIC,UAAU,EAAElB,UAAU,KAAKU,gBAAgB,GAAG,CAAlC,GAAsC,SAAtC,GAAkD;oBAChDV,UAAU,KAAKU,gBAAgB,GAAG,CAAlC,GAAsC,MAAtC,GAA+CS;IAC7DC,GAAG,EAAEpB;IACLW,OAAO,EAAE,MAAMC,WAAW,CAACZ,UAAU,GAAG,CAAd;kBACda,KAAK,CAACQ,UAAN,CAAiBC,OAAjB,CAAyBC,KAAzB,CAA+BC,OAA/B,CAAuC,KAAvC,EAA8CC,MAAM,CAACzB,UAAD,CAApD;IACZ0B,OAAO,EAAEb,KAAK,CAACQ,UAAN,CAAiBC,OAAjB,CAAyBC,KAAzB,CAA+BC,OAA/B,CAAuC,KAAvC,EAA8CC,MAAM,CAACzB,UAAD,CAApD;GANb,EAQKA,UARL,CADH,CADL,CADJ;AAgBH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { PageNumbers } from './PageNumbers';\nimport { LocalizationTexts, useLocalization } from '../Provider/Provider';\nimport { Select } from '../Select/Select';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { usePaginationValues } from './usePagination';\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\n\nexport * from './usePagination';\n\nexport type PaginationTextsActions = {\n    /**\n     * Aria-label for first page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPage: string;\n    /**\n     * Aria-label for first page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPageWithShortcut: string;\n    /**\n     * Aria-label for next page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPage: string;\n    /**\n     * Aria-label for next page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPageWithShortcut: string;\n    /**\n     * Aria-label for previous page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPage: string;\n    /**\n     * Aria-label for previous page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPageWithShortcut: string;\n    /**\n     * Aria-label for last page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPage: string;\n    /**\n     * Aria-label for last page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPageWithShortcut: string;\n    /**\n     * Aria-label for page X action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageX: string;\n};\n\nexport type PaginationTexts = {\n    /**\n     * Aria-label provided for page numbers and page actions group.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    label: string;\n    /**\n     * Aria-label provided for page size selection.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageSize: string;\n    /**\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    showingXofYofTotal: string;\n    /**\n     * Aria-labels provided for page action buttons.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    actions: PaginationTextsActions;\n};\n\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\n    usePaginationValues & {\n        /** Indicate total number of items that will be paginated */\n        length: number;\n        /** Page size options */\n        pageSizes?: number[];\n        /** Shows page controls */\n        showPageControls?: boolean;\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\n        showPageNumbers?: boolean;\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\n        showPageSize?: boolean;\n        /** Enable pagination shortcuts */\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\n    };\n\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\n    const minItemIndex = pageIndex * pageSize + 1;\n    const maxItemIndex = (pageIndex + 1) * pageSize;\n\n    return texts.pagination.showingXofYofTotal\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\n        .replace('[total]', String(length));\n};\n\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        length,\n        pageIndex,\n        pageSize,\n        pageSizes = [10, 25, 50, 100, 500],\n        setPageIndex,\n        setPageSize,\n        showPageControls = true,\n        showPageNumbers = true,\n        showPageSize = true,\n        dangerouslyHijackGlobalKeyboardNavigation = false,\n        ...otherProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\n\n    usePaginationShortcuts({\n        setPageIndex,\n        maxPageIndex,\n        pageIndex,\n        dangerouslyHijackGlobalKeyboardNavigation,\n    });\n\n    const pageCount = Math.ceil(length / pageSize);\n    const canPreviousPage = pageIndex > 0;\n    const canNextPage = pageIndex < pageCount - 1;\n\n    const className = cn('inline-flex relative justify-between items-center', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        data={pageSizes.map(pageSize => ({\n                            text: String(pageSize),\n                            value: pageSize,\n                        }))}\n                        onChange={event => {\n                            setPageIndex(0);\n                            setPageSize(Number(event.target.value));\n                        }}\n                        value={pageSize}\n                    />\n                </span>\n            )}\n            {showPageControls && (\n                <Group as=\"nav\" aria-label={texts.pagination.label}>\n                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canPreviousPage}\n                        icon=\"arrow-start\"\n                        onClick={() => setPageIndex(0)}\n                        aria-label={\n                            showShortcutTexts\n                                ? texts.pagination.actions.firstPageWithShortcut\n                                : texts.pagination.actions.firstPage\n                        }\n                        tooltip={\n                            showShortcutTexts\n                                ? texts.pagination.actions.firstPageWithShortcut\n                                : texts.pagination.actions.firstPage\n                        }\n                    />\n                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canPreviousPage}\n                        icon=\"arrow-left\"\n                        onClick={() => setPageIndex(pageIndex - 1)}\n                        aria-label={\n                            showShortcutTexts\n                                ? texts.pagination.actions.previousPageWithShortcut\n                                : texts.pagination.actions.previousPage\n                        }\n                        tooltip={\n                            showShortcutTexts\n                                ? texts.pagination.actions.previousPageWithShortcut\n                                : texts.pagination.actions.previousPage\n                        }\n                    />\n                    {showPageNumbers && pageCount > 0 && (\n                        <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\n                    )}\n                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canNextPage}\n                        icon=\"arrow-right\"\n                        onClick={() => setPageIndex(pageIndex + 1)}\n                        aria-label={\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\n                        }\n                        tooltip={\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\n                        }\n                    />\n                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canNextPage}\n                        icon=\"arrow-end\"\n                        onClick={() => setPageIndex(pageCount - 1)}\n                        aria-label={\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\n                        }\n                        tooltip={\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\n                        }\n                    />\n                </Group>\n            )}\n        </div>\n    );\n});\n"],"names":["getShowingLabel","length","pageIndex","pageSize","texts","minItemIndex","maxItemIndex","pagination","showingXofYofTotal","replace","String","Pagination","React","props","ref","pageSizes","setPageIndex","setPageSize","showPageControls","showPageNumbers","showPageSize","dangerouslyHijackGlobalKeyboardNavigation","otherProps","useLocalization","maxPageIndex","Math","ceil","showShortcutTexts","usePaginationShortcuts","pageCount","canPreviousPage","canNextPage","className","cn","Select","data","map","text","value","onChange","event","Number","target","Group","as","label","IconButton","appearance","disabled","icon","onClick","actions","firstPageWithShortcut","firstPage","tooltip","previousPageWithShortcut","previousPage","PageNumbers","currentPageIndex","nextPageWithShortcut","nextPage","lastPageWithShortcut","lastPage"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { PageNumbers } from './PageNumbers';\r\nimport { LocalizationTexts, useLocalization } from '../Provider/Provider';\r\nimport { Select } from '../Select/Select';\r\nimport { Group } from '../Group/Group';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { usePaginationValues } from './usePagination';\r\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\r\n\r\nexport * from './usePagination';\r\n\r\nexport type PaginationTextsActions = {\r\n    /**\r\n     * Aria-label for first page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPage: string;\r\n    /**\r\n     * Aria-label for first page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for next page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPage: string;\r\n    /**\r\n     * Aria-label for next page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for previous page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPage: string;\r\n    /**\r\n     * Aria-label for previous page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for last page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPage: string;\r\n    /**\r\n     * Aria-label for last page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for page X action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageX: string;\r\n};\r\n\r\nexport type PaginationTexts = {\r\n    /**\r\n     * Aria-label provided for page numbers and page actions group.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    label: string;\r\n    /**\r\n     * Aria-label provided for page size selection.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageSize: string;\r\n    /**\r\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    showingXofYofTotal: string;\r\n    /**\r\n     * Aria-labels provided for page action buttons.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    actions: PaginationTextsActions;\r\n};\r\n\r\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\r\n    usePaginationValues & {\r\n        /** Indicate total number of items that will be paginated */\r\n        length: number;\r\n        /** Page size options */\r\n        pageSizes?: number[];\r\n        /** Shows page controls */\r\n        showPageControls?: boolean;\r\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\r\n        showPageNumbers?: boolean;\r\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\r\n        showPageSize?: boolean;\r\n        /** Enable pagination shortcuts */\r\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\r\n    };\r\n\r\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\r\n    const minItemIndex = pageIndex * pageSize + 1;\r\n    const maxItemIndex = (pageIndex + 1) * pageSize;\r\n\r\n    return texts.pagination.showingXofYofTotal\r\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\r\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\r\n        .replace('[total]', String(length));\r\n};\r\n\r\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\r\n    const {\r\n        length,\r\n        pageIndex,\r\n        pageSize,\r\n        pageSizes = [10, 25, 50, 100, 500],\r\n        setPageIndex,\r\n        setPageSize,\r\n        showPageControls = true,\r\n        showPageNumbers = true,\r\n        showPageSize = true,\r\n        dangerouslyHijackGlobalKeyboardNavigation = false,\r\n        ...otherProps\r\n    } = props;\r\n    const { texts } = useLocalization();\r\n\r\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\r\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\r\n\r\n    usePaginationShortcuts({\r\n        setPageIndex,\r\n        maxPageIndex,\r\n        pageIndex,\r\n        dangerouslyHijackGlobalKeyboardNavigation,\r\n    });\r\n\r\n    const pageCount = Math.ceil(length / pageSize);\r\n    const canPreviousPage = pageIndex > 0;\r\n    const canNextPage = pageIndex < pageCount - 1;\r\n\r\n    const className = cn('inline-flex relative justify-between items-center', props.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\r\n            {showPageSize && (\r\n                <span className=\"mr-4\">\r\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\r\n                    <Select\r\n                        aria-label={texts.pagination.pageSize}\r\n                        className=\"ml-4 !w-20\"\r\n                        data={pageSizes.map(pageSize => ({\r\n                            text: String(pageSize),\r\n                            value: pageSize,\r\n                        }))}\r\n                        onChange={event => {\r\n                            setPageIndex(0);\r\n                            setPageSize(Number(event.target.value));\r\n                        }}\r\n                        value={pageSize}\r\n                    />\r\n                </span>\r\n            )}\r\n            {showPageControls && (\r\n                <Group as=\"nav\" aria-label={texts.pagination.label}>\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-start\"\r\n                        onClick={() => setPageIndex(0)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-left\"\r\n                        onClick={() => setPageIndex(pageIndex - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                    />\r\n                    {showPageNumbers && pageCount > 0 && (\r\n                        <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\r\n                    )}\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-right\"\r\n                        onClick={() => setPageIndex(pageIndex + 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-end\"\r\n                        onClick={() => setPageIndex(pageCount - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                    />\r\n                </Group>\r\n            )}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["getShowingLabel","length","pageIndex","pageSize","texts","minItemIndex","maxItemIndex","pagination","showingXofYofTotal","replace","String","Pagination","React","props","ref","pageSizes","setPageIndex","setPageSize","showPageControls","showPageNumbers","showPageSize","dangerouslyHijackGlobalKeyboardNavigation","otherProps","useLocalization","maxPageIndex","Math","ceil","showShortcutTexts","usePaginationShortcuts","pageCount","canPreviousPage","canNextPage","className","cn","Select","data","map","text","value","onChange","event","Number","target","Group","as","label","IconButton","appearance","disabled","icon","onClick","actions","firstPageWithShortcut","firstPage","tooltip","previousPageWithShortcut","previousPage","PageNumbers","currentPageIndex","nextPageWithShortcut","nextPage","lastPageWithShortcut","lastPage"],"mappings":"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"}

package/dist/esm/components/Pagination/usePagination.js

@@ -1,27 +1,13 @@
 import React__default from 'react';
 
-var usePagination = function usePagination(initialPageIndex, initialPageSize) {
-  if (initialPageIndex === void 0) {
-    initialPageIndex = 0;
-  }
-
-  if (initialPageSize === void 0) {
-    initialPageSize = 10;
-  }
-
-  var _React$useState = React__default.useState(initialPageIndex),
-      pageIndex = _React$useState[0],
-      setPageIndex = _React$useState[1];
-
-  var _React$useState2 = React__default.useState(initialPageSize),
-      pageSize = _React$useState2[0],
-      setPageSize = _React$useState2[1];
-
+const usePagination = (initialPageIndex = 0, initialPageSize = 10) => {
+  const [pageIndex, setPageIndex] = React__default.useState(initialPageIndex);
+  const [pageSize, setPageSize] = React__default.useState(initialPageSize);
   return {
-    pageIndex: pageIndex,
-    pageSize: pageSize,
-    setPageIndex: setPageIndex,
-    setPageSize: setPageSize
+    pageIndex,
+    pageSize,
+    setPageIndex,
+    setPageSize
   };
 };
 

package/dist/esm/components/Pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/usePagination.tsx"],"sourcesContent":["import React from 'react';\n\nexport type usePaginationValues = {\n    /** Current page index (zero based) */\n    pageIndex: number;\n    /** Number of items displayed on a page */\n    pageSize: number;\n    /** Handler called when navigating through pages */\n    setPageIndex: (pageIndex: number) => void;\n    /** Handler called when changing the size of the page  */\n    setPageSize: (size: number) => void;\n};\n\nexport const usePagination = (initialPageIndex = 0, initialPageSize = 10): usePaginationValues => {\n    const [pageIndex, setPageIndex] = React.useState(initialPageIndex);\n    const [pageSize, setPageSize] = React.useState(initialPageSize);\n\n    return {\n        pageIndex,\n        pageSize,\n        setPageIndex,\n        setPageSize,\n    };\n};\n"],"names":["usePagination","initialPageIndex","initialPageSize","React","useState","pageIndex","setPageIndex","pageSize","setPageSize"],"mappings":";;IAaaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,gBAAD,EAAuBC,eAAvB;MAACD;IAAAA,mBAAmB;;;MAAGC;IAAAA,kBAAkB;;;EAClE,sBAAkCC,cAAK,CAACC,QAAN,CAAeH,gBAAf,CAAlC;MAAOI,SAAP;MAAkBC,YAAlB;;EACA,uBAAgCH,cAAK,CAACC,QAAN,CAAeF,eAAf,CAAhC;MAAOK,QAAP;MAAiBC,WAAjB;;EAEA,OAAO;IACHH,SAAS,EAATA,SADG;IAEHE,QAAQ,EAARA,QAFG;IAGHD,YAAY,EAAZA,YAHG;IAIHE,WAAW,EAAXA;GAJJ;AAMH;;;;"}
+{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/usePagination.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nexport type usePaginationValues = {\r\n    /** Current page index (zero based) */\r\n    pageIndex: number;\r\n    /** Number of items displayed on a page */\r\n    pageSize: number;\r\n    /** Handler called when navigating through pages */\r\n    setPageIndex: (pageIndex: number) => void;\r\n    /** Handler called when changing the size of the page  */\r\n    setPageSize: (size: number) => void;\r\n};\r\n\r\nexport const usePagination = (initialPageIndex = 0, initialPageSize = 10): usePaginationValues => {\r\n    const [pageIndex, setPageIndex] = React.useState(initialPageIndex);\r\n    const [pageSize, setPageSize] = React.useState(initialPageSize);\r\n\r\n    return {\r\n        pageIndex,\r\n        pageSize,\r\n        setPageIndex,\r\n        setPageSize,\r\n    };\r\n};\r\n"],"names":["usePagination","initialPageIndex","initialPageSize","pageIndex","setPageIndex","React","useState","pageSize","setPageSize"],"mappings":";;MAaaA,aAAa,GAAG,CAACC,gBAAgB,GAAG,CAApB,EAAuBC,eAAe,GAAG,EAAzC;EACzB,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BC,cAAK,CAACC,QAAN,CAAeL,gBAAf,CAAlC;EACA,MAAM,CAACM,QAAD,EAAWC,WAAX,IAA0BH,cAAK,CAACC,QAAN,CAAeJ,eAAf,CAAhC;EAEA,OAAO;IACHC,SADG;IAEHI,QAFG;IAGHH,YAHG;IAIHI;GAJJ;AAMH;;;;"}

package/dist/esm/components/Pagination/usePaginationShortcuts.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
 import keycode from 'keycode';
 
-var usePaginationShortcuts = function usePaginationShortcuts(_ref) {
-  var setPageIndex = _ref.setPageIndex,
-      maxPageIndex = _ref.maxPageIndex,
-      pageIndex = _ref.pageIndex,
-      useGlobalKeyboardNavigation = _ref.dangerouslyHijackGlobalKeyboardNavigation;
-
-  var onKeyDown = function onKeyDown(event) {
+const usePaginationShortcuts = ({
+  setPageIndex,
+  maxPageIndex,
+  pageIndex,
+  dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation
+}) => {
+  const onKeyDown = event => {
     if (setPageIndex && event.keyCode === keycode('home')) {
       event.preventDefault();
       setPageIndex(0);
@@ -33,12 +33,12 @@ var usePaginationShortcuts = function usePaginationShortcuts(_ref) {
     }
   };
 
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (useGlobalKeyboardNavigation) {
       window.addEventListener('keydown', onKeyDown);
     }
 
-    return function () {
+    return () => {
       if (useGlobalKeyboardNavigation) {
         window.removeEventListener('keydown', onKeyDown);
       }

package/dist/esm/components/Pagination/usePaginationShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationShortcuts.js","sources":["../../../../src/components/Pagination/usePaginationShortcuts.tsx"],"sourcesContent":["import React from 'react';\nimport keycode from 'keycode';\n\ninterface Props {\n    setPageIndex: (pageIndex: number) => void;\n    maxPageIndex: number;\n    pageIndex: number;\n    dangerouslyHijackGlobalKeyboardNavigation: boolean;\n}\n\nexport const usePaginationShortcuts = ({\n    setPageIndex,\n    maxPageIndex,\n    pageIndex,\n    dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation,\n}: Props) => {\n    const onKeyDown = (event: KeyboardEvent): void => {\n        if (setPageIndex && event.keyCode === keycode('home')) {\n            event.preventDefault();\n            setPageIndex(0);\n            return;\n        }\n\n        if (setPageIndex && event.keyCode === keycode('end')) {\n            event.preventDefault();\n            setPageIndex(maxPageIndex);\n            return;\n        }\n\n        if (setPageIndex && event.keyCode === keycode('page up')) {\n            event.preventDefault();\n            setPageIndex(Math.max(0, pageIndex - 1));\n            return;\n        }\n\n        if (setPageIndex && event.keyCode === keycode('page down')) {\n            event.preventDefault();\n            setPageIndex(Math.min(maxPageIndex, pageIndex + 1));\n            return;\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown, useGlobalKeyboardNavigation]);\n};\n"],"names":["usePaginationShortcuts","setPageIndex","maxPageIndex","pageIndex","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","onKeyDown","event","keyCode","keycode","preventDefault","Math","max","min","React","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;IAUaA,sBAAsB,GAAG,SAAzBA,sBAAyB;MAClCC,oBAAAA;MACAC,oBAAAA;MACAC,iBAAAA;MAC2CC,mCAA3CC;;EAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IACd,IAAIN,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,MAAD,CAA7C,EAAuD;MACnDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAAC,CAAD,CAAZ;MACA;;;IAGJ,IAAIA,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,KAAD,CAA7C,EAAsD;MAClDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACC,YAAD,CAAZ;MACA;;;IAGJ,IAAID,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,SAAD,CAA7C,EAA0D;MACtDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACU,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,SAAS,GAAG,CAAxB,CAAD,CAAZ;MACA;;;IAGJ,IAAIF,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,WAAD,CAA7C,EAA4D;MACxDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACU,IAAI,CAACE,GAAL,CAASX,YAAT,EAAuBC,SAAS,GAAG,CAAnC,CAAD,CAAZ;MACA;;GAtBR;;EA0BAW,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIX,2BAAJ,EAAiC;MAC7BY,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCX,SAAnC;;;IAGJ,OAAO;MACH,IAAIF,2BAAJ,EAAiC;QAC7BY,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCZ,SAAtC;;KAFR;GALJ,EAUG,CAACA,SAAD,EAAYF,2BAAZ,CAVH;AAWH;;;;"}
+{"version":3,"file":"usePaginationShortcuts.js","sources":["../../../../src/components/Pagination/usePaginationShortcuts.tsx"],"sourcesContent":["import React from 'react';\r\nimport keycode from 'keycode';\r\n\r\ninterface Props {\r\n    setPageIndex: (pageIndex: number) => void;\r\n    maxPageIndex: number;\r\n    pageIndex: number;\r\n    dangerouslyHijackGlobalKeyboardNavigation: boolean;\r\n}\r\n\r\nexport const usePaginationShortcuts = ({\r\n    setPageIndex,\r\n    maxPageIndex,\r\n    pageIndex,\r\n    dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation,\r\n}: Props) => {\r\n    const onKeyDown = (event: KeyboardEvent): void => {\r\n        if (setPageIndex && event.keyCode === keycode('home')) {\r\n            event.preventDefault();\r\n            setPageIndex(0);\r\n            return;\r\n        }\r\n\r\n        if (setPageIndex && event.keyCode === keycode('end')) {\r\n            event.preventDefault();\r\n            setPageIndex(maxPageIndex);\r\n            return;\r\n        }\r\n\r\n        if (setPageIndex && event.keyCode === keycode('page up')) {\r\n            event.preventDefault();\r\n            setPageIndex(Math.max(0, pageIndex - 1));\r\n            return;\r\n        }\r\n\r\n        if (setPageIndex && event.keyCode === keycode('page down')) {\r\n            event.preventDefault();\r\n            setPageIndex(Math.min(maxPageIndex, pageIndex + 1));\r\n            return;\r\n        }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (useGlobalKeyboardNavigation) {\r\n            window.addEventListener('keydown', onKeyDown);\r\n        }\r\n\r\n        return () => {\r\n            if (useGlobalKeyboardNavigation) {\r\n                window.removeEventListener('keydown', onKeyDown);\r\n            }\r\n        };\r\n    }, [onKeyDown, useGlobalKeyboardNavigation]);\r\n};\r\n"],"names":["usePaginationShortcuts","setPageIndex","maxPageIndex","pageIndex","dangerouslyHijackGlobalKeyboardNavigation","useGlobalKeyboardNavigation","onKeyDown","event","keyCode","keycode","preventDefault","Math","max","min","React","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;MAUaA,sBAAsB,GAAG,CAAC;EACnCC,YADmC;EAEnCC,YAFmC;EAGnCC,SAHmC;EAInCC,yCAAyC,EAAEC;AAJR,CAAD;EAMlC,MAAMC,SAAS,GAAIC,KAAD;IACd,IAAIN,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,MAAD,CAA7C,EAAuD;MACnDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAAC,CAAD,CAAZ;MACA;;;IAGJ,IAAIA,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,KAAD,CAA7C,EAAsD;MAClDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACC,YAAD,CAAZ;MACA;;;IAGJ,IAAID,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,SAAD,CAA7C,EAA0D;MACtDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACU,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,SAAS,GAAG,CAAxB,CAAD,CAAZ;MACA;;;IAGJ,IAAIF,YAAY,IAAIM,KAAK,CAACC,OAAN,KAAkBC,OAAO,CAAC,WAAD,CAA7C,EAA4D;MACxDF,KAAK,CAACG,cAAN;MACAT,YAAY,CAACU,IAAI,CAACE,GAAL,CAASX,YAAT,EAAuBC,SAAS,GAAG,CAAnC,CAAD,CAAZ;MACA;;GAtBR;;EA0BAW,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIV,2BAAJ,EAAiC;MAC7BW,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCX,SAAnC;;;IAGJ,OAAO;MACH,IAAID,2BAAJ,EAAiC;QAC7BW,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCZ,SAAtC;;KAFR;GALJ,EAUG,CAACA,SAAD,EAAYD,2BAAZ,CAVH;AAWH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Placement } from '../..';\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\nimport mergeRefs from '../../utils/mergeRefs';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    props: {},\n    ref: null,\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const context = React.useContext(PopoverContext);\n    let children = props.children;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        console.warn(\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\n    );\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('hide'));\n    };\n\n    return children({ close, ref });\n});\n\nexport type PopoverContentRenderProps = { close: () => void };\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('bg-white focus:border-blue-light', props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <PopoverPrimitive.Close asChild>\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\n            </PopoverPrimitive.Close>\n        );\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\n            {output}\n            <UnstyledArrow className=\"text-white\" />\n        </UnstyledContent>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\nconst Close = React.forwardRef(\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\n    )\n);\n\nexport type PopoverProps = React.PropsWithChildren<{\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n};\n\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\n    const { children, trigger, ...otherProps } = props;\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\n\n    return (\n        <PopoverContext.Provider value={context}>\n            <PopoverPrimitive.Root>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}

package/dist/esm/components/Popover/Primitives.js

@@ -1,10 +1,8 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Arrow, Content } from '@radix-ui/react-popover';
 
-var _excluded = ["placement"];
-var UnstyledArrow = /*#__PURE__*/forwardRef(function PopoverArrow(props, ref) {
+const UnstyledArrow = /*#__PURE__*/forwardRef(function PopoverArrow(props, ref) {
   return createElement(Arrow, {
     className: "pointer-events-none -mt-px",
     asChild: true,
@@ -25,11 +23,12 @@ var UnstyledArrow = /*#__PURE__*/forwardRef(function PopoverArrow(props, ref) {
     d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
   })));
 });
-var UnstyledContent = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
-  var side = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]', props.className);
+const UnstyledContent = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
+  const {
+    placement: side,
+    ...otherProps
+  } = props;
+  const className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]', props.className);
   return createElement(Content, Object.assign({}, otherProps, {
     className: className,
     side: side,

package/dist/esm/components/Popover/Primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"Primitives.js","sources":["../../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Placement } from '../../types';\n\nexport const UnstyledArrow = React.forwardRef(function PopoverArrow(\n    props: React.SVGAttributes<SVGElement>,\n    ref: React.Ref<SVGSVGElement>\n) {\n    return (\n        <PopoverPrimitive.Arrow className=\"pointer-events-none -mt-px\" asChild offset={2} width={30} height={11}>\n            <svg {...props} ref={ref} viewBox=\"0 19 30 11\" style={{ transform: 'rotateZ(180deg)' }}>\n                <path\n                    className=\"text-grey-dark group-focus:text-blue-light fill-current\"\n                    d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"\n                ></path>\n                <path\n                    className=\"fill-current\"\n                    d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n                ></path>\n            </svg>\n        </PopoverPrimitive.Arrow>\n    );\n});\n\nexport type UnstyledContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nexport const UnstyledContent = React.forwardRef(function PopoverContent(\n    props: UnstyledContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { placement: side, ...otherProps } = props;\n\n    const className = cn(\n        'border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]',\n        props.className\n    );\n\n    return <PopoverPrimitive.Content {...otherProps} className={className} side={side} sideOffset={1} ref={ref} />;\n});\n"],"names":["UnstyledArrow","React","PopoverArrow","props","ref","PopoverPrimitive","className","asChild","offset","width","height","viewBox","style","transform","d","UnstyledContent","PopoverContent","side","placement","otherProps","cn","sideOffset"],"mappings":";;;;;;IAKaA,aAAa,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAC1CC,KAD0C,EAE1CC,GAF0C;EAI1C,OACIH,aAAA,CAACI,KAAD;IAAwBC,SAAS,EAAC;IAA6BC,OAAO;IAACC,MAAM,EAAE;IAAGC,KAAK,EAAE;IAAIC,MAAM,EAAE;GAArG,EACIT,aAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKO,OAAO,EAAC;IAAaC,KAAK,EAAE;MAAEC,SAAS,EAAE;;IAAnE,EACIZ,aAAA,OAAA;IACIK,SAAS,EAAC;IACVQ,CAAC,EAAC;GAFN,CADJ,EAKIb,aAAA,OAAA;IACIK,SAAS,EAAC;IACVQ,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ;AAcH,CAlB4B;IAwBhBC,eAAe,gBAAGd,UAAA,CAAiB,SAASe,cAAT,CAC5Cb,KAD4C,EAE5CC,GAF4C;EAI5C,IAAmBa,IAAnB,GAA2Cd,KAA3C,CAAQe,SAAR;MAA4BC,UAA5B,iCAA2ChB,KAA3C;;EAEA,IAAMG,SAAS,GAAGc,EAAE,CAChB,2FADgB,EAEhBjB,KAAK,CAACG,SAFU,CAApB;EAKA,OAAOL,aAAA,CAACI,OAAD,oBAA8Bc;IAAYb,SAAS,EAAEA;IAAWW,IAAI,EAAEA;IAAMI,UAAU,EAAE;IAAGjB,GAAG,EAAEA;IAAhG,CAAP;AACH,CAZ8B;;;;"}
+{"version":3,"file":"Primitives.js","sources":["../../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../../types';\r\n\r\nexport const UnstyledArrow = React.forwardRef(function PopoverArrow(\r\n    props: React.SVGAttributes<SVGElement>,\r\n    ref: React.Ref<SVGSVGElement>\r\n) {\r\n    return (\r\n        <PopoverPrimitive.Arrow className=\"pointer-events-none -mt-px\" asChild offset={2} width={30} height={11}>\r\n            <svg {...props} ref={ref} viewBox=\"0 19 30 11\" style={{ transform: 'rotateZ(180deg)' }}>\r\n                <path\r\n                    className=\"text-grey-dark group-focus:text-blue-light fill-current\"\r\n                    d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"\r\n                ></path>\r\n                <path\r\n                    className=\"fill-current\"\r\n                    d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\r\n                ></path>\r\n            </svg>\r\n        </PopoverPrimitive.Arrow>\r\n    );\r\n});\r\n\r\nexport type UnstyledContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nexport const UnstyledContent = React.forwardRef(function PopoverContent(\r\n    props: UnstyledContentProps,\r\n    ref: React.Ref<HTMLDivElement>\r\n) {\r\n    const { placement: side, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]',\r\n        props.className\r\n    );\r\n\r\n    return <PopoverPrimitive.Content {...otherProps} className={className} side={side} sideOffset={1} ref={ref} />;\r\n});\r\n"],"names":["UnstyledArrow","React","PopoverArrow","props","ref","PopoverPrimitive","className","asChild","offset","width","height","viewBox","style","transform","d","UnstyledContent","PopoverContent","placement","side","otherProps","cn","sideOffset"],"mappings":";;;;MAKaA,aAAa,gBAAGC,UAAA,CAAiB,SAASC,YAAT,CAC1CC,KAD0C,EAE1CC,GAF0C;EAI1C,OACIH,aAAA,CAACI,KAAD;IAAwBC,SAAS,EAAC;IAA6BC,OAAO;IAACC,MAAM,EAAE;IAAGC,KAAK,EAAE;IAAIC,MAAM,EAAE;GAArG,EACIT,aAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKO,OAAO,EAAC;IAAaC,KAAK,EAAE;MAAEC,SAAS,EAAE;;IAAnE,EACIZ,aAAA,OAAA;IACIK,SAAS,EAAC;IACVQ,CAAC,EAAC;GAFN,CADJ,EAKIb,aAAA,OAAA;IACIK,SAAS,EAAC;IACVQ,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ;AAcH,CAlB4B;MAwBhBC,eAAe,gBAAGd,UAAA,CAAiB,SAASe,cAAT,CAC5Cb,KAD4C,EAE5CC,GAF4C;EAI5C,MAAM;IAAEa,SAAS,EAAEC,IAAb;IAAmB,GAAGC;MAAehB,KAA3C;EAEA,MAAMG,SAAS,GAAGc,EAAE,CAChB,2FADgB,EAEhBjB,KAAK,CAACG,SAFU,CAApB;EAKA,OAAOL,aAAA,CAACI,OAAD,oBAA8Bc;IAAYb,SAAS,EAAEA;IAAWY,IAAI,EAAEA;IAAMG,UAAU,EAAE;IAAGjB,GAAG,EAAEA;IAAhG,CAAP;AACH,CAZ8B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport './Progress.css';\n\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\n     * By default, progress bar has no duration\n     */\n    duration?: number;\n};\n\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\n    let style;\n\n    if (duration) {\n        style = {\n            animationDuration: `${duration}ms`,\n        };\n    }\n\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\n\n    const progressClassName = cn('yt-progress__bar block h-1', {\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\n            !duration,\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\n    });\n\n    return (\n        <span {...props} data-taco=\"progress\" className={className}>\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\n        </span>\n    );\n};\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAW;;;2BAAGC;MAAAA,sCAAWC;MAAcC;;EAChD,IAAIC,KAAJ;;EAEA,IAAIH,QAAJ,EAAc;IACVG,KAAK,GAAG;MACJC,iBAAiB,EAAKJ,QAAL;KADrB;;;EAKJ,IAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;EAEA,IAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD;IACxB,yJACI,CAACN;yDAC2CA,QAHxB,OAA5B;EAMA,OACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;IAAWG,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;IAAMH,SAAS,EAAEE;iBAA6B;IAAeJ,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Progress.css';\r\n\r\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\r\n    /**\r\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\r\n     * By default, progress bar has no duration\r\n     */\r\n    duration?: number;\r\n};\r\n\r\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\r\n    let style;\r\n\r\n    if (duration) {\r\n        style = {\r\n            animationDuration: `${duration}ms`,\r\n        };\r\n    }\r\n\r\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\r\n\r\n    const progressClassName = cn('yt-progress__bar block h-1', {\r\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\r\n            !duration,\r\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\r\n    });\r\n\r\n    return (\r\n        <span {...props} data-taco=\"progress\" className={className}>\r\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\r\n        </span>\r\n    );\r\n};\r\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAW;;;2BAAGC;MAAAA,sCAAWC;MAAcC;;EAChD,IAAIC,KAAJ;;EAEA,IAAIH,QAAJ,EAAc;IACVG,KAAK,GAAG;MACJC,iBAAiB,EAAKJ,QAAL;KADrB;;;EAKJ,IAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;EAEA,IAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD;IACxB,yJACI,CAACN;yDAC2CA,QAHxB,OAA5B;EAMA,OACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;IAAWG,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;IAAMH,SAAS,EAAEE;iBAA6B;IAAeJ,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { ToastProvider } from '../Toast/Toaster';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\nexport type Taco = {\n    /** Define localized texts and formatted data in your application */\n    localization: Localization;\n};\n\nexport const defaultLocalisationTexts = {\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    searchInput: {\n        inputLabel: 'Search...',\n    },\n};\n\nconst defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nconst Context = React.createContext<Taco>({\n    localization: defaultLocalizationContext,\n});\n\nexport type ProviderProps = {\n    /** Content would be your application */\n    children?: any;\n    /** Define localized texts and formatted data in your application */\n    localization?: Localization;\n};\n\nexport const Provider = (props: ProviderProps): JSX.Element => {\n    const { children, localization = defaultLocalizationContext } = props;\n    const value = React.useMemo(() => ({ localization }), [localization]);\n\n    return (\n        <Context.Provider value={value}>\n            <ToastProvider>{children}</ToastProvider>\n        </Context.Provider>\n    );\n};\n\nexport const useTaco = (): Taco => React.useContext(Context);\nexport const useLocalization = (): Localization => useTaco().localization;\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}
+{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Locale } from '../../types';\r\nimport { CalendarTexts } from '../Calendar/Calendar';\r\nimport { ComboboxTexts } from '../Combobox/Combobox';\r\nimport { DialogTexts } from '../Dialog/Dialog';\r\nimport { PaginationTexts } from '../Pagination/Pagination';\r\nimport { ListboxTexts } from '../Listbox/Listbox';\r\nimport { ToastsTexts } from '../Toast/Toast';\r\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\r\nimport { HangerTexts } from '../Hanger/Hanger';\r\nimport { SelectTexts } from '../Select/Select';\r\nimport { TourTexts } from '../Tour/Tour';\r\nimport { TableTexts } from '../Table/Table';\r\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\r\nimport { ToastProvider } from '../Toast/Toaster';\r\n\r\nexport type LocalizationTexts = {\r\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\r\n    calendar: CalendarTexts;\r\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\r\n    combobox: ComboboxTexts;\r\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\r\n    datepicker: DatepickerTexts;\r\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\r\n    hanger: HangerTexts;\r\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\r\n    listbox: ListboxTexts;\r\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\r\n    dialog: DialogTexts;\r\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\r\n    pagination: PaginationTexts;\r\n    /** Localized texts and aria-labels for [Table](component:table) component */\r\n    table: TableTexts;\r\n    /** Localized texts and aria-labels for [Select](component:select) component */\r\n    select: SelectTexts;\r\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\r\n    toasts: ToastsTexts;\r\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\r\n    tour: TourTexts;\r\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\r\n    searchInput: SearchInputTexts;\r\n};\r\n\r\nexport type Localization = {\r\n    /**\r\n     * Provide the language code used in application.\r\n     * Default value is `en-GB`\r\n     */\r\n    locale: Locale;\r\n    /** Provide the texts and aria-labels for components used within the provider */\r\n    texts: LocalizationTexts;\r\n    /** Provide the formatting */\r\n    formatting: {\r\n        /** Default value is `dd.mm.yy` */\r\n        date: string;\r\n    };\r\n};\r\nexport type Taco = {\r\n    /** Define localized texts and formatted data in your application */\r\n    localization: Localization;\r\n};\r\n\r\nexport const defaultLocalisationTexts = {\r\n    calendar: {\r\n        months: [\r\n            'January',\r\n            'February',\r\n            'March',\r\n            'April',\r\n            'May',\r\n            'June',\r\n            'July',\r\n            'August',\r\n            'September',\r\n            'October',\r\n            'November',\r\n            'December',\r\n        ],\r\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n        actions: {\r\n            previousMonth: 'Previous month',\r\n            nextMonth: 'Next month',\r\n            previousYear: 'Previous year',\r\n            nextYear: 'Next year',\r\n            today: 'Today',\r\n        },\r\n    },\r\n    combobox: {\r\n        tooltip: 'Search in list',\r\n    },\r\n    datepicker: {\r\n        calendar: 'Calendar',\r\n        clear: 'Clear',\r\n        expand: 'Show calendar',\r\n        shortcuts: 'Shortcuts',\r\n    },\r\n    hanger: {\r\n        close: 'Close',\r\n    },\r\n    listbox: {\r\n        loading: 'Loading results...',\r\n        empty: 'No results found',\r\n        allOption: 'All',\r\n    },\r\n    dialog: {\r\n        close: 'Close',\r\n        drag: 'Drag',\r\n    },\r\n    pagination: {\r\n        label: 'Pagination',\r\n        pageSize: 'Items per page',\r\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\r\n        actions: {\r\n            firstPage: 'Goto first page',\r\n            firstPageWithShortcut: 'Goto first page (Home)',\r\n            previousPage: 'Goto previous page',\r\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\r\n            nextPage: 'Goto next page',\r\n            nextPageWithShortcut: 'Goto next page (Page Down)',\r\n            lastPage: 'Goto last page',\r\n            lastPageWithShortcut: 'Goto last page (End)',\r\n            pageX: 'Goto page [X]',\r\n        },\r\n    },\r\n    table: {\r\n        actions: 'Other actions',\r\n        edit: 'Edit (e)',\r\n        copy: 'Copy (c)',\r\n        del: 'Delete (del)',\r\n        newSubRow: 'New row (shift + n)',\r\n        loading: 'Loading...',\r\n    },\r\n    select: {\r\n        allOptionsSelected: 'All',\r\n    },\r\n    toasts: {\r\n        dismiss: 'Dismiss',\r\n    },\r\n    tour: {\r\n        back: 'Back',\r\n        close: 'Close',\r\n        skip: 'Close and complete',\r\n        last: 'Done',\r\n        next: 'Next',\r\n        open: 'Open',\r\n    },\r\n    searchInput: {\r\n        inputLabel: 'Search...',\r\n    },\r\n};\r\n\r\nconst defaultLocalizationContext: Localization = {\r\n    locale: 'en-GB',\r\n    texts: defaultLocalisationTexts,\r\n    formatting: {\r\n        date: 'dd.mm.yy',\r\n    },\r\n};\r\n\r\nconst Context = React.createContext<Taco>({\r\n    localization: defaultLocalizationContext,\r\n});\r\n\r\nexport type ProviderProps = {\r\n    /** Content would be your application */\r\n    children?: any;\r\n    /** Define localized texts and formatted data in your application */\r\n    localization?: Localization;\r\n};\r\n\r\nexport const Provider = (props: ProviderProps): JSX.Element => {\r\n    const { children, localization = defaultLocalizationContext } = props;\r\n    const value = React.useMemo(() => ({ localization }), [localization]);\r\n\r\n    return (\r\n        <Context.Provider value={value}>\r\n            <ToastProvider>{children}</ToastProvider>\r\n        </Context.Provider>\r\n    );\r\n};\r\n\r\nexport const useTaco = (): Taco => React.useContext(Context);\r\nexport const useLocalization = (): Localization => useTaco().localization;\r\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Orientation } from '../../types';\n\nexport type RadioGroupItemValue = string | number | boolean | null;\n\nexport const getRadioGroupItemValueAsString = (value: RadioGroupItemValue): string => String(value ?? '');\n\nexport const findByValue = (values: RadioGroupItemValue[], valueAsString: string): RadioGroupItemValue =>\n    values.find(value => getRadioGroupItemValueAsString(value) === valueAsString) as RadioGroupItemValue;\n\nconst RadioGroupContext = React.createContext({ disabled: false, invalid: false });\n\nexport type RadioGroupItemProps<T = HTMLButtonElement> = Omit<\n    React.ButtonHTMLAttributes<T>,\n    'children' | 'onSelect' | 'value'\n> & {\n    /** Label for the radio group item */\n    children: React.ReactNode;\n    /* Whether the radio group item is disabled */\n    disabled?: boolean;\n    /** Value of the radio button */\n    value: RadioGroupItemValue;\n};\n\nconst RadioGroupItem = React.forwardRef(function RadioGroupItem(props: RadioGroupItemProps, ref: React.Ref<HTMLButtonElement>) {\n    const context = React.useContext(RadioGroupContext);\n    const { children, value, ...otherProps } = props;\n\n    const isDisabled = context.disabled || props.disabled;\n\n    const className = cn(\n        'flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2',\n        {\n            'border-grey-dark hover:border-4 focus:yt-focus aria-checked:bg-blue aria-checked:border-blue hover:aria-checked:border-blue-light':\n                !isDisabled && !context.invalid,\n            'border-grey cursor-not-allowed aria-checked:bg-blue-light aria-checked:border-blue-light ': isDisabled,\n            'border-red hover:border-4 text-red focus:border-red focus:yt-focus-red aria-checked:bg-red aria-checked:border-red':\n                context.invalid && !isDisabled,\n        }\n    );\n    const labelClassName = cn(\n        'flex items-center gap-2',\n        {\n            'cursor-pointer': !isDisabled,\n            'cursor-not-allowed text-grey-dark': isDisabled,\n        },\n        props.className\n    );\n\n    return (\n        <label className={labelClassName}>\n            <RadioGroupPrimitive.Item\n                {...otherProps}\n                className={className}\n                disabled={isDisabled}\n                ref={ref}\n                value={getRadioGroupItemValueAsString(value)}\n            >\n                <RadioGroupPrimitive.Indicator className=\"h-2 w-2 rounded-full bg-white\" />\n            </RadioGroupPrimitive.Item>\n            {children}\n        </label>\n    );\n});\n\ntype ReactGroupBaseChild = React.ReactElement<RadioGroupItemProps> | boolean | null;\n\ntype RadioGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    children: ReactGroupBaseChild[];\n    /* Whether the radio group is disabled */\n    disabled?: boolean;\n    /* Whether the radio group is in an invalid state */\n    invalid?: boolean;\n    /** The name of the radio group, used when submitting an HTML form */\n    name?: string;\n    /**\n     * Orientation of the radio group\n     * @defaultValue vertical\n     */\n    orientation?: Orientation;\n    /* Whether the radio group requires user input */\n    required?: boolean;\n};\n\ninterface UncontrolledRadioGroupProps extends RadioGroupBaseProps {\n    /* The default value (uncontrolled) */\n    defaultValue?: RadioGroupItemValue;\n    onChange?: never;\n    value?: never;\n}\n\ninterface ControlledRadioGroupProps extends RadioGroupBaseProps {\n    defaultValue?: never;\n    /** Handler called when the value changes */\n    onChange: (value: RadioGroupItemValue) => void;\n    /** The current value (controlled) */\n    value?: RadioGroupItemValue;\n}\n\nexport type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;\n\nexport type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<\n    RadioGroupProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Item component rendered in a `RadioGroup` component */\n    Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;\n};\n\nexport const useRadioGroup = (props: RadioGroupProps) => {\n    const { children, defaultValue, disabled, invalid, onChange, orientation = 'vertical', value, ...otherProps } = props;\n\n    const values = React.useMemo<RadioGroupItemValue[]>(() => {\n        const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n        React.Children.forEach(children, child => {\n            if (React.isValidElement(child)) {\n                radioGroupItemValues.push(child.props.value);\n            }\n        });\n\n        return radioGroupItemValues;\n    }, [children]);\n\n    const context = React.useMemo(() => ({ disabled: disabled ?? false, invalid: invalid ?? false }), [disabled, invalid]);\n\n    let valueProps;\n\n    if (onChange !== undefined) {\n        const handleChange = (value: string): void => onChange(findByValue(values, value));\n\n        valueProps = {\n            onValueChange: handleChange,\n            value: value !== undefined ? getRadioGroupItemValueAsString(value) : undefined,\n        };\n    } else {\n        valueProps = {\n            defaultValue: defaultValue !== undefined ? getRadioGroupItemValueAsString(defaultValue) : undefined,\n        };\n    }\n\n    return {\n        context,\n        props: {\n            ...otherProps,\n            ...valueProps,\n            children,\n            orientation,\n        },\n    };\n};\n\nexport const RadioGroup = React.forwardRef(function RadioGroup(props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { context, props: otherProps } = useRadioGroup(props);\n    const className = cn(\n        'flex items-start gap-y-2',\n        {\n            'flex-wrap gap-x-4 ': otherProps.orientation === 'horizontal',\n            'flex-col': otherProps.orientation === 'vertical',\n        },\n        otherProps.className\n    );\n\n    return (\n        <RadioGroupContext.Provider value={context}>\n            <RadioGroupPrimitive.Root {...otherProps} className={className} data-taco=\"radio-group\" ref={ref} />\n        </RadioGroupContext.Provider>\n    );\n}) as ForwardedRadioGroupWithStatics;\nRadioGroup.Item = RadioGroupItem;\n"],"names":["getRadioGroupItemValueAsString","value","String","findByValue","values","valueAsString","find","RadioGroupContext","React","disabled","invalid","RadioGroupItem","props","ref","context","children","otherProps","isDisabled","className","cn","labelClassName","RadioGroupPrimitive","useRadioGroup","defaultValue","onChange","orientation","radioGroupItemValues","forEach","child","push","valueProps","undefined","handleChange","onValueChange","RadioGroup","Provider","Item"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\r\nimport { Orientation } from '../../types';\r\n\r\nexport type RadioGroupItemValue = string | number | boolean | null;\r\n\r\nexport const getRadioGroupItemValueAsString = (value: RadioGroupItemValue): string => String(value ?? '');\r\n\r\nexport const findByValue = (values: RadioGroupItemValue[], valueAsString: string): RadioGroupItemValue =>\r\n    values.find(value => getRadioGroupItemValueAsString(value) === valueAsString) as RadioGroupItemValue;\r\n\r\nconst RadioGroupContext = React.createContext({ disabled: false, invalid: false });\r\n\r\nexport type RadioGroupItemProps<T = HTMLButtonElement> = Omit<\r\n    React.ButtonHTMLAttributes<T>,\r\n    'children' | 'onSelect' | 'value'\r\n> & {\r\n    /** Label for the radio group item */\r\n    children: React.ReactNode;\r\n    /* Whether the radio group item is disabled */\r\n    disabled?: boolean;\r\n    /** Value of the radio button */\r\n    value: RadioGroupItemValue;\r\n};\r\n\r\nconst RadioGroupItem = React.forwardRef(function RadioGroupItem(props: RadioGroupItemProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(RadioGroupContext);\r\n    const { children, value, ...otherProps } = props;\r\n\r\n    const isDisabled = context.disabled || props.disabled;\r\n\r\n    const className = cn(\r\n        'flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2',\r\n        {\r\n            'border-grey-dark hover:border-4 focus:yt-focus aria-checked:bg-blue aria-checked:border-blue hover:aria-checked:border-blue-light':\r\n                !isDisabled && !context.invalid,\r\n            'border-grey cursor-not-allowed aria-checked:bg-blue-light aria-checked:border-blue-light ': isDisabled,\r\n            'border-red hover:border-4 text-red focus:border-red focus:yt-focus-red aria-checked:bg-red aria-checked:border-red':\r\n                context.invalid && !isDisabled,\r\n        }\r\n    );\r\n    const labelClassName = cn(\r\n        'flex items-center gap-2',\r\n        {\r\n            'cursor-pointer': !isDisabled,\r\n            'cursor-not-allowed text-grey-dark': isDisabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <label className={labelClassName}>\r\n            <RadioGroupPrimitive.Item\r\n                {...otherProps}\r\n                className={className}\r\n                disabled={isDisabled}\r\n                ref={ref}\r\n                value={getRadioGroupItemValueAsString(value)}\r\n            >\r\n                <RadioGroupPrimitive.Indicator className=\"h-2 w-2 rounded-full bg-white\" />\r\n            </RadioGroupPrimitive.Item>\r\n            {children}\r\n        </label>\r\n    );\r\n});\r\n\r\ntype ReactGroupBaseChild = React.ReactElement<RadioGroupItemProps> | boolean | null;\r\n\r\ntype RadioGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\r\n    children: ReactGroupBaseChild[];\r\n    /* Whether the radio group is disabled */\r\n    disabled?: boolean;\r\n    /* Whether the radio group is in an invalid state */\r\n    invalid?: boolean;\r\n    /** The name of the radio group, used when submitting an HTML form */\r\n    name?: string;\r\n    /**\r\n     * Orientation of the radio group\r\n     * @defaultValue vertical\r\n     */\r\n    orientation?: Orientation;\r\n    /* Whether the radio group requires user input */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledRadioGroupProps extends RadioGroupBaseProps {\r\n    /* The default value (uncontrolled) */\r\n    defaultValue?: RadioGroupItemValue;\r\n    onChange?: never;\r\n    value?: never;\r\n}\r\n\r\ninterface ControlledRadioGroupProps extends RadioGroupBaseProps {\r\n    defaultValue?: never;\r\n    /** Handler called when the value changes */\r\n    onChange: (value: RadioGroupItemValue) => void;\r\n    /** The current value (controlled) */\r\n    value?: RadioGroupItemValue;\r\n}\r\n\r\nexport type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;\r\n\r\nexport type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<\r\n    RadioGroupProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n    /** Item component rendered in a `RadioGroup` component */\r\n    Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;\r\n};\r\n\r\nexport const useRadioGroup = (props: RadioGroupProps) => {\r\n    const { children, defaultValue, disabled, invalid, onChange, orientation = 'vertical', value, ...otherProps } = props;\r\n\r\n    const values = React.useMemo<RadioGroupItemValue[]>(() => {\r\n        const radioGroupItemValues: RadioGroupItemValue[] = [];\r\n\r\n        React.Children.forEach(children, child => {\r\n            if (React.isValidElement(child)) {\r\n                radioGroupItemValues.push(child.props.value);\r\n            }\r\n        });\r\n\r\n        return radioGroupItemValues;\r\n    }, [children]);\r\n\r\n    const context = React.useMemo(() => ({ disabled: disabled ?? false, invalid: invalid ?? false }), [disabled, invalid]);\r\n\r\n    let valueProps;\r\n\r\n    if (onChange !== undefined) {\r\n        const handleChange = (value: string): void => onChange(findByValue(values, value));\r\n\r\n        valueProps = {\r\n            onValueChange: handleChange,\r\n            value: value !== undefined ? getRadioGroupItemValueAsString(value) : undefined,\r\n        };\r\n    } else {\r\n        valueProps = {\r\n            defaultValue: defaultValue !== undefined ? getRadioGroupItemValueAsString(defaultValue) : undefined,\r\n        };\r\n    }\r\n\r\n    return {\r\n        context,\r\n        props: {\r\n            ...otherProps,\r\n            ...valueProps,\r\n            children,\r\n            orientation,\r\n        },\r\n    };\r\n};\r\n\r\nexport const RadioGroup = React.forwardRef(function RadioGroup(props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { context, props: otherProps } = useRadioGroup(props);\r\n    const className = cn(\r\n        'flex items-start gap-y-2',\r\n        {\r\n            'flex-wrap gap-x-4 ': otherProps.orientation === 'horizontal',\r\n            'flex-col': otherProps.orientation === 'vertical',\r\n        },\r\n        otherProps.className\r\n    );\r\n\r\n    return (\r\n        <RadioGroupContext.Provider value={context}>\r\n            <RadioGroupPrimitive.Root {...otherProps} className={className} data-taco=\"radio-group\" ref={ref} />\r\n        </RadioGroupContext.Provider>\r\n    );\r\n}) as ForwardedRadioGroupWithStatics;\r\nRadioGroup.Item = RadioGroupItem;\r\n"],"names":["getRadioGroupItemValueAsString","value","String","findByValue","values","valueAsString","find","RadioGroupContext","React","disabled","invalid","RadioGroupItem","props","ref","context","children","otherProps","isDisabled","className","cn","labelClassName","RadioGroupPrimitive","useRadioGroup","defaultValue","onChange","orientation","radioGroupItemValues","forEach","child","push","valueProps","undefined","handleChange","onValueChange","RadioGroup","Provider","Item"],"mappings":"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"}

package/dist/esm/components/SearchInput/SearchInput.js

@@ -14,7 +14,6 @@ import '../Spinner/Spinner.js';
 import '../Toast/Toaster.js';
 import { useLocalization } from '../Provider/Provider.js';
 import '../Calendar/Calendar.js';
-import '../Card/Card.js';
 import '../Checkbox/Checkbox.js';
 import { Input } from '../Input/Input.js';
 import keycode from 'keycode';
@@ -50,6 +49,7 @@ import '../Textarea/Textarea.js';
 import '../Switch/Switch.js';
 import '../Tour/Tour.js';
 import '../../utils/hooks/useOnClickOutside.js';
+import '../Card/Card.js';
 
 var _excluded = ["onSearch"];
 var SearchInput = /*#__PURE__*/forwardRef(function SearchInput(_ref, ref) {