@economic/taco 1.0.6 → 1.0.9

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { MenuProps } from '../..';
+export declare type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Title of the Card */
+    title: React.ReactElement;
+    /** Menu component associated with the Card */
+    menu?: (props: Partial<MenuProps>) => JSX.Element;
+};
+export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Title of the Card */
+    title: React.ReactElement;
+    /** Menu component associated with the Card */
+    menu?: ((props: Partial<MenuProps>) => JSX.Element) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,75 @@
+import { forwardRef, createElement } from 'react';
+import cn from 'classnames';
+import '../Icon/components/index.js';
+import '../Icon/Icon.js';
+import '../Accordion/Accordion.js';
+import '../Backdrop/Backdrop.js';
+import '../VisuallyHidden/VisuallyHidden.js';
+import '../Badge/Badge.js';
+import '../Tooltip/Tooltip.js';
+import { IconButton } from '../IconButton/IconButton.js';
+import '../Banner/Banner.js';
+import '../Button/Button.js';
+import '../Spinner/Spinner.js';
+import '../Toast/Toaster.js';
+import '../Provider/Provider.js';
+import '../Calendar/Calendar.js';
+import '../Checkbox/Checkbox.js';
+import '../Input/Input.js';
+import '../../utils/hooks/useListKeyboardNavigation.js';
+import '../../utils/hooks/useListScrollTo.js';
+import '../../utils/hooks/useBoundingClientRectListener.js';
+import '../Combobox/Combobox.js';
+import '../../utils/date.js';
+import '../Popover/Popover.js';
+import '../Datepicker/Datepicker.js';
+import '../Dialog/Dialog.js';
+import '../Field/Field.js';
+import '../Form/Form.js';
+import '../Group/Group.js';
+import '../Hanger/Hanger.js';
+import '../HoverCard/HoverCard.js';
+import '../SearchInput/SearchInput.js';
+import '../Listbox/Listbox.js';
+import '../RadioGroup/RadioGroup.js';
+import '../Menu/Menu.js';
+import '../Treeview/Treeview.js';
+import '../Navigation/Navigation.js';
+import '../Select/Select.js';
+import '../Pagination/usePagination.js';
+import '../Pagination/Pagination.js';
+import '../Progress/Progress.js';
+import '../Table/components/Table.js';
+import '../Table/components/PaginatedTable.js';
+import '../Table/components/WindowedTable.js';
+import '../Table/util/rowIndexPath.js';
+import '../Table/hooks/useRowCreation.js';
+import '../Tabs/Tabs.js';
+import '../Textarea/Textarea.js';
+import '../Switch/Switch.js';
+import '../Tour/Tour.js';
+import '../../utils/hooks/useOnClickOutside.js';
+
+var Card = /*#__PURE__*/forwardRef(function Card(props, ref) {
+  var title = props.title,
+      menu = props.menu,
+      children = props.children;
+  var className = cn('bg-white p-4 rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+  return createElement("div", {
+    className: className,
+    "data-taco": "card",
+    ref: ref
+  }, createElement("span", {
+    className: "flex"
+  }, title && createElement("h4", {
+    className: "flex-grow text-left"
+  }, title), menu ? createElement(IconButton, {
+    icon: "ellipsis-horizontal",
+    appearance: "discrete",
+    menu: menu,
+    className: "-mt-[4px]"
+  }) : null), children);
+});
+
+export { Card };
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { MenuProps, IconButton } from '../..';\r\n\r\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Title of the Card */\r\n    title: React.ReactElement;\r\n    /** Menu component associated with the Card */\r\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\r\n};\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\r\n    const { title, menu, children } = props;\r\n    const className = cn(\r\n        'bg-white p-4 rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <div className={className} data-taco=\"card\" ref={ref}>\r\n            <span className=\"flex\">\r\n                {title && <h4 className=\"flex-grow text-left\">{title}</h4>}\r\n                {menu ? <IconButton icon=\"ellipsis-horizontal\" appearance=\"discrete\" menu={menu} className=\"-mt-[4px]\" /> : null}\r\n            </span>\r\n            {children}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["Card","React","props","ref","title","menu","children","className","cn","IconButton","icon","appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYaA,IAAI,gBAAGC,UAAA,CAA4C,SAASD,IAAT,CAAcE,KAAd,EAAqBC,GAArB;AAC5D,MAAQC,KAAR,GAAkCF,KAAlC,CAAQE,KAAR;AAAA,MAAeC,IAAf,GAAkCH,KAAlC,CAAeG,IAAf;AAAA,MAAqBC,QAArB,GAAkCJ,KAAlC,CAAqBI,QAArB;AACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,8FADgB,EAEhBN,KAAK,CAACK,SAFU,CAApB;AAKA,SACIN,aAAA,MAAA;AAAKM,IAAAA,SAAS,EAAEA;iBAAqB;AAAOJ,IAAAA,GAAG,EAAEA;GAAjD,EACIF,aAAA,OAAA;AAAMM,IAAAA,SAAS,EAAC;GAAhB,EACKH,KAAK,IAAIH,aAAA,KAAA;AAAIM,IAAAA,SAAS,EAAC;GAAd,EAAqCH,KAArC,CADd,EAEKC,IAAI,GAAGJ,aAAA,CAACQ,UAAD;AAAYC,IAAAA,IAAI,EAAC;AAAsBC,IAAAA,UAAU,EAAC;AAAWN,IAAAA,IAAI,EAAEA;AAAME,IAAAA,SAAS,EAAC;GAAnF,CAAH,GAAuG,IAFhH,CADJ,EAKKD,QALL,CADJ;AASH,CAhBmB;;;;"}

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

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { Icon } from '../Icon/Icon.js';
@@ -5,20 +6,25 @@ import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { Treeview } from '../Treeview/Treeview.js';
 import { useDropTarget } from '../../utils/hooks/useDropTarget.js';
 
-const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
-  const {
-    active,
-    children,
-    onDrop,
-    postfix,
-    prefix,
-    role,
-    ...otherProps
-  } = props;
-  const proxyRef = useProxiedRef(ref);
-  const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
-  const isTreeitem = role === 'treeitem';
-  const className = cn('yt-navigation__item cursor-pointer', {
+var _excluded = ["active", "children", "onDrop", "postfix", "prefix", "role"],
+    _excluded2 = ["children"];
+var Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  var active = props.active,
+      children = props.children,
+      onDrop = props.onDrop,
+      postfix = props.postfix,
+      prefix = props.prefix,
+      role = props.role,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var proxyRef = useProxiedRef(ref);
+
+  var _useDropTarget = useDropTarget(onDrop),
+      isDraggedOver = _useDropTarget[0],
+      dropTargetProps = _useDropTarget[1];
+
+  var isTreeitem = role === 'treeitem';
+  var className = cn('yt-navigation__item cursor-pointer', {
     'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-dark': isTreeitem,
     'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,
     'yt-navigation__item--active': active && !isDraggedOver,
@@ -26,7 +32,7 @@ const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
     'yt-navigation__item--dropping bg-blue': isDraggedOver
   }, props.className);
 
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {
       return;
     }
@@ -49,19 +55,19 @@ const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
     className: "yt-navigation__item__postfix ml-1"
   }, postfix));
 });
