acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/NavBar/NavBarVerticalStatic.styles.js

@@ -0,0 +1,81 @@
+import { styled as e, css as d } from "styled-components";
+import { ZIndexes as p } from "../../react-base/src/consts/index.js";
+import { consts as o } from "../../react-base/src/components/NavBar/NavBarVerticalStatic.consts.js";
+import { Variables as a } from "../../react-base/src/theme/types/layer.js";
+import s from "../Menu/Menu.js";
+import { Area as f, StyledAvatar as c } from "./components/LastArea/LastArea.styles.js";
+import { getItemsAlignment as m } from "../../react-base/src/components/NavBar/utils/styleUtils.js";
+import { MENU_CLASS as l } from "../../react-base/src/consts/classes.js";
+const h = e(s)`
+  ${({ $itemsAlignment: t }) => d`
+    flex: 1 1 0;
+    max-height: fit-content;
+    justify-content: ${m(t)};
+    overflow: hidden auto;
+
+    .${l}-label {
+      gap: 2px;
+      padding: 6px 4px;
+    }
+
+    .${l}-label-text {
+      font-size: 10px;
+    }
+  `}
+`, S = e.div`
+  position: relative;
+  height: 100%;
+  width: auto;
+`, b = e.header(({ $elevation: t, theme: i, $size: n }) => {
+  const r = i.layer({ foundation: "surface" });
+  return d`
+    z-index: ${p.NAVBAR};
+    position: relative;
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: stretch;
+    height: 100%;
+    width: ${o[n].width}px;
+    filter: ${t ? i.dropShadows.low1 : null};
+    color: ${r[a.TextOnFoundationStrong]};
+    background-color: ${r[a.BackgroundFoundation]};
+    transition: width 0.3s ease-out;
+
+    ${h} {
+      width: 100%;
+      margin-left: 0;
+    }
+
+    ${f} {
+      height: ${o[n].width}px;
+    }
+
+    ${c} {
+      justify-content: center;
+      margin-right: 0;
+    }
+  `;
+}), M = e.div`
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-direction: column;
+  align-items: stretch;
+  min-width: 0;
+  z-index: 1;
+  overflow: hidden auto;
+`, k = e.a`
+  display: flex;
+  text-decoration: none;
+  cursor: pointer;
+  padding: ${({ $size: t }) => (o[t].width - o[t].pectenSize) / 2}px;
+`;
+export {
+  M as MiddleArea,
+  b as Nav,
+  k as PectenUrlWrapper,
+  h as StyledMenu,
+  S as Wrapper
+};
+//# sourceMappingURL=NavBarVerticalStatic.styles.js.map

