@economic/taco 2.47.0-server.4 → 2.47.0-server.5

package/dist/esm/packages/taco/src/components/Navigation2/components/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../../../../../src/components/Navigation2/components/Section.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {\n    heading?: string;\n};\n\nexport const Section = React.forwardRef<HTMLLIElement, Navigation2SectionProps>(function Navigation2(props, ref) {\n    const { children, heading, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0',\n        getAdjacentClasses(),\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-section\" ref={ref} role=\"none\">\n            {heading ? (\n                <span className=\"text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden\">\n                    {heading}\n                </span>\n            ) : null}\n            <ul className=\"mb-0 flex flex-col gap-y-px\">{children}</ul>\n        </li>\n    );\n});\n"],"names":["Section","React","forwardRef","Navigation2","props","ref","children","heading","attributes","className","cn","getAdjacentClasses","role"],"mappings":";;;;MAQaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAClD,MAAMK,SAAS,GAAGC,EAAE,CAChB,yGAAyG,EACzGC,kBAAkB,EAAE,EACpBP,KAAK,CAACK,SAAS,CAClB;EAED,oBACIR,qDAAQO,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACJ,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;MACpFL,OAAO,iBACJN;IAAMQ,SAAS,EAAC;KACXF,OAAO,CACL,IACP,IAAI,eACRN;IAAIQ,SAAS,EAAC;KAA+BH,QAAQ,CAAM,CAC1D;AAEb,CAAC;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../../../../../src/components/Navigation2/components/Section.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {\n    heading?: string;\n};\n\nexport const Section = React.forwardRef<HTMLLIElement, Navigation2SectionProps>(function Navigation2(props, ref) {\n    const { children, heading, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0',\n        getAdjacentClasses(),\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-section\" ref={ref} role=\"none\">\n            {heading ? (\n                <span className=\"text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden\">\n                    {heading}\n                </span>\n            ) : null}\n            <ul className=\"mb-0 flex flex-col gap-y-px\">{children}</ul>\n        </li>\n    );\n});\n"],"names":["Section","React","forwardRef","Navigation2","props","ref","children","heading","attributes","_objectWithoutPropertiesLoose","_excluded","className","cn","getAdjacentClasses","role"],"mappings":";;;;;;IAQaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,IAAQC,QAAQ,GAA6BF,KAAK,CAA1CE,QAAQ;IAAEC,OAAO,GAAoBH,KAAK,CAAhCG,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAClD,IAAMC,SAAS,GAAGC,EAAE,CAChB,yGAAyG,EACzGC,kBAAkB,EAAE,EACpBT,KAAK,CAACO,SAAS,CAClB;EAED,oBACIV,qDAAQO,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACN,GAAG,EAAEA,GAAG;IAAES,IAAI,EAAC;MACpFP,OAAO,iBACJN;IAAMU,SAAS,EAAC;KACXJ,OAAO,CACL,IACP,IAAI,eACRN;IAAIU,SAAS,EAAC;KAA+BL,QAAQ,CAAM,CAC1D;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/util.js

@@ -1,12 +1,14 @@
 import cn from 'clsx';
 
-const getAdjacentClasses = () => cn(
-// styling if the element is proceeded by a link item
-'[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2', "[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 ",
-// styling if the element is proceeded by content
-"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",
-// styling if the element is proceeded by a section
-"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2");
+var getAdjacentClasses = function getAdjacentClasses() {
+  return cn(
+  // styling if the element is proceeded by a link item
+  '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2', "[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 ",
+  // styling if the element is proceeded by content
+  "[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",
+  // styling if the element is proceeded by a section
+  "[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2");
+};
 
 export { getAdjacentClasses };
 //# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../src/components/Navigation2/components/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getAdjacentClasses = () =>\n    cn(\n        // styling if the element is proceeded by a link item\n        '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2',\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 \",\n        // styling if the element is proceeded by content\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2\",\n        // styling if the element is proceeded by a section\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n    );\n"],"names":["getAdjacentClasses","cn"],"mappings":";;MAEaA,kBAAkB,GAAGA,MAC9BC,EAAE;AACE;AACA,2DAA2D,EAC3D,mEAAmE,EACnE,8DAA8D;AAC9D;AACA,iEAAiE,EACjE,2DAA2D;AAC3D;AACA,iEAAiE,EACjE,2DAA2D;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../src/components/Navigation2/components/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getAdjacentClasses = () =>\n    cn(\n        // styling if the element is proceeded by a link item\n        '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2',\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 \",\n        // styling if the element is proceeded by content\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2\",\n        // styling if the element is proceeded by a section\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n    );\n"],"names":["getAdjacentClasses","cn"],"mappings":";;IAEaA,kBAAkB,GAAG,SAArBA,kBAAkBA;EAAA,OAC3BC,EAAE;;EAEE,2DAA2D,EAC3D,mEAAmE,EACnE,8DAA8D;;EAE9D,iEAAiE,EACjE,2DAA2D;;EAE3D,iEAAiE,EACjE,2DAA2D,CAC9D;AAAA;;;;"}

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

@@ -1,82 +1,79 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Menu } from '../Menu/Menu.js';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver.js';
 
-const sanitizeButtonPropsForMenuItem = (button, index) => {
-  const href = button.props.to || button.props.href;
-  const Tag = href ? Menu.Link : Menu.Item;
+var _excluded = ["as", "className", "appearance", "drawer", "fluid", "hanger", "menu", "popover", "tooltip"],
+  _excluded2 = ["moreButton", "wrapChild"];
+var sanitizeButtonPropsForMenuItem = function sanitizeButtonPropsForMenuItem(button, index) {
+  var href = button.props.to || button.props.href;
+  var Tag = href ? Menu.Link : Menu.Item;
   // Removing className prop so that custom styling cannot be applied on Menu.Link
-  const {
-    as,
-    className: _,
-    appearance: _1,
-    drawer: _2,
-    fluid: _3,
-    hanger: _4,
-    menu: _5,
-    popover: _6,
-    tooltip: _7,
-    ...attributes
-  } = button.props;
-  const props = {
-    ...attributes,
+  var _button$props = button.props,
+    as = _button$props.as,
+    attributes = _objectWithoutPropertiesLoose(_button$props, _excluded);
+  var props = _extends({}, attributes, {
     key: index,
     target: href ? href.startsWith('http') ? '_blank' : '_self' : undefined
-  };
+  });
   if (as) {
-    return /*#__PURE__*/React__default.cloneElement(button, {
-      as: Tag,
-      ...props
-    });
+    return /*#__PURE__*/React__default.cloneElement(button, _extends({
+      as: Tag
+    }, props));
   }
   return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, props));
 };
