npm - @economic/taco - Versions diffs - 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0 - Mend

@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1711) hide show

package/dist/components/Navigation2/components/Link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n cn(\n 'group relative flex w-full items-center rounded leading-8 !text-black ~~px-2~~ focus-visible:yt-focus-dark',\n // override styles for links that are children of collapsible menus\n 'font-bold [[role=menu]>li>&]:~~font~~-~~normal~~ [[role=menu]>li>&]:pl-5',\n // override styles to adjust icons included in menu links\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n // override styles to adjust badges included in menu links\n '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n {\n 'hover:bg-black-subtle aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n '!bg-blue-500 !text-white [&>]:!text-white': isDraggedOver,\n }\n );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n active?: boolean;\n icon?: IconName;\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => JSX.Element;\n /* Handler to be used when dropping a dragged element over the Navigation2 link /\n onDrop?: React.DragEventHandler;\n /* Total shown inside a Badge component /\n total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n const listClassName = cn('[[role=menubar]>&]:px-3 ~~border-gray-100~~', getAdjacentClasses(), {\n '[&>]:pointer-events-none': isDraggedOver,\n });\n\n return (\n <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n <a\n {...attributes}\n aria-current={active ? 'page' : undefined}\n className={className}\n data-taco=\"navigation2-link\"\n ref={ref}\n role=\"menuitem\"\n tabIndex={0}>\n {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n <span className=\"flex flex-grow items-center truncate\">{children}</span>\n {menu ? (\n <LegacyIconButton\n appearance=\"discrete\"\n icon=\"more\"\n aria-label=\"More\"\n rounded\n className={cn(\n '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n {\n 'absolute right-0 !mr-0.5': total !== undefined,\n }\n )}\n menu={menu}\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n }}\n />\n ) : null}\n {total === undefined ? null : (\n <Badge\n className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n 'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden ': menu,\n })}\n color=\"transparent\">\n {total}\n </Badge>\n )}\n </a>\n </li>\n );\n});\n"],"names":["Link","useDropTarget","getAdjacentClasses","Icon","LegacyIconButton","Badge"],"mappings":";;;;;;;;;~~AASa~~,~~MAAA~~,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAO,MAAM,WAAoD,SAASA,MAAK,OAAO,KAAK;~~AAC9F~~,~~QAAA~~,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAIC,cAAAA,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,2CAA2CC,~~KAAA~~,mBAAA,GAAsB;AAAA,IACtF,6BAA6B;AAAA,EAAA,CAChC;~~AAGG~~,~~SAAA~~,sBAAA,cAAC,QAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,yBAAwB,MAAK,~~OACtF~~,~~GAAA~~,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IACT,~~OAAQ~~,sBAAA,~~cAAAC~~,WAAA,EAAK,WAAU,mEAAkE,MAAM,~~KAAM~~,~~CAAA,~~IAAK;AAAA,~~IAC1G~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACG,sBAAA;AAAA,MAACC,~~WAAA~~;~~AAAA~~,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,~~QAE9C~~;AAAA,~~QACA~~;AAAA,QACA,SAAS,~~CAAS~~,~~UAAA~~;AACd,gBAAM,~~eAAe~~;~~AACrB~~,gBAAM,~~gBAAgB~~;AAAA,~~QAAA~~;AAAA,~~MAC1B~~;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnB,sBAAA;AAAA,MAACC,~~MAAA~~;~~AAAA~~,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,~~yDAAyD~~;AAAA,QAAA,~~CAC5D~~;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;;;"}
1	+ {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n cn(\n 'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n // override styles for links that are children of collapsible menus\n 'font-bold [[role=menu]>li>&]:pl-5 [[role=menu]>li>&]:font-normal',\n // override styles to adjust icons included in menu links\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n // override styles to adjust badges included in menu links\n '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n {\n 'hover:bg-black-subtle aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n '!bg-blue-500 !text-white [&>]:!text-white': isDraggedOver,\n }\n );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n active?: boolean;\n icon?: IconName;\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n /* Handler to be used when dropping a dragged element over the Navigation2 link /\n onDrop?: React.DragEventHandler;\n /* Total shown inside a Badge component /\n total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n const listClassName = cn('border-gray-100 [[role=menubar]>&]:px-3', getAdjacentClasses(), {\n '[&>]:pointer-events-none': isDraggedOver,\n });\n\n return (\n <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n <a\n {...attributes}\n aria-current={active ? 'page' : undefined}\n className={className}\n data-taco=\"navigation2-link\"\n ref={ref}\n role=\"menuitem\"\n tabIndex={0}>\n {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n <span className=\"flex flex-grow items-center truncate\">{children}</span>\n {menu ? (\n <LegacyIconButton\n appearance=\"discrete\"\n icon=\"more\"\n aria-label=\"More\"\n rounded\n className={cn(\n '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n {\n 'absolute right-0 !mr-0.5': total !== undefined,\n }\n )}\n menu={menu}\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n }}\n />\n ) : null}\n {total === undefined ? null : (\n <Badge\n className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n 'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden': menu,\n })}\n color=\"transparent\">\n {total}\n </Badge>\n )}\n </a>\n </li>\n );\n});\n"],"names":["Link","useDropTarget","getAdjacentClasses","Icon","LegacyIconButton","Badge"],"mappings":";;;;;;;;;AASO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAO,MAAM,WAAoD,SAASA,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAIC,cAAAA,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,2CAA2CC,KAAAA,mBAAA,GAAsB;AAAA,IACtF,6BAA6B;AAAA,EAAA,CAChC;AAED,SACI,sBAAA,cAAC,QAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,yBAAwB,MAAK,OAAA,GACtF,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IACT,OAAO,sBAAA,cAACC,WAAA,EAAK,WAAU,mEAAkE,MAAM,MAAM,IAAK;AAAA,IAC3G,sBAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACG,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnB,sBAAA;AAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;;;"}

package/dist/components/Navigation2/components/Link.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>
     active?: boolean;
     icon?: IconName;
     /** Menu component associated with the button. */