package/build/esm/components/NavBar/NavBarVerticalStatic.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarVerticalStatic.styles.js","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { NavBarVerticalStaticConsts, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from './NavBar.types';\nimport Menu from '../Menu/Menu';\nimport type { IMenuProps } from '../Menu/Menu.types';\nimport { Area, StyledAvatar } from './components/LastArea/LastArea.styles';\n\nconst StyledMenu = styled(Menu)<IMenuProps & PickTransient<INavBarProps, 'itemsAlignment'>>`\n  ${({ $itemsAlignment }) => css`\n    flex: 1 1 0;\n    max-height: fit-content;\n    justify-content: ${NavBarUtils.getItemsAlignment($itemsAlignment)};\n    overflow: hidden auto;\n\n    .${MENU_CLASS}-label {\n      gap: 2px;\n      padding: 6px 4px;\n    }\n\n    .${MENU_CLASS}-label-text {\n      font-size: 10px;\n    }\n  `}\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  height: 100%;\n  width: auto;\n`;\n\ntype NavProps = PickTransient<INavBarPropsWithReqSize, 'size' | 'elevation'>;\n\nconst Nav = styled.header<NavProps>(({ $elevation, theme, $size }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    z-index: ${ZIndexes.NAVBAR};\n    position: relative;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: stretch;\n    height: 100%;\n    width: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    filter: ${$elevation ? theme.dropShadows.low1 : null};\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n    transition: width 0.3s ease-out;\n\n    ${StyledMenu} {\n      width: 100%;\n      margin-left: 0;\n    }\n\n    ${Area} {\n      height: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    }\n\n    ${StyledAvatar} {\n      justify-content: center;\n      margin-right: 0;\n    }\n  `;\n});\n\nconst MiddleArea = styled.div`\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: stretch;\n  min-width: 0;\n  z-index: 1;\n  overflow: hidden auto;\n`;\n\nconst PectenUrlWrapper = styled.a<PickTransient<INavBarPropsWithReqSize, 'size'>>`\n  display: flex;\n  text-decoration: none;\n  cursor: pointer;\n  padding: ${({ $size }) =>\n    (NavBarVerticalStaticConsts.consts[$size].width - NavBarVerticalStaticConsts.consts[$size].pectenSize) / 2}px;\n`;\n\nexport { Wrapper, Nav, MiddleArea, StyledMenu, PectenUrlWrapper };\n"],"names":["StyledMenu","styled","Menu","$itemsAlignment","css","NavBarUtils.getItemsAlignment","MENU_CLASS","Wrapper","Nav","$elevation","theme","$size","layer","ZIndexes","NavBarVerticalStaticConsts.consts","Variables","Area","StyledAvatar","MiddleArea","PectenUrlWrapper"],"mappings":";;;;;;;;AAWA,MAAMA,IAAaC,EAAOC,CAAI;AAAA,IAC1B,CAAC,EAAE,iBAAAC,EAAA,MAAsBC;AAAA;AAAA;AAAA,uBAGNC,EAA8BF,CAAe,CAAC;AAAA;AAAA;AAAA,OAG9DG,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,OAKVA,CAAU;AAAA;AAAA;AAAA,GAGd;AAAA,GAGGC,IAAUN,EAAO;AAAA;AAAA;AAAA;AAAA,GAQjBO,IAAMP,EAAO,OAAiB,CAAC,EAAE,YAAAQ,GAAY,OAAAC,GAAO,OAAAC,QAAY;AACpE,QAAMC,IAAQF,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAON;AAAA,eACMS,EAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,EAAkCH,CAAK,EAAE,KAAK;AAAA,cAC7CF,IAAaC,EAAM,YAAY,OAAO,IAAI;AAAA,aAC3CE,EAAMG,EAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,MAGvDf,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKVgB,CAAI;AAAA,gBACMF,EAAkCH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA,MAGxDM,CAAY;AAAA;AAAA;AAAA;AAAA;AAKlB,CAAC,GAEKC,IAAajB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYpBkB,IAAmBlB,EAAO;AAAA;AAAA;AAAA;AAAA,aAInB,CAAC,EAAE,OAAAU,SACXG,EAAkCH,CAAK,EAAE,QAAQG,EAAkCH,CAAK,EAAE,cAAc,CAAC;AAAA;"}

package/build/esm/components/NavBar/components/FirstArea/FirstArea.js

@@ -1,38 +1,38 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { Sizes as c, Contrasts as a } from "../../../../react-base/src/consts/index.js";
-import { consts as b } from "../../../../react-base/src/components/NavBar/NavBar.consts.js";
-import { Header as C, HeaderPecten as u, LockupContent as g, DescriptionLabel as v, TitleContainer as S, IconContainer as x, Area as H, HeaderPectenUrlWrapper as L } from "./FirstArea.styles.js";
-import h from "../../../Text/components/Label/Label.js";
-import { Popover as z, PopoverTrigger as A, PopoverContent as $ } from "../../../Popover/Popover.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Sizes as i, Contrasts as a } from "../../../../react-base/src/consts/index.js";
+import { consts as u } from "../../../../react-base/src/components/NavBar/NavBar.consts.js";
+import { Header as b, HeaderPecten as C, LockupContent as g, DescriptionLabel as v, TitleContainer as S, IconContainer as P, Area as x, HeaderPectenUrlWrapper as H } from "./FirstArea.styles.js";
+import L from "../../../Text/components/Label/Label.js";
+import { Popover as h, PopoverTrigger as z, PopoverContent as A } from "../../../Popover/Popover.js";
 import { isHeader as d } from "../../../../react-base/src/components/NavBar/utils/firstAreaUtils.js";
-const j = ({
+const $ = ({
   header: o,
   content: n
-}) => d(o) && o.popoverContent ? /* @__PURE__ */ l(z, { children: [
-  /* @__PURE__ */ t(A, { asChild: !0, children: n }),
-  /* @__PURE__ */ t($, { padding: !1, align: "start", side: "bottom", children: o.popoverContent })
-] }) : n, P = ({
+}) => d(o) && o.popoverContent ? /* @__PURE__ */ l(h, { children: [
+  /* @__PURE__ */ e(z, { asChild: !0, children: n }),
+  /* @__PURE__ */ e(A, { padding: !1, align: "start", side: "bottom", children: o.popoverContent })
+] }) : n, F = ({
   pectenArea: o,
   lockup: n,
-  urlProps: i,
+  urlProps: c,
   onClick: m,
-  header: e,
+  header: r,
   collapsed: f,
-  size: r = c.Medium
+  size: t = i.Medium
 }) => {
-  const p = n ?? o, s = /* @__PURE__ */ l(C, { onClick: m, $size: r, children: [
-    p === "default" ? /* @__PURE__ */ t(u, { size: b[r].pectenSize }) : p,
-    d(e) ? /* @__PURE__ */ l(g, { $collapsed: f, children: [
-      !!e.description && r !== c.XSmall && /* @__PURE__ */ t(v, { contrast: a.Subtle, size: c.Small, bold: !0, children: e.description }),
-      /* @__PURE__ */ l(S, { $size: r, children: [
-        !!e.title && /* @__PURE__ */ t(h, { contrast: a.Strong, size: c.Large, bold: !0, children: e.title }),
-        !!e.icon && /* @__PURE__ */ t(x, { children: e.icon })
+  const p = n ?? o, s = /* @__PURE__ */ l(b, { onClick: m, $size: t, children: [
+    p === "default" ? /* @__PURE__ */ e(C, { size: u[t].pectenSize }) : p,
+    d(r) ? /* @__PURE__ */ l(g, { $collapsed: f, children: [
+      !!r.description && t !== i.XSmall && /* @__PURE__ */ e(v, { contrast: a.Subtle, size: i.Small, bold: !0, children: r.description }),
+      /* @__PURE__ */ l(S, { $size: t, children: [
+        !!r.title && /* @__PURE__ */ e(L, { contrast: a.Strong, size: i.Large, bold: !0, children: r.title }),
+        !!r.icon && /* @__PURE__ */ e(P, { children: r.icon })
       ] })
-    ] }) : e
+    ] }) : r
   ] });
-  return /* @__PURE__ */ t(H, { size: r, children: i != null && i.href ? /* @__PURE__ */ t(L, { rel: "noopener noreferrer", tabIndex: -1, ...i, children: s }) : /* @__PURE__ */ t(j, { header: e, content: s }) });
+  return /* @__PURE__ */ e(x, { size: t, children: c?.href ? /* @__PURE__ */ e(H, { rel: "noopener noreferrer", tabIndex: -1, ...c, children: s }) : /* @__PURE__ */ e($, { header: r, content: s }) });
 };
 export {
-  P as default
+  F as default
 };
 //# sourceMappingURL=FirstArea.js.map

package/build/esm/components/NavBar/components/FirstArea/FirstArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FirstArea.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.tsx"],"sourcesContent":["import { Contrasts, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { NavBarConsts, type NavBarTypes, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\n\nimport * as Styled from './FirstArea.styles';\nimport Label from '../../../Text/components/Label/Label';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\n\nconst MaybePopover = ({\n  header,\n  content,\n}: {\n  header: NavBarTypes.IFirstAreaProps['header'];\n  content: React.ReactNode;\n}) => {\n  if (NavBarUtils.isHeader(header) && header.popoverContent) {\n    return (\n      <Popover>\n        <PopoverTrigger asChild={true}>{content}</PopoverTrigger>\n        <PopoverContent padding={false} align=\"start\" side=\"bottom\">\n          {header.popoverContent}\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return content;\n};\n\nconst FirstArea = ({\n  pectenArea,\n  lockup,\n  urlProps,\n  onClick,\n  header,\n  collapsed,\n  size = Sizes.Medium,\n}: NavBarTypes.IFirstAreaProps) => {\n  const lockupArea = lockup ?? pectenArea;\n  const content = (\n    <Styled.Header onClick={onClick} $size={size}>\n      {lockupArea === 'default' ? <Styled.HeaderPecten size={NavBarConsts.consts[size].pectenSize} /> : lockupArea}\n      {NavBarUtils.isHeader(header) ? (\n        <Styled.LockupContent $collapsed={collapsed}>\n          {!!header.description && size !== Sizes.XSmall && (\n            <Styled.DescriptionLabel contrast={Contrasts.Subtle} size={Sizes.Small} bold={true}>\n              {header.description}\n            </Styled.DescriptionLabel>\n          )}\n          <Styled.TitleContainer $size={size}>\n            {!!header.title && (\n              <Label contrast={Contrasts.Strong} size={Sizes.Large} bold={true}>\n                {header.title}\n              </Label>\n            )}\n            {!!header.icon && <Styled.IconContainer>{header.icon}</Styled.IconContainer>}\n          </Styled.TitleContainer>\n        </Styled.LockupContent>\n      ) : (\n        header\n      )}\n    </Styled.Header>\n  );\n\n  return (\n    <Styled.Area size={size}>\n      {urlProps?.href ? (\n        <Styled.HeaderPectenUrlWrapper rel=\"noopener noreferrer\" tabIndex={-1} {...urlProps}>\n          {content}\n        </Styled.HeaderPectenUrlWrapper>\n      ) : (\n        <MaybePopover header={header} content={content} />\n      )}\n    </Styled.Area>\n  );\n};\n\nexport default FirstArea;\n"],"names":["MaybePopover","header","content","NavBarUtils.isHeader","Popover","jsx","PopoverTrigger","PopoverContent","FirstArea","pectenArea","lockup","urlProps","onClick","collapsed","size","Sizes","lockupArea","jsxs","Styled.Header","Styled.HeaderPecten","NavBarConsts.consts","Styled.LockupContent","Styled.DescriptionLabel","Contrasts","Styled.TitleContainer","Label","Styled.IconContainer","Styled.Area","Styled.HeaderPectenUrlWrapper"],"mappings":";;;;;;;AAOA,MAAMA,IAAe,CAAC;AAAA,EACpB,QAAAC;AAAA,EACA,SAAAC;AACF,MAIMC,EAAqBF,CAAM,KAAKA,EAAO,mCAEtCG,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAO,UAAAJ,GAAQ;AAAA,EACxC,gBAAAG,EAACE,KAAe,SAAS,IAAO,OAAM,SAAQ,MAAK,UAChD,UAAAN,EAAO,eAAA,CACV;AAAA,GACF,IAIGC,GAGHM,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAX;AAAA,EACA,WAAAY;AAAA,EACA,MAAAC,IAAOC,EAAM;AACf,MAAmC;AACjC,QAAMC,IAAaN,KAAUD,GACvBP,IACJ,gBAAAe,EAACC,GAAA,EAAc,SAAAN,GAAkB,OAAOE,GACrC,UAAA;AAAA,IAAAE,MAAe,YAAY,gBAAAX,EAACc,GAAA,EAAoB,MAAMC,EAAoBN,CAAI,EAAE,WAAA,CAAY,IAAKE;AAAA,IACjGb,EAAqBF,CAAM,sBACzBoB,GAAA,EAAqB,YAAYR,GAC/B,UAAA;AAAA,MAAA,CAAC,CAACZ,EAAO,eAAea,MAASC,EAAM,4BACrCO,GAAA,EAAwB,UAAUC,EAAU,QAAQ,MAAMR,EAAM,OAAO,MAAM,IAC3E,YAAO,aACV;AAAA,MAEF,gBAAAE,EAACO,GAAA,EAAsB,OAAOV,GAC3B,UAAA;AAAA,QAAA,CAAC,CAACb,EAAO,SACR,gBAAAI,EAACoB,KAAM,UAAUF,EAAU,QAAQ,MAAMR,EAAM,OAAO,MAAM,IACzD,YAAO,OACV;AAAA,QAED,CAAC,CAACd,EAAO,0BAASyB,GAAA,EAAsB,UAAAzB,EAAO,KAAA,CAAK;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,EAAA,CACF,IAEAA;AAAA,EAAA,GAEJ;AAGF,SACE,gBAAAI,EAACsB,GAAA,EAAY,MAAAb,GACV,UAAAH,KAAA,QAAAA,EAAU,OACT,gBAAAN,EAACuB,GAAA,EAA8B,KAAI,uBAAsB,UAAU,IAAK,GAAGjB,GACxE,UAAAT,EAAA,CACH,IAEA,gBAAAG,EAACL,GAAA,EAAa,QAAAC,GAAgB,SAAAC,EAAA,CAAkB,EAAA,CAEpD;AAEJ;"}
+{"version":3,"file":"FirstArea.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.tsx"],"sourcesContent":["import { Contrasts, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { NavBarConsts, type NavBarTypes, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\n\nimport * as Styled from './FirstArea.styles';\nimport Label from '../../../Text/components/Label/Label';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\n\nconst MaybePopover = ({\n  header,\n  content,\n}: {\n  header: NavBarTypes.IFirstAreaProps['header'];\n  content: React.ReactNode;\n}) => {\n  if (NavBarUtils.isHeader(header) && header.popoverContent) {\n    return (\n      <Popover>\n        <PopoverTrigger asChild={true}>{content}</PopoverTrigger>\n        <PopoverContent padding={false} align=\"start\" side=\"bottom\">\n          {header.popoverContent}\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return content;\n};\n\nconst FirstArea = ({\n  pectenArea,\n  lockup,\n  urlProps,\n  onClick,\n  header,\n  collapsed,\n  size = Sizes.Medium,\n}: NavBarTypes.IFirstAreaProps) => {\n  const lockupArea = lockup ?? pectenArea;\n  const content = (\n    <Styled.Header onClick={onClick} $size={size}>\n      {lockupArea === 'default' ? <Styled.HeaderPecten size={NavBarConsts.consts[size].pectenSize} /> : lockupArea}\n      {NavBarUtils.isHeader(header) ? (\n        <Styled.LockupContent $collapsed={collapsed}>\n          {!!header.description && size !== Sizes.XSmall && (\n            <Styled.DescriptionLabel contrast={Contrasts.Subtle} size={Sizes.Small} bold={true}>\n              {header.description}\n            </Styled.DescriptionLabel>\n          )}\n          <Styled.TitleContainer $size={size}>\n            {!!header.title && (\n              <Label contrast={Contrasts.Strong} size={Sizes.Large} bold={true}>\n                {header.title}\n              </Label>\n            )}\n            {!!header.icon && <Styled.IconContainer>{header.icon}</Styled.IconContainer>}\n          </Styled.TitleContainer>\n        </Styled.LockupContent>\n      ) : (\n        header\n      )}\n    </Styled.Header>\n  );\n\n  return (\n    <Styled.Area size={size}>\n      {urlProps?.href ? (\n        <Styled.HeaderPectenUrlWrapper rel=\"noopener noreferrer\" tabIndex={-1} {...urlProps}>\n          {content}\n        </Styled.HeaderPectenUrlWrapper>\n      ) : (\n        <MaybePopover header={header} content={content} />\n      )}\n    </Styled.Area>\n  );\n};\n\nexport default FirstArea;\n"],"names":["MaybePopover","header","content","NavBarUtils.isHeader","Popover","jsx","PopoverTrigger","PopoverContent","FirstArea","pectenArea","lockup","urlProps","onClick","collapsed","size","Sizes","lockupArea","jsxs","Styled.Header","Styled.HeaderPecten","NavBarConsts.consts","Styled.LockupContent","Styled.DescriptionLabel","Contrasts","Styled.TitleContainer","Label","Styled.IconContainer","Styled.Area","Styled.HeaderPectenUrlWrapper"],"mappings":";;;;;;;AAOA,MAAMA,IAAe,CAAC;AAAA,EACpB,QAAAC;AAAA,EACA,SAAAC;AACF,MAIMC,EAAqBF,CAAM,KAAKA,EAAO,mCAEtCG,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAO,UAAAJ,GAAQ;AAAA,EACxC,gBAAAG,EAACE,KAAe,SAAS,IAAO,OAAM,SAAQ,MAAK,UAChD,UAAAN,EAAO,eAAA,CACV;AAAA,GACF,IAIGC,GAGHM,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAX;AAAA,EACA,WAAAY;AAAA,EACA,MAAAC,IAAOC,EAAM;AACf,MAAmC;AACjC,QAAMC,IAAaN,KAAUD,GACvBP,IACJ,gBAAAe,EAACC,GAAA,EAAc,SAAAN,GAAkB,OAAOE,GACrC,UAAA;AAAA,IAAAE,MAAe,YAAY,gBAAAX,EAACc,GAAA,EAAoB,MAAMC,EAAoBN,CAAI,EAAE,WAAA,CAAY,IAAKE;AAAA,IACjGb,EAAqBF,CAAM,sBACzBoB,GAAA,EAAqB,YAAYR,GAC/B,UAAA;AAAA,MAAA,CAAC,CAACZ,EAAO,eAAea,MAASC,EAAM,4BACrCO,GAAA,EAAwB,UAAUC,EAAU,QAAQ,MAAMR,EAAM,OAAO,MAAM,IAC3E,YAAO,aACV;AAAA,MAEF,gBAAAE,EAACO,GAAA,EAAsB,OAAOV,GAC3B,UAAA;AAAA,QAAA,CAAC,CAACb,EAAO,SACR,gBAAAI,EAACoB,KAAM,UAAUF,EAAU,QAAQ,MAAMR,EAAM,OAAO,MAAM,IACzD,YAAO,OACV;AAAA,QAED,CAAC,CAACd,EAAO,0BAASyB,GAAA,EAAsB,UAAAzB,EAAO,KAAA,CAAK;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,EAAA,CACF,IAEAA;AAAA,EAAA,GAEJ;AAGF,SACE,gBAAAI,EAACsB,GAAA,EAAY,MAAAb,GACV,UAAAH,GAAU,OACT,gBAAAN,EAACuB,GAAA,EAA8B,KAAI,uBAAsB,UAAU,IAAK,GAAGjB,GACxE,UAAAT,EAAA,CACH,IAEA,gBAAAG,EAACL,GAAA,EAAa,QAAAC,GAAgB,SAAAC,EAAA,CAAkB,EAAA,CAEpD;AAEJ;"}

package/build/esm/components/NavBar/components/LastArea/LastArea.styles.d.ts

@@ -1,3 +1,4 @@
+import { type IDropdownAvatarProps } from '../../../Avatar/Avatar.types';
 declare const Area: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     size?: import("../../../../react-base/src/components/Avatar/Avatar.types.js").AvatarSize;
@@ -31,6 +32,6 @@ declare const StyledAvatar: import("styled-components/dist/types").IStyledCompon
     flag: import("../../../Flag/Flag.types").FlagName;
 } & import("../../../../react-base/src/components/Avatar/Avatar.types.js").IDetailedAvatarProps & import("../../../../react-base/src/components/Avatar/Avatar.types.js").IDropdownAvatarProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../..").IDropdownAvatarProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+}), Required<Pick<IDropdownAvatarProps, "size">>>> & string & Omit<import("react").ForwardRefExoticComponent<IDropdownAvatarProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export { Area, StyledAvatar };
 //# sourceMappingURL=LastArea.styles.d.ts.map

package/build/esm/components/NavBar/components/LastArea/LastArea.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LastArea.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI,6NAOT,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gQAUjB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"LastArea.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,QAAA,MAAM,IAAI,6NAOT,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qOAcjB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/build/esm/components/NavBar/components/LastArea/LastArea.styles.js

@@ -1,25 +1,30 @@
-import { styled as t } from "styled-components";
-import e from "../../../Avatar/DropdownAvatar.js";
-const n = t.div`
+import { styled as t, css as e } from "styled-components";
+import { consts as o } from "../../../../react-base/src/components/Menu/Menu.consts.js";
+import r from "../../../Avatar/DropdownAvatar.js";
+const l = t.div`
   display: flex;
   flex-shrink: 0;
   align-items: center;
   padding: 4px;
   transition: all 0.3s ease;
   overflow: hidden;
-`, r = t(e)`
+`, f = t(r)`
   flex: 1 1 0;
   margin: 0;
   position: relative;
-  justify-content: flex-start;
   min-width: 0;
 
+  ${({ size: i }) => e`
+    justify-content: flex-start;
+    margin-right: ${o[i].itemListMarginLeft}px;
+  `};
+
   &:focus-visible {
     outline-offset: 0;
   }
 `;
 export {
-  n as Area,
-  r as StyledAvatar
+  l as Area,
+  f as StyledAvatar
 };
 //# sourceMappingURL=LastArea.styles.js.map

package/build/esm/components/NavBar/components/LastArea/LastArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastArea.styles.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport DropdownAvatar from '../../../Avatar/DropdownAvatar';\n\nconst Area = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: 4px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n`;\n\nconst StyledAvatar = styled(DropdownAvatar)`\n  flex: 1 1 0;\n  margin: 0;\n  position: relative;\n  justify-content: flex-start;\n  min-width: 0;\n\n  &:focus-visible {\n    outline-offset: 0;\n  }\n`;\n\nexport { Area, StyledAvatar };\n"],"names":["Area","styled","StyledAvatar","DropdownAvatar"],"mappings":";;AAIA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASdC,IAAeD,EAAOE,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"LastArea.styles.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport DropdownAvatar from '../../../Avatar/DropdownAvatar';\nimport { type IDropdownAvatarProps } from '../../../Avatar/Avatar.types';\n\nconst Area = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: 4px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n`;\n\nconst StyledAvatar = styled(DropdownAvatar)<Required<Pick<IDropdownAvatarProps, 'size'>>>`\n  flex: 1 1 0;\n  margin: 0;\n  position: relative;\n  min-width: 0;\n\n  ${({ size }) => css`\n    justify-content: flex-start;\n    margin-right: ${MenuConsts.consts[size].itemListMarginLeft}px;\n  `};\n\n  &:focus-visible {\n    outline-offset: 0;\n  }\n`;\n\nexport { Area, StyledAvatar };\n"],"names":["Area","styled","StyledAvatar","DropdownAvatar","size","css","MenuConsts.consts"],"mappings":";;;AAMA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASdC,IAAeD,EAAOE,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMtC,CAAC,EAAE,MAAAC,EAAA,MAAWC;AAAA;AAAA,oBAEEC,EAAkBF,CAAI,EAAE,kBAAkB;AAAA,GAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/Pagination/DefaultPagination.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
 import type { IDefaultPaginationProps } from './Pagination.types';
-declare const DefaultPagination: ({ className, size, current, quickJumper, startEndButtons, allowedPageSizes, pageSize, onPageSizeChange, totalItems, showTotalItems, moreButton, onPageChange, i18n, ...rest }: IDefaultPaginationProps) => ReactElement;
+declare const DefaultPagination: ({ className, size, current, quickJumper, startEndButtons, allowedPageSizes, pageSize, onPageSizeChange, totalItems, showTotalItems, moreButton, onPageChange, i18n, numberFormatter, ...rest }: IDefaultPaginationProps) => ReactElement;
 export default DefaultPagination;
 //# sourceMappingURL=DefaultPagination.d.ts.map

package/build/esm/components/Pagination/DefaultPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAA6C,MAAM,OAAO,CAAC;AAU9G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAqFlE,QAAA,MAAM,iBAAiB,kLAepB,uBAAuB,KAAG,YAoH5B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DefaultPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAA6C,MAAM,OAAO,CAAC;AAU9G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAsFlE,QAAA,MAAM,iBAAiB,mMAgBpB,uBAAuB,KAAG,YAoH5B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/esm/components/Pagination/DefaultPagination.js

@@ -1,155 +1,157 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { useState as C, useMemo as h, useEffect as L, useCallback as m } from "react";
-import R from "classnames";
-import { Sizes as w } from "../../react-base/src/consts/index.js";
-import { useTranslation as O } from "react-i18next";
-import T from "../Text/components/Label/Label.js";
-import { DefaultPaginationWrapper as W, DefaultPaginationContainer as X, TotalItems as q, PaginationList as K, DefaultPaginationItemsPerPageContainer as V, Select as Y, QuickJumperContainer as z, TextInput as tt } from "./DefaultPagination.styles.js";
-import { enforceInRange as ot, getPagesToDisplay as et } from "./utils/getPagesToDisplay.js";
-import { FirstPageButton as at, PrevPageButton as nt, NextPageButton as rt, LastPageButton as lt, PageButton as v } from "./components/PaginationButtons.js";
-import { PAGINATION_CLASS as st } from "../../react-base/src/consts/classes.js";
-const ct = 1, y = 1, it = 10, x = 20, ut = 50, mt = [it, x, ut], pt = ({ moreButton: s, onPageClick: o, size: c, t: N, currentPage: i, total: d }) => {
-  const [f, p] = C(i);
-  return L(() => {
-    p(ot(i, d));
-  }, [i, d]), h(
-    () => et(i, f, d, s),
-    [s, f, d, i]
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useState as k, useMemo as A, useEffect as S, useCallback as m } from "react";
+import w from "classnames";
+import { Sizes as O } from "../../react-base/src/consts/index.js";
+import { useTranslation as W } from "../../libs/i18next/hooks/useTranslation.js";
+import f from "../Text/components/Label/Label.js";
+import { DefaultPaginationWrapper as X, DefaultPaginationContainer as q, TotalItems as K, PaginationList as V, DefaultPaginationItemsPerPageContainer as Y, Select as z, QuickJumperContainer as ee, TextInput as ae } from "./DefaultPagination.styles.js";
+import { enforceInRange as oe, getPagesToDisplay as te } from "./utils/getPagesToDisplay.js";
+import { FirstPageButton as ne, PrevPageButton as re, NextPageButton as le, LastPageButton as ie, PageButton as v } from "./components/PaginationButtons.js";
+import { defaultNumberFormatter as se } from "./utils/numberFormatter.js";
+import { PAGINATION_CLASS as ce } from "../../react-base/src/consts/classes.js";
+const me = 1, y = 1, ue = 10, L = 20, ge = 50, Pe = [ue, L, ge], pe = ({ moreButton: i, onPageClick: a, size: s, t: C, currentPage: c, total: g }) => {
+  const [P, h] = k(c);
+  return S(() => {
+    h(oe(c, g));
+  }, [c, g]), A(
+    () => te(c, P, g, i),
+    [i, P, g, c]
   ).map(
-    ({ page: P, current: I, more: u }) => u ? /* @__PURE__ */ e(
+    ({ page: u, current: _, more: p }) => p ? /* @__PURE__ */ o(
       v,
       {
-        onClick: (E) => {
-          E.preventDefault(), p(P);
+        onClick: (D) => {
+          D.preventDefault(), h(u);
         },
-        page: P,
-        more: u,
-        size: c,
-        t: N
+        page: u,
+        more: p,
+        size: s,
+        t: C
       },
-      `more-${u}`
-    ) : /* @__PURE__ */ e(
+      `more-${p}`
+    ) : /* @__PURE__ */ o(
       v,
       {
-        page: P,
-        current: I,
-        onClick: (E) => {
-          E.preventDefault(), o(P);
+        page: u,
+        current: _,
+        onClick: (D) => {
+          D.preventDefault(), a(u);
         },
         more: !1,
-        size: c,
-        t: N
+        size: s,
+        t: C
       },
-      `page-${P}`
+      `page-${u}`
     )
   );
-}, Pt = ({ size: s, t: o, onChange: c }) => /* @__PURE__ */ g(z, { children: [
-  /* @__PURE__ */ e(T, { size: s, children: o("jumpTo") }),
-  /* @__PURE__ */ e(tt, { onBlur: c, placeholder: o("jumpToPagePlaceholder"), size: s })
-] }), k = (s, o) => Math.min(Math.max(s, 1), o), It = ({
-  className: s,
-  size: o = w.Medium,
-  current: c,
-  quickJumper: N,
-  startEndButtons: i,
-  allowedPageSizes: d = mt,
-  pageSize: f = x,
-  onPageSizeChange: p,
-  totalItems: D,
-  showTotalItems: P = !0,
-  moreButton: I = !1,
-  onPageChange: u,
-  i18n: E,
-  ...$
+}, de = ({ size: i, t: a, onChange: s }) => /* @__PURE__ */ d(ee, { children: [
+  /* @__PURE__ */ o(f, { size: i, children: a("jumpTo") }),
+  /* @__PURE__ */ o(ae, { onBlur: s, placeholder: a("jumpToPagePlaceholder"), size: i })
+] }), I = (i, a) => Math.min(Math.max(i, 1), a), ke = ({
+  className: i,
+  size: a = O.Medium,
+  current: s,
+  quickJumper: C,
+  startEndButtons: c,
+  allowedPageSizes: g = Pe,
+  pageSize: P = L,
+  onPageSizeChange: h,
+  totalItems: T,
+  showTotalItems: u = !0,
+  moreButton: _ = !1,
+  onPageChange: p,
+  i18n: D,
+  numberFormatter: $ = se(),
+  ...j
 }) => {
-  const { t: r } = O("pagination", { i18n: E }), [t, F] = C(c), [b, M] = C(f), l = h(
+  const { t: r } = W("pagination", { i18n: D }), [e, F] = k(s), [b, x] = k(P), l = A(
     // calculate total pages based on total items and current page size, totalItems >= 0, ensures MIN_PAGES minimum pages
-    () => Math.ceil(Math.max(D, 0) / (b || x)) || ct,
-    [D, b]
-  ), G = h(() => t === y, [t]), S = h(() => t === l, [t, l]);
-  L(() => {
-    F(k(c, l));
-  }, [c, l]), L(() => {
-    M(f);
-  }, [f]);
-  const a = m(
-    (n, A) => {
-      const _ = k(n, l);
-      F(_), u == null || u(_, A);
+    () => Math.ceil(Math.max(T, 0) / (b || L)) || me,
+    [T, b]
+  ), M = A(() => e === y, [e]), G = A(() => e === l, [e, l]);
+  S(() => {
+    F(I(s, l));
+  }, [s, l]), S(() => {
+    x(P);
+  }, [P]);
+  const t = m(
+    (n, E) => {
+      const N = I(n, l);
+      F(N), p?.(N, E);
     },
-    [u, l]
-  ), j = m(
+    [p, l]
+  ), B = m(
     (n) => {
-      const A = Number(n.target.value);
-      if (n.target.value = "", Number.isNaN(A)) {
+      const E = Number(n.target.value);
+      if (n.target.value = "", Number.isNaN(E)) {
         n.preventDefault(), n.stopPropagation();
         return;
       }
-      const _ = k(A, l);
-      a(_, t);
+      const N = I(E, l);
+      t(N, e);
     },
-    [a, l, t]
-  ), B = m(
+    [t, l, e]
+  ), U = m(
     (n) => {
-      M(n), p == null || p(n), a(y, t);
+      x(n), h?.(n), t(y, e);
     },
-    [p, a, t]
-  ), U = m(() => a(1, t), [a, t]), Z = m(
-    () => a(l, t),
-    [a, l, t]
-  ), H = m(
-    () => a(t - 1, t),
-    [a, t]
+    [h, t, e]
+  ), Z = m(() => t(1, e), [t, e]), H = m(
+    () => t(l, e),
+    [t, l, e]
   ), J = m(
-    (n) => a(n, t),
-    [a, t]
+    () => t(e - 1, e),
+    [t, e]
   ), Q = m(
-    () => a(t + 1, t),
-    [a, t]
+    (n) => t(n, e),
+    [t, e]
+  ), R = m(
+    () => t(e + 1, e),
+    [t, e]
   );
-  return /* @__PURE__ */ g(W, { className: R(st, s), $size: o, ...$, children: [
-    /* @__PURE__ */ g(X, { "aria-label": "pagination", children: [
-      P && /* @__PURE__ */ g(q, { children: [
-        /* @__PURE__ */ e(T, { size: o, children: r("total") }),
-        /* @__PURE__ */ e(T, { size: o, children: D }),
-        /* @__PURE__ */ e(T, { size: o, children: r("item", { count: D }) })
+  return /* @__PURE__ */ d(X, { className: w(ce, i), $size: a, ...j, children: [
+    /* @__PURE__ */ d(q, { "aria-label": "pagination", children: [
+      u && /* @__PURE__ */ d(K, { children: [
+        /* @__PURE__ */ o(f, { size: a, children: r("total") }),
+        /* @__PURE__ */ o(f, { size: a, children: $.format(T) }),
+        /* @__PURE__ */ o(f, { size: a, children: r("item", { count: T }) })
       ] }),
-      /* @__PURE__ */ g(K, { children: [
-        i && /* @__PURE__ */ e(at, { onClick: U, size: o, disabled: G, t: r }),
-        /* @__PURE__ */ e(nt, { onClick: H, size: o, disabled: G, t: r }),
-        /* @__PURE__ */ e(
-          pt,
+      /* @__PURE__ */ d(V, { children: [
+        c && /* @__PURE__ */ o(ne, { onClick: Z, size: a, disabled: M, t: r }),
+        /* @__PURE__ */ o(re, { onClick: J, size: a, disabled: M, t: r }),
+        /* @__PURE__ */ o(
+          pe,
           {
-            moreButton: I,
-            onPageClick: J,
-            size: o,
+            moreButton: _,
+            onPageClick: Q,
+            size: a,
             t: r,
-            currentPage: t,
+            currentPage: e,
             total: l
           }
         ),
-        /* @__PURE__ */ e(rt, { onClick: Q, size: o, disabled: S, t: r }),
-        i && /* @__PURE__ */ e(lt, { onClick: Z, size: o, disabled: S, t: r })
+        /* @__PURE__ */ o(le, { onClick: R, size: a, disabled: G, t: r }),
+        c && /* @__PURE__ */ o(ie, { onClick: H, size: a, disabled: G, t: r })
       ] }),
-      N && /* @__PURE__ */ e(Pt, { t: r, size: o, onChange: j })
+      C && /* @__PURE__ */ o(de, { t: r, size: a, onChange: B })
     ] }),
-    /* @__PURE__ */ g(V, { children: [
-      /* @__PURE__ */ e(T, { size: o, children: r("displayingItemsPerPage") }),
-      /* @__PURE__ */ e(
-        Y,
+    /* @__PURE__ */ d(Y, { children: [
+      /* @__PURE__ */ o(f, { size: a, children: r("displayingItemsPerPage") }),
+      /* @__PURE__ */ o(
+        z,
         {
-          size: o,
+          size: a,
           value: b,
-          onSelect: B,
+          onSelect: U,
           allowClear: !1,
-          options: d.map((n) => ({ label: `${n}`, value: n }))
+          options: g.map((n) => ({ label: `${n}`, value: n }))
         }
       ),
-      /* @__PURE__ */ e(T, { size: o, children: `${r("item", { count: 4 })} ${r("itemsPerPage")}` })
+      /* @__PURE__ */ o(f, { size: a, children: `${r("item", { count: 4 })} ${r("itemsPerPage")}` })
     ] })
   ] });
 };
 export {
-  It as default
+  ke as default
 };
 //# sourceMappingURL=DefaultPagination.js.map

package/build/esm/components/Pagination/DefaultPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.js","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\nimport { useTranslation } from 'react-i18next';\nimport type { TFunction } from 'i18next';\n\nimport Label from '../Text/components/Label/Label';\nimport * as Styled from './DefaultPagination.styles';\nimport type { IDefaultPaginationProps } from './Pagination.types';\nimport { enforceInRange, getPagesToDisplay } from './utils/getPagesToDisplay';\nimport {\n  FirstPageButton,\n  LastPageButton,\n  NextPageButton,\n  PageButton,\n  PrevPageButton,\n} from './components/PaginationButtons';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n};\n\nconst MIN_PAGES = 1;\nconst FIRST_PAGE = 1;\nconst DEFAULT_MIN_PAGE_SIZE = 10;\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_EXTENDED_PAGE_SIZE = 50;\n\nconst DEFAULT_PAGE_SIZES = [DEFAULT_MIN_PAGE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_EXTENDED_PAGE_SIZE];\n\ntype PagesProps = {\n  moreButton: boolean;\n  onPageClick: (pageNumber: number) => void;\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  currentPage: number;\n  total: number;\n};\n\nconst Pages = ({ moreButton, onPageClick, size, t, currentPage, total }: PagesProps) => {\n  const [currentDisplayed, setCurrentDisplayed] = useState(currentPage);\n\n  useEffect(() => {\n    setCurrentDisplayed(enforceInRange(currentPage, total));\n  }, [currentPage, total]);\n\n  const pageToDisplay = useMemo(\n    () => getPagesToDisplay(currentPage, currentDisplayed, total, moreButton),\n    [moreButton, currentDisplayed, total, currentPage],\n  );\n\n  return pageToDisplay.map(({ page, current, more }) =>\n    more ? (\n      <PageButton\n        key={`more-${more}`}\n        onClick={(e) => {\n          e.preventDefault();\n          setCurrentDisplayed(page);\n        }}\n        page={page}\n        more={more}\n        size={size}\n        t={t}\n      />\n    ) : (\n      <PageButton\n        key={`page-${page}`}\n        page={page}\n        current={current}\n        onClick={(e) => {\n          e.preventDefault();\n          onPageClick(page);\n        }}\n        more={false}\n        size={size}\n        t={t}\n      />\n    ),\n  );\n};\n\nconst DefaultQuickJumper = ({ size, t, onChange }: QuickJumperProps) => (\n  <Styled.QuickJumperContainer>\n    <Label size={size}>{t('jumpTo')}</Label>\n    <Styled.TextInput onBlur={onChange} placeholder={t('jumpToPagePlaceholder')} size={size} />\n  </Styled.QuickJumperContainer>\n);\n\n// ensure page is > 1 and <= total\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\n\nconst DefaultPagination = ({\n  className,\n  size = Sizes.Medium,\n  current,\n  quickJumper,\n  startEndButtons,\n  allowedPageSizes = DEFAULT_PAGE_SIZES,\n  pageSize = DEFAULT_PAGE_SIZE,\n  onPageSizeChange,\n  totalItems,\n  showTotalItems = true,\n  moreButton = false,\n  onPageChange,\n  i18n,\n  ...rest\n}: IDefaultPaginationProps): ReactElement => {\n  const { t } = useTranslation('pagination', { i18n });\n  const [currentPage, setCurrentPage] = useState(current);\n  const [currentPageSize, setCurrentPageSize] = useState(pageSize);\n\n  const total = useMemo(\n    // calculate total pages based on total items and current page size, totalItems >= 0, ensures MIN_PAGES minimum pages\n    () => Math.ceil(Math.max(totalItems, 0) / (currentPageSize || DEFAULT_PAGE_SIZE)) || MIN_PAGES,\n    [totalItems, currentPageSize],\n  );\n  const isFirstPage = useMemo(() => currentPage === FIRST_PAGE, [currentPage]);\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\n\n  useEffect(() => {\n    setCurrentPage(ensurePageInRange(current, total));\n  }, [current, total]);\n\n  useEffect(() => {\n    setCurrentPageSize(pageSize);\n  }, [pageSize]);\n\n  const onPageChangeHandler = useCallback(\n    (page: number, prevPage: number) => {\n      const newPage = ensurePageInRange(page, total);\n      setCurrentPage(newPage);\n      onPageChange?.(newPage, prevPage);\n    },\n    [onPageChange, total],\n  );\n\n  const onQuickJumperChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const pageNumber = Number(event.target.value);\n\n      event.target.value = '';\n\n      if (Number.isNaN(pageNumber)) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        return;\n      }\n\n      const newPage = ensurePageInRange(pageNumber, total);\n\n      onPageChangeHandler(newPage, currentPage);\n    },\n    [onPageChangeHandler, total, currentPage],\n  );\n\n  const onPageSizeChangeHandler = useCallback(\n    (newPageSize: number) => {\n      setCurrentPageSize(newPageSize);\n      onPageSizeChange?.(newPageSize);\n      onPageChangeHandler(FIRST_PAGE, currentPage);\n    },\n    [onPageSizeChange, onPageChangeHandler, currentPage],\n  );\n\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\n  const goToLastPage = useCallback(\n    () => onPageChangeHandler(total, currentPage),\n    [onPageChangeHandler, total, currentPage],\n  );\n  const goToPrevPage = useCallback(\n    () => onPageChangeHandler(currentPage - 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToPage = useCallback(\n    (pageNumber: number) => onPageChangeHandler(pageNumber, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToNextPage = useCallback(\n    () => onPageChangeHandler(currentPage + 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n\n  return (\n    <Styled.DefaultPaginationWrapper className={classNames(PAGINATION_CLASS, className)} $size={size} {...rest}>\n      <Styled.DefaultPaginationContainer aria-label=\"pagination\">\n        {showTotalItems && (\n          <Styled.TotalItems>\n            <Label size={size}>{t('total')}</Label>\n            <Label size={size}>{totalItems}</Label>\n            <Label size={size}>{t('item', { count: totalItems })}</Label>\n          </Styled.TotalItems>\n        )}\n        <Styled.PaginationList>\n          {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\n          <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\n          <Pages\n            moreButton={moreButton}\n            onPageClick={goToPage}\n            size={size}\n            t={t}\n            currentPage={currentPage}\n            total={total}\n          />\n          <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\n          {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\n        </Styled.PaginationList>\n        {quickJumper && <DefaultQuickJumper t={t} size={size} onChange={onQuickJumperChangeHandler} />}\n      </Styled.DefaultPaginationContainer>\n      <Styled.DefaultPaginationItemsPerPageContainer>\n        <Label size={size}>{t('displayingItemsPerPage')}</Label>\n        <Styled.Select\n          size={size}\n          value={currentPageSize}\n          onSelect={onPageSizeChangeHandler}\n          allowClear={false}\n          options={allowedPageSizes.map((pSize) => ({ label: `${pSize}`, value: pSize }))}\n        />\n        <Label size={size}>{`${t('item', { count: 4 })} ${t('itemsPerPage')}`}</Label>\n      </Styled.DefaultPaginationItemsPerPageContainer>\n    </Styled.DefaultPaginationWrapper>\n  );\n};\n\nexport default DefaultPagination;\n"],"names":["MIN_PAGES","FIRST_PAGE","DEFAULT_MIN_PAGE_SIZE","DEFAULT_PAGE_SIZE","DEFAULT_EXTENDED_PAGE_SIZE","DEFAULT_PAGE_SIZES","Pages","moreButton","onPageClick","size","t","currentPage","total","currentDisplayed","setCurrentDisplayed","useState","useEffect","enforceInRange","useMemo","getPagesToDisplay","page","current","more","jsx","PageButton","e","DefaultQuickJumper","onChange","jsxs","Styled.QuickJumperContainer","Label","Styled.TextInput","ensurePageInRange","DefaultPagination","className","Sizes","quickJumper","startEndButtons","allowedPageSizes","pageSize","onPageSizeChange","totalItems","showTotalItems","onPageChange","i18n","rest","useTranslation","setCurrentPage","currentPageSize","setCurrentPageSize","isFirstPage","isLastPage","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","onPageSizeChangeHandler","newPageSize","goToFirstPage","goToLastPage","goToPrevPage","goToPage","goToNextPage","Styled.DefaultPaginationWrapper","classNames","PAGINATION_CLASS","Styled.DefaultPaginationContainer","Styled.TotalItems","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton","Styled.DefaultPaginationItemsPerPageContainer","Styled.Select","pSize"],"mappings":"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"}
+{"version":3,"file":"DefaultPagination.js","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\nimport type { TFunction } from '../../libs/i18next/types';\nimport Label from '../Text/components/Label/Label';\nimport * as Styled from './DefaultPagination.styles';\nimport type { IDefaultPaginationProps } from './Pagination.types';\nimport { enforceInRange, getPagesToDisplay } from './utils/getPagesToDisplay';\nimport {\n  FirstPageButton,\n  LastPageButton,\n  NextPageButton,\n  PageButton,\n  PrevPageButton,\n} from './components/PaginationButtons';\nimport { defaultNumberFormatter } from './utils/numberFormatter';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n};\n\nconst MIN_PAGES = 1;\nconst FIRST_PAGE = 1;\nconst DEFAULT_MIN_PAGE_SIZE = 10;\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_EXTENDED_PAGE_SIZE = 50;\n\nconst DEFAULT_PAGE_SIZES = [DEFAULT_MIN_PAGE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_EXTENDED_PAGE_SIZE];\n\ntype PagesProps = {\n  moreButton: boolean;\n  onPageClick: (pageNumber: number) => void;\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  currentPage: number;\n  total: number;\n};\n\nconst Pages = ({ moreButton, onPageClick, size, t, currentPage, total }: PagesProps) => {\n  const [currentDisplayed, setCurrentDisplayed] = useState(currentPage);\n\n  useEffect(() => {\n    setCurrentDisplayed(enforceInRange(currentPage, total));\n  }, [currentPage, total]);\n\n  const pageToDisplay = useMemo(\n    () => getPagesToDisplay(currentPage, currentDisplayed, total, moreButton),\n    [moreButton, currentDisplayed, total, currentPage],\n  );\n\n  return pageToDisplay.map(({ page, current, more }) =>\n    more ? (\n      <PageButton\n        key={`more-${more}`}\n        onClick={(e) => {\n          e.preventDefault();\n          setCurrentDisplayed(page);\n        }}\n        page={page}\n        more={more}\n        size={size}\n        t={t}\n      />\n    ) : (\n      <PageButton\n        key={`page-${page}`}\n        page={page}\n        current={current}\n        onClick={(e) => {\n          e.preventDefault();\n          onPageClick(page);\n        }}\n        more={false}\n        size={size}\n        t={t}\n      />\n    ),\n  );\n};\n\nconst DefaultQuickJumper = ({ size, t, onChange }: QuickJumperProps) => (\n  <Styled.QuickJumperContainer>\n    <Label size={size}>{t('jumpTo')}</Label>\n    <Styled.TextInput onBlur={onChange} placeholder={t('jumpToPagePlaceholder')} size={size} />\n  </Styled.QuickJumperContainer>\n);\n\n// ensure page is > 1 and <= total\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\n\nconst DefaultPagination = ({\n  className,\n  size = Sizes.Medium,\n  current,\n  quickJumper,\n  startEndButtons,\n  allowedPageSizes = DEFAULT_PAGE_SIZES,\n  pageSize = DEFAULT_PAGE_SIZE,\n  onPageSizeChange,\n  totalItems,\n  showTotalItems = true,\n  moreButton = false,\n  onPageChange,\n  i18n,\n  numberFormatter = defaultNumberFormatter(),\n  ...rest\n}: IDefaultPaginationProps): ReactElement => {\n  const { t } = useTranslation('pagination', { i18n });\n  const [currentPage, setCurrentPage] = useState(current);\n  const [currentPageSize, setCurrentPageSize] = useState(pageSize);\n\n  const total = useMemo(\n    // calculate total pages based on total items and current page size, totalItems >= 0, ensures MIN_PAGES minimum pages\n    () => Math.ceil(Math.max(totalItems, 0) / (currentPageSize || DEFAULT_PAGE_SIZE)) || MIN_PAGES,\n    [totalItems, currentPageSize],\n  );\n  const isFirstPage = useMemo(() => currentPage === FIRST_PAGE, [currentPage]);\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\n\n  useEffect(() => {\n    setCurrentPage(ensurePageInRange(current, total));\n  }, [current, total]);\n\n  useEffect(() => {\n    setCurrentPageSize(pageSize);\n  }, [pageSize]);\n\n  const onPageChangeHandler = useCallback(\n    (page: number, prevPage: number) => {\n      const newPage = ensurePageInRange(page, total);\n      setCurrentPage(newPage);\n      onPageChange?.(newPage, prevPage);\n    },\n    [onPageChange, total],\n  );\n\n  const onQuickJumperChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const pageNumber = Number(event.target.value);\n\n      event.target.value = '';\n\n      if (Number.isNaN(pageNumber)) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        return;\n      }\n\n      const newPage = ensurePageInRange(pageNumber, total);\n\n      onPageChangeHandler(newPage, currentPage);\n    },\n    [onPageChangeHandler, total, currentPage],\n  );\n\n  const onPageSizeChangeHandler = useCallback(\n    (newPageSize: number) => {\n      setCurrentPageSize(newPageSize);\n      onPageSizeChange?.(newPageSize);\n      onPageChangeHandler(FIRST_PAGE, currentPage);\n    },\n    [onPageSizeChange, onPageChangeHandler, currentPage],\n  );\n\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\n  const goToLastPage = useCallback(\n    () => onPageChangeHandler(total, currentPage),\n    [onPageChangeHandler, total, currentPage],\n  );\n  const goToPrevPage = useCallback(\n    () => onPageChangeHandler(currentPage - 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToPage = useCallback(\n    (pageNumber: number) => onPageChangeHandler(pageNumber, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToNextPage = useCallback(\n    () => onPageChangeHandler(currentPage + 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n\n  return (\n    <Styled.DefaultPaginationWrapper className={classNames(PAGINATION_CLASS, className)} $size={size} {...rest}>\n      <Styled.DefaultPaginationContainer aria-label=\"pagination\">\n        {showTotalItems && (\n          <Styled.TotalItems>\n            <Label size={size}>{t('total')}</Label>\n            <Label size={size}>{numberFormatter.format(totalItems)}</Label>\n            <Label size={size}>{t('item', { count: totalItems })}</Label>\n          </Styled.TotalItems>\n        )}\n        <Styled.PaginationList>\n          {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\n          <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\n          <Pages\n            moreButton={moreButton}\n            onPageClick={goToPage}\n            size={size}\n            t={t}\n            currentPage={currentPage}\n            total={total}\n          />\n          <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\n          {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\n        </Styled.PaginationList>\n        {quickJumper && <DefaultQuickJumper t={t} size={size} onChange={onQuickJumperChangeHandler} />}\n      </Styled.DefaultPaginationContainer>\n      <Styled.DefaultPaginationItemsPerPageContainer>\n        <Label size={size}>{t('displayingItemsPerPage')}</Label>\n        <Styled.Select\n          size={size}\n          value={currentPageSize}\n          onSelect={onPageSizeChangeHandler}\n          allowClear={false}\n          options={allowedPageSizes.map((pSize) => ({ label: `${pSize}`, value: pSize }))}\n        />\n        <Label size={size}>{`${t('item', { count: 4 })} ${t('itemsPerPage')}`}</Label>\n      </Styled.DefaultPaginationItemsPerPageContainer>\n    </Styled.DefaultPaginationWrapper>\n  );\n};\n\nexport default DefaultPagination;\n"],"names":["MIN_PAGES","FIRST_PAGE","DEFAULT_MIN_PAGE_SIZE","DEFAULT_PAGE_SIZE","DEFAULT_EXTENDED_PAGE_SIZE","DEFAULT_PAGE_SIZES","Pages","moreButton","onPageClick","size","t","currentPage","total","currentDisplayed","setCurrentDisplayed","useState","useEffect","enforceInRange","useMemo","getPagesToDisplay","page","current","more","jsx","PageButton","e","DefaultQuickJumper","onChange","jsxs","Styled.QuickJumperContainer","Label","Styled.TextInput","ensurePageInRange","DefaultPagination","className","Sizes","quickJumper","startEndButtons","allowedPageSizes","pageSize","onPageSizeChange","totalItems","showTotalItems","onPageChange","i18n","numberFormatter","defaultNumberFormatter","rest","useTranslation","setCurrentPage","currentPageSize","setCurrentPageSize","isFirstPage","isLastPage","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","onPageSizeChangeHandler","newPageSize","goToFirstPage","goToLastPage","goToPrevPage","goToPage","goToNextPage","Styled.DefaultPaginationWrapper","classNames","PAGINATION_CLASS","Styled.DefaultPaginationContainer","Styled.TotalItems","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton","Styled.DefaultPaginationItemsPerPageContainer","Styled.Select","pSize"],"mappings":"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"}

package/build/esm/components/Pagination/DefaultPagination.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAKlE,eAAO,MAAM,cAAc,iOAS1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAIhC,CAAC;AAEF,eAAO,MAAM,SAAS;;kNAAuB,CAAC;AAC9C,eAAO,MAAM,MAAM;;yMAAoB,CAAC;AAExC,eAAO,MAAM,sCAAsC,6NAIlD,CAAC;AAEF,eAAO,MAAM,UAAU,6NAItB,CAAC;AAEF,eAAO,MAAM,0BAA0B,uNAItC,CAAC;AAGF,eAAO,MAAM,wBAAwB,6RA2CpC,CAAC"}
+{"version":3,"file":"DefaultPagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAKlE,eAAO,MAAM,cAAc,iOAS1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAIhC,CAAC;AAEF,eAAO,MAAM,SAAS;;kNAAuB,CAAC;AAC9C,eAAO,MAAM,MAAM;;yMAAoB,CAAC;AAExC,eAAO,MAAM,sCAAsC,6NAIlD,CAAC;AAEF,eAAO,MAAM,UAAU,6NAItB,CAAC;AAEF,eAAO,MAAM,0BAA0B,uNAItC,CAAC;AAGF,eAAO,MAAM,wBAAwB,6RA8CpC,CAAC"}