-const DEFAULT_OFFSET = 32 + 8;
-const OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGroup(props, ref) {
+var DEFAULT_OFFSET = 32 + 8;
+var OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGroup(props, ref) {
   var _moreButton;
-  const {
-    moreButton,
-    wrapChild,
-    ...attributes
-  } = props;
-  const internalRef = useMergedRef(ref);
+  var moreButton = props.moreButton,
+    wrapChild = props.wrapChild,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
+  var internalRef = useMergedRef(ref);
   // determine width of more button, to add intersection observer margin
-  const [buttonWidth, setButtonWidth] = React__default.useState(DEFAULT_OFFSET);
-  const buttonRefCallback = React__default.useCallback(el => {
+  var _React$useState = React__default.useState(DEFAULT_OFFSET),
+    buttonWidth = _React$useState[0],
+    setButtonWidth = _React$useState[1];
+  var buttonRefCallback = React__default.useCallback(function (el) {
     var _el$getBoundingClient;
     return setButtonWidth(el === null || el === void 0 ? void 0 : (_el$getBoundingClient = el.getBoundingClientRect()) === null || _el$getBoundingClient === void 0 ? void 0 : _el$getBoundingClient.width);
   }, []);
-  const {
-    texts
-  } = useLocalization();
-  const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
-  const children = React__default.Children.toArray(props.children);
-  const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
-  const hiddenChildrenCount = hiddenChildren.length;
-  const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';
-  const MoreButton = (_moreButton = moreButton === null || moreButton === void 0 ? void 0 : moreButton(moreButtonText)) !== null && _moreButton !== void 0 ? _moreButton : /*#__PURE__*/React__default.createElement(IconButton, {
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
+  var children = React__default.Children.toArray(props.children);
+  var hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
+  var hiddenChildrenCount = hiddenChildren.length;
+  var moreButtonText = hiddenChildrenCount ? hiddenChildrenCount + " " + texts.header.more : '';
+  var MoreButton = (_moreButton = moreButton === null || moreButton === void 0 ? void 0 : moreButton(moreButtonText)) !== null && _moreButton !== void 0 ? _moreButton : /*#__PURE__*/React__default.createElement(IconButton, {
     icon: "more"
   });
-  const className = cn('flex overflow-hidden', props.className);
+  var className = cn('flex overflow-hidden', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: className,
     "data-taco": "overflow-group",
     ref: internalRef
-  }), children.map((child, index) => /*#__PURE__*/React__default.cloneElement(child, {
-    className: cn(child.props.className, {
-      visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
-      'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
-    })
-  })), hiddenChildren.length ? /*#__PURE__*/React__default.cloneElement(MoreButton, {
+  }), children.map(function (child, index) {
+    return /*#__PURE__*/React__default.cloneElement(child, {
+      className: cn(child.props.className, {
+        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
+        'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
+      })
+    });
+  }), hiddenChildren.length ? /*#__PURE__*/React__default.cloneElement(MoreButton, {
     className: cn('sticky right-0 order-[99]', MoreButton.props.className),
     'data-observer-ignore': true,
-    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hiddenChildren.map((child, index) => wrapChild ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
-      key: index
-    }, child)) : sanitizeButtonPropsForMenuItem(child, index))))),
+    menu: function menu(menuProps) {
+      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hiddenChildren.map(function (child, index) {
+        return wrapChild ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
+          key: index
+        }, child)) : sanitizeButtonPropsForMenuItem(child, index);
+      })));
+    },
     ref: buttonRefCallback
   }) : null);
 });

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowGroup.js","sources":["../../../../../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: any, index) => {\n    const href: string | undefined = button.props.to || button.props.href;\n    const Tag = href ? Menu.Link : Menu.Item;\n\n    // Removing className prop so that custom styling cannot be applied on Menu.Link\n    const {\n        as,\n        className: _,\n        appearance: _1,\n        drawer: _2,\n        fluid: _3,\n        hanger: _4,\n        menu: _5,\n        popover: _6,\n        tooltip: _7,\n        ...attributes\n    } = button.props;\n\n    const props = {\n        ...attributes,\n        key: index,\n        target: href ? (href.startsWith('http') ? '_blank' : '_self') : undefined,\n    };\n\n    if (as) {\n        return React.cloneElement(button, { as: Tag, ...props });\n    }\n\n    return <Tag {...props} />;\n};\n\ntype OverflowGroupProps = React.HTMLAttributes<HTMLElement> & {\n    moreButton?: (moreButtonText: string) => React.ReactElement<ButtonProps>;\n    wrapChild?: true | undefined;\n};\n\nconst DEFAULT_OFFSET = 32 + 8;\n\nexport const OverflowGroup = React.forwardRef(function OverflowGroup(props: OverflowGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { moreButton, wrapChild, ...attributes } = props;\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    // determine width of more button, to add intersection observer margin\n    const [buttonWidth, setButtonWidth] = React.useState(DEFAULT_OFFSET);\n    const buttonRefCallback = React.useCallback((el: HTMLElement) => setButtonWidth(el?.getBoundingClientRect()?.width), []);\n    const { texts } = useLocalization();\n\n    const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);\n    const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n    const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n    const hiddenChildrenCount = hiddenChildren.length;\n    const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';\n\n    const MoreButton = moreButton?.(moreButtonText) ?? <IconButton icon=\"more\" />;\n\n    const className = cn('flex overflow-hidden', props.className);\n\n    return (\n        <div {...attributes} className={className} data-taco=\"overflow-group\" ref={internalRef}>\n            {children.map((child, index) =>\n                React.cloneElement(child, {\n                    className: cn(child.props.className, {\n                        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n                        'invisible order-[100] pointer-events-none':\n                            intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n                    }),\n                })\n            )}\n            {hiddenChildren.length\n                ? React.cloneElement(MoreButton, {\n                      className: cn('sticky right-0 order-[99]', MoreButton.props.className),\n                      'data-observer-ignore': true,\n                      menu: menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content>\n                                  {hiddenChildren.map((child, index) =>\n                                      wrapChild ? (\n                                          <Menu.Item key={index}>{child}</Menu.Item>\n                                      ) : (\n                                          sanitizeButtonPropsForMenuItem(child, index)\n                                      )\n                                  )}\n                              </Menu.Content>\n                          </Menu>\n                      ),\n                      ref: buttonRefCallback,\n                  })\n                : null}\n        </div>\n    );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","button","index","href","props","to","Tag","Menu","Link","Item","as","className","_","appearance","_1","drawer","_2","fluid","_3","hanger","_4","menu","_5","popover","_6","tooltip","_7","attributes","key","target","startsWith","undefined","React","cloneElement","DEFAULT_OFFSET","OverflowGroup","forwardRef","ref","moreButton","wrapChild","internalRef","useMergedRef","buttonWidth","setButtonWidth","useState","buttonRefCallback","useCallback","el","_el$getBoundingClient","getBoundingClientRect","width","texts","useLocalization","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hiddenChildren","slice","hiddenChildrenCount","length","moreButtonText","header","more","MoreButton","_moreButton","IconButton","icon","cn","map","child","visible","menuProps","Content"],"mappings":"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"}
+{"version":3,"file":"OverflowGroup.js","sources":["../../../../../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: any, index) => {\n    const href: string | undefined = button.props.to || button.props.href;\n    const Tag = href ? Menu.Link : Menu.Item;\n\n    // Removing className prop so that custom styling cannot be applied on Menu.Link\n    const {\n        as,\n        className: _,\n        appearance: _1,\n        drawer: _2,\n        fluid: _3,\n        hanger: _4,\n        menu: _5,\n        popover: _6,\n        tooltip: _7,\n        ...attributes\n    } = button.props;\n\n    const props = {\n        ...attributes,\n        key: index,\n        target: href ? (href.startsWith('http') ? '_blank' : '_self') : undefined,\n    };\n\n    if (as) {\n        return React.cloneElement(button, { as: Tag, ...props });\n    }\n\n    return <Tag {...props} />;\n};\n\ntype OverflowGroupProps = React.HTMLAttributes<HTMLElement> & {\n    moreButton?: (moreButtonText: string) => React.ReactElement<ButtonProps>;\n    wrapChild?: true | undefined;\n};\n\nconst DEFAULT_OFFSET = 32 + 8;\n\nexport const OverflowGroup = React.forwardRef(function OverflowGroup(props: OverflowGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { moreButton, wrapChild, ...attributes } = props;\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    // determine width of more button, to add intersection observer margin\n    const [buttonWidth, setButtonWidth] = React.useState(DEFAULT_OFFSET);\n    const buttonRefCallback = React.useCallback((el: HTMLElement) => setButtonWidth(el?.getBoundingClientRect()?.width), []);\n    const { texts } = useLocalization();\n\n    const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);\n    const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n    const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n    const hiddenChildrenCount = hiddenChildren.length;\n    const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';\n\n    const MoreButton = moreButton?.(moreButtonText) ?? <IconButton icon=\"more\" />;\n\n    const className = cn('flex overflow-hidden', props.className);\n\n    return (\n        <div {...attributes} className={className} data-taco=\"overflow-group\" ref={internalRef}>\n            {children.map((child, index) =>\n                React.cloneElement(child, {\n                    className: cn(child.props.className, {\n                        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n                        'invisible order-[100] pointer-events-none':\n                            intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n                    }),\n                })\n            )}\n            {hiddenChildren.length\n                ? React.cloneElement(MoreButton, {\n                      className: cn('sticky right-0 order-[99]', MoreButton.props.className),\n                      'data-observer-ignore': true,\n                      menu: menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content>\n                                  {hiddenChildren.map((child, index) =>\n                                      wrapChild ? (\n                                          <Menu.Item key={index}>{child}</Menu.Item>\n                                      ) : (\n                                          sanitizeButtonPropsForMenuItem(child, index)\n                                      )\n                                  )}\n                              </Menu.Content>\n                          </Menu>\n                      ),\n                      ref: buttonRefCallback,\n                  })\n                : null}\n        </div>\n    );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","button","index","href","props","to","Tag","Menu","Link","Item","_button$props","as","attributes","_objectWithoutPropertiesLoose","_excluded","_extends","key","target","startsWith","undefined","React","cloneElement","DEFAULT_OFFSET","OverflowGroup","forwardRef","ref","moreButton","wrapChild","_excluded2","internalRef","useMergedRef","_React$useState","useState","buttonWidth","setButtonWidth","buttonRefCallback","useCallback","el","_el$getBoundingClient","getBoundingClientRect","width","_useLocalization","useLocalization","texts","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hiddenChildren","slice","hiddenChildrenCount","length","moreButtonText","header","more","MoreButton","_moreButton","IconButton","icon","className","cn","map","child","visible","menu","menuProps","Content"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Pagination/PageNumbers.js

@@ -2,10 +2,10 @@ import { createElement, Fragment } from 'react';
 import { useLocalization } from '../Provider/Localization.js';
 import { Button } from '../Button/Button.js';
 
-const createPageRange = (pageCount, pageNumber) => {
-  let lowerLimit = Math.min(pageNumber, pageCount);
-  let upperLimit = Math.min(pageNumber, pageCount);
-  for (let b = 1; b < 5 && b < pageCount;) {
+var createPageRange = function createPageRange(pageCount, pageNumber) {
+  var lowerLimit = Math.min(pageNumber, pageCount);
+  var upperLimit = Math.min(pageNumber, pageCount);
+  for (var b = 1; b < 5 && b < pageCount;) {
     if (lowerLimit > 1) {
       lowerLimit--;
       b++;
@@ -15,29 +15,32 @@ const createPageRange = (pageCount, pageNumber) => {
       b++;
     }
   }
-  const range = [];
-  for (let i = lowerLimit; i <= upperLimit; i++) {
+  var range = [];
+  for (var i = lowerLimit; i <= upperLimit; i++) {
     range.push(i);
   }
   return range;
 };
-const PageNumbers = ({
-  currentPageIndex = 0,
-  onClick: handleClick,
-  pageCount
-}) => {
-  const range = createPageRange(pageCount, currentPageIndex + 1);
-  const {
-    texts
-  } = useLocalization();
-  return /*#__PURE__*/createElement(Fragment, null, range.map(pageNumber => (/*#__PURE__*/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))));
+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 /*#__PURE__*/createElement(Fragment, null, range.map(function (pageNumber) {
+    return /*#__PURE__*/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);
+  }));
 };
 
 export { PageNumbers };

package/dist/esm/packages/taco/src/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/Localization';\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                    {pageNumber}\n                </Button>\n            ))}\n        </>\n    );\n};\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,GAAGA,CAACC,SAAiB,EAAEC,UAAkB;EAC1D,IAAIC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAChD,IAAIK,UAAU,GAAGF,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAEhD,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,IAAIA,CAAC,GAAGN,SAAS,GAAI;IACtC,IAAIE,UAAU,GAAG,CAAC,EAAE;MAChBA,UAAU,EAAE;MACZI,CAAC,EAAE;;IAEP,IAAIA,CAAC,GAAG,CAAC,IAAID,UAAU,GAAGL,SAAS,EAAE;MACjCK,UAAU,EAAE;MACZC,CAAC,EAAE;;;EAIX,MAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGN,UAAU,EAAEM,CAAC,IAAIH,UAAU,EAAEG,CAAC,EAAE,EAAE;IAC3CD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;;EAGjB,OAAOD,KAAK;AAChB,CAAC;MAEYG,WAAW,GAAGA,CAAC;EAAEC,gBAAgB,GAAG,CAAC;EAAEC,OAAO,EAAEC,WAAW;EAAEb;CAA4B;EAClG,MAAMO,KAAK,GAAGR,eAAe,CAACC,SAAS,EAAEW,gBAAgB,GAAG,CAAC,CAAC;EAC9D,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIC,8BACKT,KAAK,CAACU,GAAG,CAAEhB,UAAkB,kBAC1Be,cAACE,MAAM;IACHC,UAAU,EAAElB,UAAU,KAAKU,gBAAgB,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS;oBACzDV,UAAU,KAAKU,gBAAgB,GAAG,CAAC,GAAG,MAAM,GAAGS,SAAS;IACtEC,GAAG,EAAEpB,UAAU;IACfW,OAAO,EAAEA,MAAMC,WAAW,CAACZ,UAAU,GAAG,CAAC,CAAC;kBAC9Ba,KAAK,CAACQ,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACzB,UAAU,CAAC,CAAC;IAC7E0B,OAAO,EAAEb,KAAK,CAACQ,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACzB,UAAU,CAAC;KACxEA,UAAU,CACN,CACZ,CAAC,CACH;AAEX;;;;"}
+{"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/Localization';\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                    {pageNumber}\n                </Button>\n            ))}\n        </>\n    );\n};\n"],"names":["createPageRange","pageCount","pageNumber","lowerLimit","Math","min","upperLimit","b","range","i","push","PageNumbers","_ref","currentPageIndex","_ref$currentPageIndex","handleClick","onClick","_useLocalization","useLocalization","texts","React","map","Button","appearance","undefined","key","pagination","actions","pageX","replace","String","tooltip"],"mappings":";;;;AAUA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAiB,EAAEC,UAAkB;EAC1D,IAAIC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAChD,IAAIK,UAAU,GAAGF,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAEhD,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,IAAIA,CAAC,GAAGN,SAAS,GAAI;IACtC,IAAIE,UAAU,GAAG,CAAC,EAAE;MAChBA,UAAU,EAAE;MACZI,CAAC,EAAE;;IAEP,IAAIA,CAAC,GAAG,CAAC,IAAID,UAAU,GAAGL,SAAS,EAAE;MACjCK,UAAU,EAAE;MACZC,CAAC,EAAE;;;EAIX,IAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGN,UAAU,EAAEM,CAAC,IAAIH,UAAU,EAAEG,CAAC,EAAE,EAAE;IAC3CD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;;EAGjB,OAAOD,KAAK;AAChB,CAAC;IAEYG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;mCAAMC,gBAAgB;IAAhBA,gBAAgB,GAAAC,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAWC,WAAW,GAAAH,IAAA,CAApBI,OAAO;IAAef,SAAS,GAAAW,IAAA,CAATX,SAAS;EAC/E,IAAMO,KAAK,GAAGR,eAAe,CAACC,SAAS,EAAEY,gBAAgB,GAAG,CAAC,CAAC;EAC9D,IAAAI,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EAEb,oBACIC,8BACKZ,KAAK,CAACa,GAAG,CAAC,UAACnB,UAAkB;IAAA,oBAC1BkB,cAACE,MAAM;MACHC,UAAU,EAAErB,UAAU,KAAKW,gBAAgB,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS;sBACzDX,UAAU,KAAKW,gBAAgB,GAAG,CAAC,GAAG,MAAM,GAAGW,SAAS;MACtEC,GAAG,EAAEvB,UAAU;MACfc,OAAO,EAAE,SAAAA;QAAA,OAAMD,WAAW,CAACb,UAAU,GAAG,CAAC,CAAC;;oBAC9BiB,KAAK,CAACO,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAAC5B,UAAU,CAAC,CAAC;MAC7E6B,OAAO,EAAEZ,KAAK,CAACO,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAAC5B,UAAU,CAAC;OACxEA,UAAU,CACN;GACZ,CAAC,CACH;AAEX;;;;"}

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

@@ -1,5 +1,6 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Group } from '../Group/Group.js';
@@ -8,40 +9,43 @@ 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 /*#__PURE__*/createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "pagination",
@@ -51,11 +55,13 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
   }, getShowingLabel(length, pageIndex, pageSize, texts), /*#__PURE__*/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));
     },