-    menu?: (props: Partial<MenuProps>) => JSX.Element;
+    menu?: (props: Partial<MenuProps>) => React.JSX.Element;
     /** Handler to be used when dropping a dragged element over the Navigation2 link */
     onDrop?: React.DragEventHandler;
     /** Total shown inside a Badge component */
@@ -16,7 +16,7 @@ export declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttri
     active?: boolean;
     icon?: IconName;
     /** Menu component associated with the button. */
-    menu?: (props: Partial<MenuProps>) => JSX.Element;
+    menu?: (props: Partial<MenuProps>) => React.JSX.Element;
     /** Handler to be used when dropping a dragged element over the Navigation2 link */
     onDrop?: React.DragEventHandler;
     /** Total shown inside a Badge component */

package/dist/components/Navigation2/components/Link.js CHANGED Viewed

@@ -6,9 +6,9 @@ import { LegacyIconButton } from "../../LegacyComponents/IconButton/IconButton.j
 import { Badge } from "../../Badge/Badge.js";
 import { getAdjacentClasses } from "./util.js";
 const getNavigationLinkClasses = (isDraggedOver = false) => cn(
-  "group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark",
+  "group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark",
   // override styles for links that are children of collapsible menus
-  "font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5",
+  "font-bold [[role=menu]>li>&]:pl-5 [[role=menu]>li>&]:font-normal",
   // override styles to adjust icons included in menu links
   '[&_[data-taco="icon"]]:!h-5 [&_[data-taco="icon"]]:!w-5',
   // override styles to adjust badges included in menu links
@@ -22,7 +22,7 @@ const Link = React__default.forwardRef(function Link2(props, ref) {
   const { active, children, icon, menu, onDrop, total, ...attributes } = props;
   const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
   const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);
-  const listClassName = cn("[[role=menubar]>&]:px-3 border-gray-100", getAdjacentClasses(), {
+  const listClassName = cn("border-gray-100 [[role=menubar]>&]:px-3", getAdjacentClasses(), {
     "[&>*]:pointer-events-none": isDraggedOver
   });
   return /* @__PURE__ */ React__default.createElement("li", { ...dropTargetProps, className: listClassName, "data-taco": "navigation2-link-item", role: "none" }, /* @__PURE__ */ React__default.createElement(
@@ -62,7 +62,7 @@ const Link = React__default.forwardRef(function Link2(props, ref) {
       Badge,
       {
         className: cn("flex-shrink-0 flex-grow-0 !font-normal", {
-          'group-hover:hidden [[aria-expanded="true"]+&]:hidden ': menu
+          'group-hover:hidden [[aria-expanded="true"]+&]:hidden': menu
         }),
         color: "transparent"
       },

package/dist/components/Navigation2/components/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n cn(\n 'group relative flex w-full items-center rounded leading-8 !text-black ~~px-2~~ focus-visible:yt-focus-dark',\n // override styles for links that are children of collapsible menus\n 'font-bold [[role=menu]>li>&]:~~font~~-~~normal~~ [[role=menu]>li>&]:pl-5',\n // override styles to adjust icons included in menu links\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n // override styles to adjust badges included in menu links\n '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n {\n 'hover:bg-black-subtle aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n '!bg-blue-500 !text-white [&>]:!text-white': isDraggedOver,\n }\n );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n active?: boolean;\n icon?: IconName;\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => JSX.Element;\n /* Handler to be used when dropping a dragged element over the Navigation2 link /\n onDrop?: React.DragEventHandler;\n /* Total shown inside a Badge component /\n total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n const listClassName = cn('[[role=menubar]>&]:px-3 ~~border-gray-100~~', getAdjacentClasses(), {\n '[&>]:pointer-events-none': isDraggedOver,\n });\n\n return (\n <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n <a\n {...attributes}\n aria-current={active ? 'page' : undefined}\n className={className}\n data-taco=\"navigation2-link\"\n ref={ref}\n role=\"menuitem\"\n tabIndex={0}>\n {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n <span className=\"flex flex-grow items-center truncate\">{children}</span>\n {menu ? (\n <LegacyIconButton\n appearance=\"discrete\"\n icon=\"more\"\n aria-label=\"More\"\n rounded\n className={cn(\n '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n {\n 'absolute right-0 !mr-0.5': total !== undefined,\n }\n )}\n menu={menu}\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n }}\n />\n ) : null}\n {total === undefined ? null : (\n <Badge\n className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n 'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden ': menu,\n })}\n color=\"transparent\">\n {total}\n </Badge>\n )}\n </a>\n </li>\n );\n});\n"],"names":["React","Link"],"mappings":";;;;;;;~~AASa~~,~~MAAA~~,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAOA,eAAM,WAAoD,SAASC,MAAK,OAAO,KAAK;~~AAC9F~~,~~QAAA~~,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAI,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,2CAA2C,mBAAA,GAAsB;AAAA,IACtF,6BAA6B;AAAA,EAAA,CAChC;~~AAGG~~,~~SAAAD~~,+BAAA,cAAC,QAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,yBAAwB,MAAK,~~OACtF~~,~~GAAAA~~,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IACT,~~OAAQA~~,+BAAA,~~cAAA~~,MAAA,EAAK,WAAU,mEAAkE,MAAM,~~KAAM~~,~~CAAA,~~IAAK;AAAA,~~IAC1GA~~,+BAAA,~~cAAA~~,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,~~QAE9C~~;AAAA,~~QACA~~;AAAA,QACA,SAAS,~~CAAS~~,~~UAAA~~;AACd,gBAAM,~~eAAe~~;~~AACrB~~,gBAAM,~~gBAAgB~~;AAAA,~~QAAA~~;AAAA,~~MAC1B~~;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnBA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,~~yDAAyD~~;AAAA,QAAA,~~CAC5D~~;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n cn(\n 'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n // override styles for links that are children of collapsible menus\n 'font-bold [[role=menu]>li>&]:pl-5 [[role=menu]>li>&]:font-normal',\n // override styles to adjust icons included in menu links\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n // override styles to adjust badges included in menu links\n '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n {\n 'hover:bg-black-subtle aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n '!bg-blue-500 !text-white [&>]:!text-white': isDraggedOver,\n }\n );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n active?: boolean;\n icon?: IconName;\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n /* Handler to be used when dropping a dragged element over the Navigation2 link /\n onDrop?: React.DragEventHandler;\n /* Total shown inside a Badge component /\n total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n const listClassName = cn('border-gray-100 [[role=menubar]>&]:px-3', getAdjacentClasses(), {\n '[&>]:pointer-events-none': isDraggedOver,\n });\n\n return (\n <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n <a\n {...attributes}\n aria-current={active ? 'page' : undefined}\n className={className}\n data-taco=\"navigation2-link\"\n ref={ref}\n role=\"menuitem\"\n tabIndex={0}>\n {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n <span className=\"flex flex-grow items-center truncate\">{children}</span>\n {menu ? (\n <LegacyIconButton\n appearance=\"discrete\"\n icon=\"more\"\n aria-label=\"More\"\n rounded\n className={cn(\n '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n {\n 'absolute right-0 !mr-0.5': total !== undefined,\n }\n )}\n menu={menu}\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n }}\n />\n ) : null}\n {total === undefined ? null : (\n <Badge\n className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n 'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden': menu,\n })}\n color=\"transparent\">\n {total}\n </Badge>\n )}\n </a>\n </li>\n );\n});\n"],"names":["React","Link"],"mappings":";;;;;;;AASO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAOA,eAAM,WAAoD,SAASC,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAI,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,2CAA2C,mBAAA,GAAsB;AAAA,IACtF,6BAA6B;AAAA,EAAA,CAChC;AAED,SACID,+BAAA,cAAC,QAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,yBAAwB,MAAK,OAAA,GACtFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IACT,OAAOA,+BAAA,cAAC,MAAA,EAAK,WAAU,mEAAkE,MAAM,MAAM,IAAK;AAAA,IAC3GA,+BAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnBA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;"}

package/dist/components/Navigation2/components/Section.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const util = require("./util.cjs");
 const Section = React.forwardRef(function Navigation2(props, ref) {
   const { children, heading, ...attributes } = props;
   const className = cn(
-    "w-full overflow-auto px-3 py-2 flex-grow border-gray-100 [[role=menubar]>&:first-child]:pt-0",
+    "w-full flex-grow overflow-auto border-gray-100 px-3 py-2 [[role=menubar]>&:first-child]:pt-0",
     util.getAdjacentClasses(),
     props.className
   );

package/dist/components/Navigation2/components/Section.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.cjs","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-gray-100~~ [[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=\"mb-px truncate pl-5 text-xs font-bold uppercase leading-8 text-gray-500 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":["getAdjacentClasses"],"mappings":";;;;;AAQO,MAAM,UAAU,MAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,SAAS,GAAG,~~WAAe,IAAA~~;AAC7C,QAAM,YAAY;AAAA,IACd;AAAA,IACAA,~~wBAAmB~~;AAAA,~~IACnB~~,MAAM;AAAA,~~EACV~~;~~AAGI~~,~~SAAA~~,sBAAA,cAAC,QAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,~~OACpF~~,~~GAAA~~,8CACI,~~QAAK~~,~~EAAA~~,WAAU,~~oFACX~~,~~GAAA~~,OACL,IACA,0CACH,~~MAAG~~,~~EAAA~~,WAAU,~~8BAA~~+B,~~GAAA,~~QAAS,CAC1D;AAER,CAAC;;"}
1	+ {"version":3,"file":"Section.cjs","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 flex-grow overflow-auto border-gray-100 px-3 py-2 [[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=\"mb-px truncate pl-5 text-xs font-bold uppercase leading-8 text-gray-500 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":["getAdjacentClasses"],"mappings":";;;;;AAQO,MAAM,UAAU,MAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,SAAS,GAAG,eAAe;AAC7C,QAAM,YAAY;AAAA,IACd;AAAA,IACAA,wBAAA;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAAC,QAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,8CACI,QAAA,EAAK,WAAU,oFAAA,GACX,OACL,IACA,0CACH,MAAA,EAAG,WAAU,8BAAA,GAA+B,QAAS,CAC1D;AAER,CAAC;;"}

package/dist/components/Navigation2/components/Section.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { getAdjacentClasses } from "./util.js";
 const Section = React__default.forwardRef(function Navigation2(props, ref) {
   const { children, heading, ...attributes } = props;
   const className = cn(
-    "w-full overflow-auto px-3 py-2 flex-grow border-gray-100 [[role=menubar]>&:first-child]:pt-0",
+    "w-full flex-grow overflow-auto border-gray-100 px-3 py-2 [[role=menubar]>&:first-child]:pt-0",
     getAdjacentClasses(),
     props.className
   );

package/dist/components/Navigation2/components/Section.js.map CHANGED Viewed

	@@ -1 +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-gray-100~~ [[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=\"mb-px truncate pl-5 text-xs font-bold uppercase leading-8 text-gray-500 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":["React"],"mappings":";;;AAQO,MAAM,UAAUA,eAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,SAAS,GAAG,~~WAAe,IAAA~~;AAC7C,QAAM,YAAY;AAAA,IACd;AAAA,IACA,~~mBAAmB~~;AAAA,~~IACnB~~,MAAM;AAAA,~~EACV~~;~~AAGI~~,~~SAAAA~~,+BAAA,cAAC,QAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,~~OACpF~~,~~GAAA~~,uDACI,~~QAAK~~,~~EAAA~~,WAAU,~~oFACX~~,~~GAAA~~,OACL,IACA,mDACH,~~MAAG~~,~~EAAA~~,WAAU,~~8BAA~~+B,~~GAAA,~~QAAS,CAC1D;AAER,CAAC;"}
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 flex-grow overflow-auto border-gray-100 px-3 py-2 [[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=\"mb-px truncate pl-5 text-xs font-bold uppercase leading-8 text-gray-500 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":["React"],"mappings":";;;AAQO,MAAM,UAAUA,eAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,SAAS,GAAG,eAAe;AAC7C,QAAM,YAAY;AAAA,IACd;AAAA,IACA,mBAAA;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIA,+BAAA,cAAC,QAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,uDACI,QAAA,EAAK,WAAU,oFAAA,GACX,OACL,IACA,mDACH,MAAA,EAAG,WAAU,8BAAA,GAA+B,QAAS,CAC1D;AAER,CAAC;"}

package/dist/components/Navigation2/components/util.cjs CHANGED Viewed

@@ -5,7 +5,7 @@ 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",
-  "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-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",
   "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",

package/dist/components/Navigation2/components/util.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.cjs","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\",\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\",\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\",\n \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n );\n"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,MAC9B;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACJ;;"}
1	+ {"version":3,"file":"util.cjs","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\",\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\",\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\",\n \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n );\n"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,MAC9B;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACJ;;"}

package/dist/components/Navigation2/components/util.js CHANGED Viewed

@@ -3,7 +3,7 @@ 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",
-  "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-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",
   "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",

package/dist/components/Navigation2/components/util.js.map CHANGED Viewed

	@@ -1 +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\",\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\",\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\",\n \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n );\n"],"names":[],"mappings":";AAEO,MAAM,qBAAqB,MAC9B;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACJ;"}
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\",\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\",\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\",\n \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n );\n"],"names":[],"mappings":";AAEO,MAAM,qBAAqB,MAC9B;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACJ;"}

package/dist/components/OverflowGroup/OverflowGroup.cjs CHANGED Viewed

@@ -37,23 +37,20 @@ const OverflowGroup = React.forwardRef(function OverflowGroup2(props, ref) {
   const { moreButton, wrapChild, ...attributes } = props;
   const internalRef = useMergedRef.useMergedRef(ref);
   const [buttonWidth, setButtonWidth] = React.useState(DEFAULT_OFFSET);
-  const buttonRefCallback = React.useCallback((el) => {
-    var _a;
-    return setButtonWidth((_a = el == null ? void 0 : el.getBoundingClientRect()) == null ? void 0 : _a.width);
-  }, []);
+  const buttonRefCallback = React.useCallback((el) => setButtonWidth(el?.getBoundingClientRect()?.width), []);
   const { texts } = Localization.useLocalization();
   const intersectedChildIndex = useIntersectionObserver.useIntersectionObserver(internalRef, buttonWidth);
   const children = React.Children.toArray(props.children);
   const hiddenChildren = intersectedChildIndex === void 0 ? [] : children.slice(intersectedChildIndex);
   const hiddenChildrenCount = hiddenChildren.length;
   const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : "";
-  const MoreButton = (moreButton == null ? void 0 : moreButton(moreButtonText)) ?? /* @__PURE__ */ React.createElement(IconButton.LegacyIconButton, { icon: "more" });
+  const MoreButton = moreButton?.(moreButtonText) ?? /* @__PURE__ */ React.createElement(IconButton.LegacyIconButton, { icon: "more" });
   const className = cn("flex overflow-hidden", props.className);
   return /* @__PURE__ */ React.createElement("div", { ...attributes, className, "data-taco": "overflow-group", ref: internalRef }, children.map(
     (child, index) => React.cloneElement(child, {
       className: cn(child.props.className, {
         visible: intersectedChildIndex === void 0 || index < intersectedChildIndex,
-        "invisible order-[100] pointer-events-none": intersectedChildIndex !== void 0 && index >= intersectedChildIndex
+        "pointer-events-none invisible order-[100]": intersectedChildIndex !== void 0 && index >= intersectedChildIndex
       })
     })
   ), hiddenChildren.length ? React.cloneElement(MoreButton, {

package/dist/components/OverflowGroup/OverflowGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowGroup.cjs","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { Menu, MenuProps } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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: 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":["Menu","OverflowGroup","useMergedRef","useLocalization","useIntersectionObserver","LegacyIconButton"],"mappings":";;;;;;;;;AASA,MAAM,iCAAiC,CAAC,~~QAAqB~~,UAAkB;~~AAC3E~~,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAOA,KAAK,~~KAAA,~~OAAOA,KAAK~~,KAAA~~;~~AAG9B~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,~~MACH~~,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,~~EACpE~~;~~AAEA~~,MAAI,IAAI;~~AACG~~,~~WAAA~~,MAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,~~EAAA~~;~~AAGpD~~,~~SAAA~~,sBAAA,cAAC,~~KAAK~~,~~EAAA~~,GAAG,~~MAAO~~,~~CAAA~~;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgB,MAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,~~WAAe,IAAA~~;~~AAC3C~~,~~QAAA~~,cAAcC,~~0BAA6B~~,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,cAAc;AACnE,QAAM,oBAAoB,MAAM,YAAY,CAAC,OAAoB~~;;AAAA~~,~~2BAAe~~,~~8BAAI~~,~~4BAAJ~~,~~mBAA6B~~,KAAK~~;AAAA~~,~~KAAG~~,CAAA,CAAE;~~AACjH~~,~~QAAA~~,EAAE,~~MAAM~~,~~IAAIC~~,~~6BAAgB~~;~~AAE5B~~,~~QAAA~~,wBAAwBC,wBAAAA,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAW,MAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,~~CAAK~~,~~IAAA~~,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;~~AACrC~~,~~QAAA~~,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,~~cAAa~~,~~yCAAa~~,~~oBAAoB~~,sBAAA,~~cAAAC~~,6BAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;~~AAGxD~~,~~SAAA~~,sBAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClB,MAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,~~MACvD~~,~~CAAA~~;AAAA,~~IACJ~~,~~CAAA~~;AAAA,~~EAEJ~~,~~GAAA~~,eAAe,SACV,MAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,~~cACF~~,sBAAA,~~cAAAL~~,KAAAA,MAAA,EAAM,GAAG,UAAA,~~GACL~~,sBAAA,~~cAAAA~~,~~KAAA~~,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,gDACKA,KAAAA,KAAK,MAAL,EAAU,KAAK,~~MAAQ~~,~~GAAA~~,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,~~EACR~~,~~CAAA~~,IACD,IACV;AAER,CAAC;;"}
1	+ {"version":3,"file":"OverflowGroup.cjs","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { Menu, MenuProps } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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 'pointer-events-none invisible order-[100]':\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: 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":["Menu","OverflowGroup","useMergedRef","useLocalization","useIntersectionObserver","LegacyIconButton"],"mappings":";;;;;;;;;AASA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAOA,KAAAA,KAAK,OAAOA,KAAAA,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAO,MAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAO,sBAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgB,MAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAcC,aAAAA,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,cAAc;AACnE,QAAM,oBAAoB,MAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,wBAAwBC,wBAAAA,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAW,MAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAK,sBAAA,cAACC,6BAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACI,sBAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClB,MAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACV,MAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACH,sBAAA,cAACL,KAAAA,MAAA,EAAM,GAAG,UAAA,GACN,sBAAA,cAACA,KAAAA,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,gDACKA,KAAAA,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;;"}

package/dist/components/OverflowGroup/OverflowGroup.js CHANGED Viewed

@@ -35,23 +35,20 @@ const OverflowGroup = React__default.forwardRef(function OverflowGroup2(props, r
   const { moreButton, wrapChild, ...attributes } = props;
   const internalRef = useMergedRef(ref);
   const [buttonWidth, setButtonWidth] = React__default.useState(DEFAULT_OFFSET);
-  const buttonRefCallback = React__default.useCallback((el) => {
-    var _a;
-    return setButtonWidth((_a = el == null ? void 0 : el.getBoundingClientRect()) == null ? void 0 : _a.width);
-  }, []);
+  const buttonRefCallback = React__default.useCallback((el) => setButtonWidth(el?.getBoundingClientRect()?.width), []);
   const { texts } = useLocalization();
   const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
   const children = React__default.Children.toArray(props.children);
   const hiddenChildren = intersectedChildIndex === void 0 ? [] : children.slice(intersectedChildIndex);
   const hiddenChildrenCount = hiddenChildren.length;
   const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : "";
-  const MoreButton = (moreButton == null ? void 0 : moreButton(moreButtonText)) ?? /* @__PURE__ */ React__default.createElement(LegacyIconButton, { icon: "more" });
+  const MoreButton = moreButton?.(moreButtonText) ?? /* @__PURE__ */ React__default.createElement(LegacyIconButton, { icon: "more" });
   const className = cn("flex overflow-hidden", props.className);
   return /* @__PURE__ */ React__default.createElement("div", { ...attributes, className, "data-taco": "overflow-group", ref: internalRef }, children.map(
     (child, index) => React__default.cloneElement(child, {
       className: cn(child.props.className, {
         visible: intersectedChildIndex === void 0 || index < intersectedChildIndex,
-        "invisible order-[100] pointer-events-none": intersectedChildIndex !== void 0 && index >= intersectedChildIndex
+        "pointer-events-none invisible order-[100]": intersectedChildIndex !== void 0 && index >= intersectedChildIndex
       })
     })
   ), hiddenChildren.length ? React__default.cloneElement(MoreButton, {

package/dist/components/OverflowGroup/OverflowGroup.js.map CHANGED Viewed

	@@ -1 +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 { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { Menu, MenuProps } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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: 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":["React","OverflowGroup"],"mappings":";;;;;;;AASA,MAAM,iCAAiC,CAAC,~~QAAqB~~,UAAkB;~~AAC3E~~,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAO,KAAK,OAAO,KAAK;~~AAG9B~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,~~MACH~~,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,~~EACpE~~;~~AAEA~~,MAAI,IAAI;~~AACG~~,~~WAAAA~~,eAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,~~EAAA~~;~~AAGpD~~,~~SAAAA~~,+BAAA,cAAC,~~KAAK~~,~~EAAA~~,GAAG,~~MAAO~~,~~CAAA~~;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgBA,eAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,~~WAAe,IAAA~~;~~AAC3C~~,~~QAAA~~,cAAc,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,cAAc;AACnE,QAAM,oBAAoBA,eAAM,YAAY,CAAC,OAAoB~~;;AAAA~~,~~2BAAe~~,~~8BAAI~~,~~4BAAJ~~,~~mBAA6B~~,KAAK~~;AAAA~~,~~KAAG~~,CAAA,CAAE;~~AACjH~~,~~QAAA~~,EAAE,~~MAAM~~,~~IAAI~~,~~gBAAgB~~;~~AAE5B~~,~~QAAA~~,wBAAwB,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAWA,eAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,~~CAAK~~,~~IAAA~~,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;~~AACrC~~,~~QAAA~~,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,~~cAAa~~,~~yCAAa~~,~~oBAAoBA~~,+BAAA,~~cAAA~~,kBAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;~~AAGxD~~,~~SAAAA~~,+BAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClBA,eAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,~~MACvD~~,~~CAAA~~;AAAA,~~IACJ~~,~~CAAA~~;AAAA,~~EAEJ~~,~~GAAA~~,eAAe,SACVA,eAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,~~cACFA~~,+BAAA,~~cAAA~~,MAAA,EAAM,GAAG,UAAA,~~GACLA~~,+BAAA,~~cAAA~~,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,yDACK,KAAK,MAAL,EAAU,KAAK,~~MAAQ~~,~~GAAA~~,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,~~EACR~~,~~CAAA~~,IACD,IACV;AAER,CAAC;"}
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 { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { Menu, MenuProps } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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 'pointer-events-none invisible order-[100]':\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: 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":["React","OverflowGroup"],"mappings":";;;;;;;AASA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAO,KAAK,OAAO,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAOA,eAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAOA,+BAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgBA,eAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAc,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,cAAc;AACnE,QAAM,oBAAoBA,eAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,wBAAwB,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAWA,eAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAKA,+BAAA,cAAC,kBAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACIA,+BAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClBA,eAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACVA,eAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACHA,+BAAA,cAAC,MAAA,EAAM,GAAG,UAAA,GACNA,+BAAA,cAAC,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,yDACK,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;"}

package/dist/components/Pagination/PageNumbers.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageNumbers.cjs","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { Inline } from '../Inline/Inline';\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 <Inline spacing={8}>\n {range.map((pageNumber: number) => (\n <LegacyButton\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 </LegacyButton>\n ))}\n </Inline>\n );\n};\n"],"names":["useLocalization","Inline","React","LegacyButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,~~aAAa~~;~~AACtC~~,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,~~IAAA~~;~~AAEA~~,~~QAAA~~,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,~~IAAA~~;AAAA,EACJ;~~AAGJ~~,QAAM,QAAkB,~~CAAC~~;~~AAEzB~~,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,~~EAAA~~;~~AAGT~~,~~SAAA~~;AACX;~~AAEa~~,~~MAAA~~,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,~~gBAA8C~~;~~AACpH~~,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;~~AACvD~~,~~QAAA~~,EAAE,~~MAAM~~,~~IAAIA~~,~~6BAAgB~~;~~AAElC~~,wDACKC,~~OAAO~~,QAAA,~~EAAA~~,SAAS,KACZ,MAAM,IAAI,CAAC,eACRC,iCAAA;AAAA,IAACC,~~OAAA~~;~~AAAA~~,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;;"}
1	+ {"version":3,"file":"PageNumbers.cjs","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { Inline } from '../Inline/Inline';\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): React.JSX.Element => {\n const range = createPageRange(pageCount, currentPageIndex + 1);\n const { texts } = useLocalization();\n\n return (\n <Inline spacing={8}>\n {range.map((pageNumber: number) => (\n <LegacyButton\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 </LegacyButton>\n ))}\n </Inline>\n );\n};\n"],"names":["useLocalization","Inline","React","LegacyButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,wDACKC,OAAAA,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACRC,iCAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;;"}

package/dist/components/Pagination/PageNumbers.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import * as React from 'react';
 type PageNumberProps = {
     currentPageIndex: number;
     onClick: (pageIndex: number) => void;
     pageCount: number;
 };
-export declare const PageNumbers: ({ currentPageIndex, onClick: handleClick, pageCount }: PageNumberProps) => JSX.Element;
+export declare const PageNumbers: ({ currentPageIndex, onClick: handleClick, pageCount }: PageNumberProps) => React.JSX.Element;
 export {};

package/dist/components/Pagination/PageNumbers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageNumbers.js","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { Inline } from '../Inline/Inline';\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 <Inline spacing={8}>\n {range.map((pageNumber: number) => (\n <LegacyButton\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 </LegacyButton>\n ))}\n </Inline>\n );\n};\n"],"names":[],"mappings":";;;;AAWA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,~~aAAa~~;~~AACtC~~,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,~~IAAA~~;~~AAEA~~,~~QAAA~~,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,~~IAAA~~;AAAA,EACJ;~~AAGJ~~,QAAM,QAAkB,~~CAAC~~;~~AAEzB~~,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,~~EAAA~~;~~AAGT~~,~~SAAA~~;AACX;~~AAEa~~,~~MAAA~~,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,~~gBAA8C~~;~~AACpH~~,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;~~AACvD~~,~~QAAA~~,EAAE,~~MAAM~~,~~IAAI~~,~~gBAAgB~~;~~AAElC~~,6CACK,~~QAAO~~,~~EAAA~~,SAAS,KACZ,MAAM,IAAI,CAAC,eACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;"}
1	+ {"version":3,"file":"PageNumbers.js","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { Inline } from '../Inline/Inline';\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): React.JSX.Element => {\n const range = createPageRange(pageCount, currentPageIndex + 1);\n const { texts } = useLocalization();\n\n return (\n <Inline spacing={8}>\n {range.map((pageNumber: number) => (\n <LegacyButton\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 </LegacyButton>\n ))}\n </Inline>\n );\n};\n"],"names":[],"mappings":";;;;AAWA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,6CACK,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;"}

package/dist/components/Pagination/Pagination.cjs CHANGED Viewed

@@ -56,7 +56,7 @@ const Pagination = React__namespace.forwardRef(function Pagination2(props, ref)
   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);
+  const className = cn("relative inline-flex items-center justify-between", props.className);
   return /* @__PURE__ */ React__namespace.createElement("div", { ...otherProps, className, "data-taco": "pagination", ref }, showPageSize && /* @__PURE__ */ React__namespace.createElement("span", { className: "mr-4 inline-flex items-center" }, getShowingLabel(length, pageIndex, pageSize, texts), /* @__PURE__ */ React__namespace.createElement(
     Select2.Select2,
     {

package/dist/components/Pagination/Pagination.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.cjs","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 { Select2 } from '../Select2/Select2';\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/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 inline-flex items-center\">\n {getShowingLabel(length, pageIndex, pageSize, texts)}\n <Select2\n aria-label={texts.pagination.pageSize}\n className=\"ml-4 !w-20\"\n onChange={value => {\n setPageIndex(0);\n setPageSize(Number(value));\n }}\n value={pageSize}>\n {pageSizes.map(size => (\n <Select2.Option key={size} value={size}>\n {String(size)}\n </Select2.Option>\n ))}\n </Select2>\n </span>\n )}\n {showPageControls && (\n <nav aria-label={texts.pagination.label}>\n <Inline spacing={8}>\n <LegacyIconButton\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 <LegacyIconButton\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 <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-right\"\n onClick={() => setPageIndex(pageIndex + 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n />\n <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-end\"\n onClick={() => setPageIndex(pageCount - 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n />\n </Inline>\n </nav>\n )}\n </div>\n );\n});\n"],"names":["React","Pagination","useLocalization","usePaginationShortcuts","Select2","Inline","LegacyIconButton","PageNumbers"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.cjs","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 { Select2 } from '../Select2/Select2';\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/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('relative inline-flex items-center justify-between', props.className);\n\n return (\n <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n {showPageSize && (\n <span className=\"mr-4 inline-flex items-center\">\n {getShowingLabel(length, pageIndex, pageSize, texts)}\n <Select2\n aria-label={texts.pagination.pageSize}\n className=\"ml-4 !w-20\"\n onChange={value => {\n setPageIndex(0);\n setPageSize(Number(value));\n }}\n value={pageSize}>\n {pageSizes.map(size => (\n <Select2.Option key={size} value={size}>\n {String(size)}\n </Select2.Option>\n ))}\n </Select2>\n </span>\n )}\n {showPageControls && (\n <nav aria-label={texts.pagination.label}>\n <Inline spacing={8}>\n <LegacyIconButton\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 <LegacyIconButton\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 <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-right\"\n onClick={() => setPageIndex(pageIndex + 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n />\n <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-end\"\n onClick={() => setPageIndex(pageCount - 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n />\n </Inline>\n </nav>\n )}\n </div>\n );\n});\n"],"names":["React","Pagination","useLocalization","usePaginationShortcuts","Select2","Inline","LegacyIconButton","PageNumbers"],"mappings":"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"}

package/dist/components/Pagination/Pagination.js CHANGED Viewed

@@ -37,7 +37,7 @@ const Pagination = React.forwardRef(function Pagination2(props, ref) {
   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);
+  const className = cn("relative inline-flex items-center justify-between", props.className);
   return /* @__PURE__ */ React.createElement("div", { ...otherProps, className, "data-taco": "pagination", ref }, showPageSize && /* @__PURE__ */ React.createElement("span", { className: "mr-4 inline-flex items-center" }, getShowingLabel(length, pageIndex, pageSize, texts), /* @__PURE__ */ React.createElement(
     Select2,
     {

package/dist/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +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 { Select2 } from '../Select2/Select2';\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/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 inline-flex items-center\">\n {getShowingLabel(length, pageIndex, pageSize, texts)}\n <Select2\n aria-label={texts.pagination.pageSize}\n className=\"ml-4 !w-20\"\n onChange={value => {\n setPageIndex(0);\n setPageSize(Number(value));\n }}\n value={pageSize}>\n {pageSizes.map(size => (\n <Select2.Option key={size} value={size}>\n {String(size)}\n </Select2.Option>\n ))}\n </Select2>\n </span>\n )}\n {showPageControls && (\n <nav aria-label={texts.pagination.label}>\n <Inline spacing={8}>\n <LegacyIconButton\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 <LegacyIconButton\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 <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-right\"\n onClick={() => setPageIndex(pageIndex + 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n />\n <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-end\"\n onClick={() => setPageIndex(pageCount - 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n />\n </Inline>\n </nav>\n )}\n </div>\n );\n});\n"],"names":["Pagination"],"mappings":"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"}
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 { Select2 } from '../Select2/Select2';\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/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('relative inline-flex items-center justify-between', props.className);\n\n return (\n <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n {showPageSize && (\n <span className=\"mr-4 inline-flex items-center\">\n {getShowingLabel(length, pageIndex, pageSize, texts)}\n <Select2\n aria-label={texts.pagination.pageSize}\n className=\"ml-4 !w-20\"\n onChange={value => {\n setPageIndex(0);\n setPageSize(Number(value));\n }}\n value={pageSize}>\n {pageSizes.map(size => (\n <Select2.Option key={size} value={size}>\n {String(size)}\n </Select2.Option>\n ))}\n </Select2>\n </span>\n )}\n {showPageControls && (\n <nav aria-label={texts.pagination.label}>\n <Inline spacing={8}>\n <LegacyIconButton\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 <LegacyIconButton\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 <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-right\"\n onClick={() => setPageIndex(pageIndex + 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.nextPageWithShortcut\n : texts.pagination.actions.nextPage\n }\n />\n <LegacyIconButton\n appearance=\"default\"\n disabled={!canNextPage}\n icon=\"arrow-end\"\n onClick={() => setPageIndex(pageCount - 1)}\n aria-label={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n tooltip={\n showShortcutTexts\n ? texts.pagination.actions.lastPageWithShortcut\n : texts.pagination.actions.lastPage\n }\n />\n </Inline>\n </nav>\n )}\n </div>\n );\n});\n"],"names":["Pagination"],"mappings":"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"}

package/dist/components/Pagination/usePagination.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePagination.cjs","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":[],"mappings":";;;AAaO,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,kBAAkB,OAA4B;AAC9F,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,gBAAgB;AACjE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;~~AAEvD~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;;"}
1	+ {"version":3,"file":"usePagination.cjs","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":[],"mappings":";;;AAaO,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,kBAAkB,OAA4B;AAC9F,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,gBAAgB;AACjE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;AAE9D,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;"}

package/dist/components/Pagination/usePagination.js.map CHANGED Viewed

	@@ -1 +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":["React"],"mappings":";AAaO,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,kBAAkB,OAA4B;AAC9F,QAAM,CAAC,WAAW,YAAY,IAAIA,eAAM,SAAS,gBAAgB;AACjE,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAS,eAAe;~~AAEvD~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AACJ~~;"}
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":["React"],"mappings":";AAaO,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,kBAAkB,OAA4B;AAC9F,QAAM,CAAC,WAAW,YAAY,IAAIA,eAAM,SAAS,gBAAgB;AACjE,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAS,eAAe;AAE9D,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/components/Pagination/usePaginationShortcuts.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePaginationShortcuts.cjs","sources":["../../../src/components/Pagination/usePaginationShortcuts.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n setPageIndex: (pageIndex: number) => void;\n maxPageIndex: number;\n pageIndex: number;\n dangerouslyHijackGlobalKeyboardNavigation: boolean;\n}\n\nexport const usePaginationShortcuts = ({\n setPageIndex,\n maxPageIndex,\n pageIndex,\n dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation,\n}: Props) => {\n const onKeyDown = (event: KeyboardEvent): void => {\n if (setPageIndex && event.key === 'Home') {\n event.preventDefault();\n setPageIndex(0);\n return;\n }\n\n if (setPageIndex && event.key === 'End') {\n event.preventDefault();\n setPageIndex(maxPageIndex);\n return;\n }\n\n if (setPageIndex && event.key === 'PageUp') {\n event.preventDefault();\n setPageIndex(Math.max(0, pageIndex - 1));\n return;\n }\n\n if (setPageIndex && event.key === 'PageDown') {\n event.preventDefault();\n setPageIndex(Math.min(maxPageIndex, pageIndex + 1));\n return;\n }\n };\n\n React.useEffect(() => {\n if (useGlobalKeyboardNavigation) {\n window.addEventListener('keydown', onKeyDown);\n }\n\n return () => {\n if (useGlobalKeyboardNavigation) {\n window.removeEventListener('keydown', onKeyDown);\n }\n };\n }, [onKeyDown, useGlobalKeyboardNavigation]);\n};\n"],"names":[],"mappings":";;;AASO,MAAM,yBAAyB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,2CAA2C;AAC/C,MAAa;~~AACH~~,~~QAAA~~,YAAY,CAAC,UAA+B;~~AAC1C~~,~~QAAA~~,gBAAgB,MAAM,QAAQ,QAAQ;AACtC,YAAM,~~eAAe~~;~~AACrB~~,mBAAa,CAAC;AACd;AAAA,~~IAAA~~;~~AAGA~~,~~QAAA~~,gBAAgB,MAAM,QAAQ,OAAO;AACrC,YAAM,~~eAAe~~;~~AACrB~~,mBAAa,YAAY;AACzB;AAAA,~~IAAA~~;~~AAGA~~,~~QAAA~~,gBAAgB,MAAM,QAAQ,UAAU;AACxC,YAAM,~~eAAe~~;~~AACrB~~,mBAAa,KAAK,IAAI,GAAG,YAAY,CAAC,CAAC;AACvC;AAAA,~~IAAA~~;~~AAGA~~,~~QAAA~~,gBAAgB,MAAM,QAAQ,YAAY;AAC1C,YAAM,~~eAAe~~;~~AACrB~~,mBAAa,KAAK,IAAI,cAAc,YAAY,CAAC,CAAC;AAClD;AAAA,~~IAAA~~;AAAA,~~EAER~~;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,6BAA6B;~~AACtB~~,~~aAAA~~,iBAAiB,WAAW,SAAS;AAAA,~~IAAA~~;~~AAGhD~~,WAAO,MAAM;AACT,UAAI,6BAA6B;~~AACtB~~,~~eAAA~~,oBAAoB,WAAW,SAAS;AAAA,~~MAAA~~;AAAA,~~IAEvD~~;AAAA,~~EAAA~~,~~GACD~~,CAAC,WAAW,2BAA2B,CAAC;AAC/C;;"}
1	+ {"version":3,"file":"usePaginationShortcuts.cjs","sources":["../../../src/components/Pagination/usePaginationShortcuts.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n setPageIndex: (pageIndex: number) => void;\n maxPageIndex: number;\n pageIndex: number;\n dangerouslyHijackGlobalKeyboardNavigation: boolean;\n}\n\nexport const usePaginationShortcuts = ({\n setPageIndex,\n maxPageIndex,\n pageIndex,\n dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation,\n}: Props) => {\n const onKeyDown = (event: KeyboardEvent): void => {\n if (setPageIndex && event.key === 'Home') {\n event.preventDefault();\n setPageIndex(0);\n return;\n }\n\n if (setPageIndex && event.key === 'End') {\n event.preventDefault();\n setPageIndex(maxPageIndex);\n return;\n }\n\n if (setPageIndex && event.key === 'PageUp') {\n event.preventDefault();\n setPageIndex(Math.max(0, pageIndex - 1));\n return;\n }\n\n if (setPageIndex && event.key === 'PageDown') {\n event.preventDefault();\n setPageIndex(Math.min(maxPageIndex, pageIndex + 1));\n return;\n }\n };\n\n React.useEffect(() => {\n if (useGlobalKeyboardNavigation) {\n window.addEventListener('keydown', onKeyDown);\n }\n\n return () => {\n if (useGlobalKeyboardNavigation) {\n window.removeEventListener('keydown', onKeyDown);\n }\n };\n }, [onKeyDown, useGlobalKeyboardNavigation]);\n};\n"],"names":[],"mappings":";;;AASO,MAAM,yBAAyB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,2CAA2C;AAC/C,MAAa;AACT,QAAM,YAAY,CAAC,UAA+B;AAC9C,QAAI,gBAAgB,MAAM,QAAQ,QAAQ;AACtC,YAAM,eAAA;AACN,mBAAa,CAAC;AACd;AAAA,IACJ;AAEA,QAAI,gBAAgB,MAAM,QAAQ,OAAO;AACrC,YAAM,eAAA;AACN,mBAAa,YAAY;AACzB;AAAA,IACJ;AAEA,QAAI,gBAAgB,MAAM,QAAQ,UAAU;AACxC,YAAM,eAAA;AACN,mBAAa,KAAK,IAAI,GAAG,YAAY,CAAC,CAAC;AACvC;AAAA,IACJ;AAEA,QAAI,gBAAgB,MAAM,QAAQ,YAAY;AAC1C,YAAM,eAAA;AACN,mBAAa,KAAK,IAAI,cAAc,YAAY,CAAC,CAAC;AAClD;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,6BAA6B;AAC7B,aAAO,iBAAiB,WAAW,SAAS;AAAA,IAChD;AAEA,WAAO,MAAM;AACT,UAAI,6BAA6B;AAC7B,eAAO,oBAAoB,WAAW,SAAS;AAAA,MACnD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,2BAA2B,CAAC;AAC/C;;"}