-const Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
+var Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
     className: cn('w-full bg-white p-3', props.className),
     ref: ref
   }));
 });
-const MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
-  const className = cn('flex-shrink-0 space-y-1 outline-none', {
+var MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
+  var className = cn('flex-shrink-0 space-y-1 outline-none', {
     'bg-white pb-2': props.fixed
   }, props.className);
 
-  const title = expanded => {
-    const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
+  var title = function title(expanded) {
+    var className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
       'mb-1': expanded,
       'cursor-pointer hover:text-blue': !props.fixed
     });
@@ -78,14 +84,16 @@ const MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(prop
     ref: ref
   }));
 });
-const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
-  const scrollableAreas = React__default.useMemo(() => {
-    const scrollableAreas = [];
-    React__default.Children.toArray(props.children).filter(child => !!child).map(child => {
+var Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
+  var scrollableAreas = React__default.useMemo(function () {
+    var scrollableAreas = [];
+    React__default.Children.toArray(props.children).filter(function (child) {
+      return !!child;
+    }).map(function (child) {
       if (child.props.fixed) {
         scrollableAreas.push(child);
       } else {
-        const x = scrollableAreas[scrollableAreas.length - 1];
+        var x = scrollableAreas[scrollableAreas.length - 1];
 
         if (Array.isArray(x)) {
           x.push(child);
@@ -99,18 +107,19 @@ const Menu = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
   return React__default.createElement(Treeview, Object.assign({}, props, {
     className: cn('divide-grey-light flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className),
     ref: ref
-  }), scrollableAreas.map((area, i) => Array.isArray(area) ? React__default.createElement("div", {
-    className: "divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
-    key: i
-  }, area) : area));
+  }), scrollableAreas.map(function (area, i) {
+    return Array.isArray(area) ? React__default.createElement("div", {
+      className: "divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
+      key: i
+    }, area) : area;
+  }));
 });
 Menu.Group = MenuGroup;
-const Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
-  const {
-    children,
-    ...otherProps
-  } = props;
-  const className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);
+var Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
+  var children = props.children,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  var className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);
   return React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "navigation",

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';\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","isDraggedOver","dropTargetProps","useDropTarget","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/Pagination.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -8,41 +9,47 @@ import { Select } from '../Select/Select.js';
 import { usePaginationShortcuts } from './usePaginationShortcuts.js';
 export { usePagination } from './usePagination.js';
 
-const getShowingLabel = (length, pageIndex, pageSize, texts) => {
-  const minItemIndex = pageIndex * pageSize + 1;
-  const maxItemIndex = (pageIndex + 1) * pageSize;
+var _excluded = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+
+var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
+  var minItemIndex = pageIndex * pageSize + 1;
+  var maxItemIndex = (pageIndex + 1) * pageSize;
   return texts.pagination.showingXofYofTotal.replace('[X]', length === 0 ? '0' : String(minItemIndex)).replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex)).replace('[total]', String(length));
 };
 
-const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
-  const {
-    length,
-    pageIndex,
-    pageSize,
-    pageSizes = [10, 25, 50, 100, 500],
-    setPageIndex,
-    setPageSize,
-    showPageControls = true,
-    showPageNumbers = true,
-    showPageSize = true,
-    dangerouslyHijackGlobalKeyboardNavigation = false,
-    ...otherProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const maxPageIndex = Math.ceil(length / pageSize) - 1;
-  const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
+var Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
+  var length = props.length,
+      pageIndex = props.pageIndex,
+      pageSize = props.pageSize,
+      _props$pageSizes = props.pageSizes,
+      pageSizes = _props$pageSizes === void 0 ? [10, 25, 50, 100, 500] : _props$pageSizes,
+      setPageIndex = props.setPageIndex,
+      setPageSize = props.setPageSize,
+      _props$showPageContro = props.showPageControls,
+      showPageControls = _props$showPageContro === void 0 ? true : _props$showPageContro,
+      _props$showPageNumber = props.showPageNumbers,
+      showPageNumbers = _props$showPageNumber === void 0 ? true : _props$showPageNumber,
+      _props$showPageSize = props.showPageSize,
+      showPageSize = _props$showPageSize === void 0 ? true : _props$showPageSize,
+      _props$dangerouslyHij = props.dangerouslyHijackGlobalKeyboardNavigation,
+      dangerouslyHijackGlobalKeyboardNavigation = _props$dangerouslyHij === void 0 ? false : _props$dangerouslyHij,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var maxPageIndex = Math.ceil(length / pageSize) - 1;
+  var showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
   usePaginationShortcuts({
-    setPageIndex,
-    maxPageIndex,
-    pageIndex,
-    dangerouslyHijackGlobalKeyboardNavigation
+    setPageIndex: setPageIndex,
+    maxPageIndex: maxPageIndex,
+    pageIndex: pageIndex,
+    dangerouslyHijackGlobalKeyboardNavigation: dangerouslyHijackGlobalKeyboardNavigation
   });
-  const pageCount = Math.ceil(length / pageSize);
-  const canPreviousPage = pageIndex > 0;
-  const canNextPage = pageIndex < pageCount - 1;
-  const className = cn('inline-flex relative justify-between items-center', props.className);
+  var pageCount = Math.ceil(length / pageSize);
+  var canPreviousPage = pageIndex > 0;
+  var canNextPage = pageIndex < pageCount - 1;
+  var className = cn('inline-flex relative justify-between items-center', props.className);
   return createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "pagination",
@@ -52,11 +59,13 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
   }, getShowingLabel(length, pageIndex, pageSize, texts), createElement(Select, {
     "aria-label": texts.pagination.pageSize,
     className: "ml-4 !w-20",
-    data: pageSizes.map(pageSize => ({
-      text: String(pageSize),
-      value: pageSize
-    })),
-    onChange: event => {
+    data: pageSizes.map(function (pageSize) {
+      return {
+        text: String(pageSize),
+        value: pageSize
+      };
+    }),
+    onChange: function onChange(event) {
       setPageIndex(0);
       setPageSize(Number(event.target.value));
     },
@@ -68,14 +77,18 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-start",
-    onClick: () => setPageIndex(0),
+    onClick: function onClick() {
+      return setPageIndex(0);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage
   }), createElement(IconButton, {
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-left",
-    onClick: () => setPageIndex(pageIndex - 1),
+    onClick: function onClick() {
+      return setPageIndex(pageIndex - 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage
   }), showPageNumbers && pageCount > 0 && createElement(PageNumbers, {
@@ -86,14 +99,18 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-right",
-    onClick: () => setPageIndex(pageIndex + 1),
+    onClick: function onClick() {
+      return setPageIndex(pageIndex + 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage
   }), createElement(IconButton, {
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-end",
-    onClick: () => setPageIndex(pageCount - 1),
+    onClick: function onClick() {
+      return setPageIndex(pageCount - 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage
   })));

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';\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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"}
+{"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/Popover/Popover.js

@@ -1,21 +1,23 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useMemo, createElement, createContext, useContext, isValidElement } from 'react';
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Close as Close$1 } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
 import mergeRefs from '../../utils/mergeRefs.js';
 
-const PopoverContext = /*#__PURE__*/createContext({
+var _excluded = ["children", "trigger"];
+var PopoverContext = /*#__PURE__*/createContext({
   props: {},
   ref: null
 });
-const Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
+var Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
   var _props$children;
 
-  const context = useContext(PopoverContext);
-  let children = props.children;
+  var context = useContext(PopoverContext);
+  var children = props.children;
 
   if (isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
-    console.warn(`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`);
+    console.warn("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");
     children = createElement("span", null, props.children);
   }
 
@@ -25,22 +27,22 @@ const Trigger = /*#__PURE__*/forwardRef(function PopoverTrigger(props, ref) {
     asChild: true
   }));
 });
-const RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper({
-  children,
-  onClick
-}, ref) {
-  const close = () => {
+var RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper(_ref, ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick;
+
+  var close = function close() {
     onClick(new CustomEvent('hide'));
   };
 
   return children({
-    close,
-    ref
+    close: close,
+    ref: ref
   });
 });
-const Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
-  const className = cn('bg-white focus:border-blue-light', props.className);
-  let output;
+var Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
+  var className = cn('bg-white focus:border-blue-light', props.className);
+  var output;
 
   if (typeof props.children === 'function') {
     output = createElement(Close$1, {
@@ -58,20 +60,23 @@ const Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
     className: "text-white"
   }));
 });
-const Close = /*#__PURE__*/forwardRef((props, ref) => createElement(Close$1, Object.assign({}, props, {
-  ref: ref,
-  asChild: true
-})));
-const Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
-  const {
-    children,
-    trigger,
-    ...otherProps
-  } = props;
-  const context = useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [otherProps]);
+var Close = /*#__PURE__*/forwardRef(function (props, ref) {
+  return createElement(Close$1, Object.assign({}, props, {
+    ref: ref,
+    asChild: true
+  }));
+});
+var Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
+  var children = props.children,
+      trigger = props.trigger,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var context = useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [otherProps]);
   return createElement(PopoverContext.Provider, {
     value: context
   }, createElement(Root, null, trigger && createElement(Trigger, null, trigger), children));