@@ -67,14 +73,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
   }), /*#__PURE__*/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 && (/*#__PURE__*/createElement(PageNumbers, {
@@ -85,14 +95,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
   }), /*#__PURE__*/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/packages/taco/src/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 'clsx';\nimport { PageNumbers } from './PageNumbers';\nimport { LocalizationTexts, useLocalization } from '../Provider/Localization';\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';\nimport cn from 'clsx';\nimport { PageNumbers } from './PageNumbers';\nimport { LocalizationTexts, useLocalization } from '../Provider/Localization';\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","_props$pageSizes","pageSizes","setPageIndex","setPageSize","_props$showPageContro","showPageControls","_props$showPageNumber","showPageNumbers","_props$showPageSize","showPageSize","_props$dangerouslyHij","dangerouslyHijackGlobalKeyboardNavigation","otherProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","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/packages/taco/src/components/Pagination/usePagination.js

@@ -1,13 +1,23 @@
 import React__default from 'react';
 
-const usePagination = (initialPageIndex = 0, initialPageSize = 10) => {
-  const [pageIndex, setPageIndex] = React__default.useState(initialPageIndex);
-  const [pageSize, setPageSize] = React__default.useState(initialPageSize);
+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];
   return {
-    pageIndex,
-    pageSize,
-    setPageIndex,
-    setPageSize
+    pageIndex: pageIndex,
+    pageSize: pageSize,
+    setPageIndex: setPageIndex,
+    setPageSize: setPageSize
   };
 };
 

package/dist/esm/packages/taco/src/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","pageIndex","setPageIndex","React","useState","pageSize","setPageSize"],"mappings":";;MAaaA,aAAa,GAAGA,CAACC,gBAAgB,GAAG,CAAC,EAAEC,eAAe,GAAG,EAAE;EACpE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,gBAAgB,CAAC;EAClE,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAACJ,eAAe,CAAC;EAE/D,OAAO;IACHC,SAAS;IACTI,QAAQ;IACRH,YAAY;IACZI;GACH;AACL;;;;"}
+{"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","React","useState","pageIndex","setPageIndex","_React$useState2","pageSize","setPageSize"],"mappings":";;IAaaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,gBAAgB,EAAMC,eAAe;MAArCD,gBAAgB;IAAhBA,gBAAgB,GAAG,CAAC;;EAAA,IAAEC,eAAe;IAAfA,eAAe,GAAG,EAAE;;EACpE,IAAAC,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAACJ,gBAAgB,CAAC;IAA3DK,SAAS,GAAAH,eAAA;IAAEI,YAAY,GAAAJ,eAAA;EAC9B,IAAAK,gBAAA,GAAgCJ,cAAK,CAACC,QAAQ,CAACH,eAAe,CAAC;IAAxDO,QAAQ,GAAAD,gBAAA;IAAEE,WAAW,GAAAF,gBAAA;EAE5B,OAAO;IACHF,SAAS,EAATA,SAAS;IACTG,QAAQ,EAARA,QAAQ;IACRF,YAAY,EAAZA,YAAY;IACZG,WAAW,EAAXA;GACH;AACL;;;;"}