acinguiux-ds-react-framework 0.1.25 → 0.1.27

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

@@ -1 +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';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils';\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, size, theme }) => 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      ${theme.typography('label', getLabelTypographySize(getSmallerSize(getSmallerSize(size))))}\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","size","theme","css","NavBarUtils.getItemsAlignment","MENU_CLASS","getLabelTypographySize","getSmallerSize","Wrapper","Nav","$elevation","$size","layer","ZIndexes","NavBarVerticalStaticConsts.consts","Variables","Area","StyledAvatar","MiddleArea","PectenUrlWrapper"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAaC,EAAOC,CAAI;AAAA,IAC1B,CAAC,EAAE,iBAAAC,GAAiB,MAAAC,GAAM,OAAAC,QAAYC;AAAA;AAAA;AAAA,uBAGnBC,EAA8BJ,CAAe,CAAC;AAAA;AAAA;AAAA,OAG9DK,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,OAKVA,CAAU;AAAA,QACTH,EAAM,WAAW,SAASI,EAAuBC,EAAeA,EAAeN,CAAI,CAAC,CAAC,CAAC,CAAC;AAAA;AAAA,GAE5F;AAAA,GAGGO,IAAUV,EAAO;AAAA;AAAA;AAAA;AAAA,GAQjBW,IAAMX,EAAO,OAAiB,CAAC,EAAE,YAAAY,GAAY,OAAAR,GAAO,OAAAS,QAAY;AACpE,QAAMC,IAAQV,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOC;AAAA,eACMU,EAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,EAAkCH,CAAK,EAAE,KAAK;AAAA,cAC7CD,IAAaR,EAAM,YAAY,OAAO,IAAI;AAAA,aAC3CU,EAAMG,EAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,MAGvDlB,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKVmB,CAAI;AAAA,gBACMF,EAAkCH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA,MAGxDM,CAAY;AAAA;AAAA;AAAA;AAAA;AAKlB,CAAC,GAEKC,IAAapB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYpBqB,IAAmBrB,EAAO;AAAA;AAAA;AAAA;AAAA,aAInB,CAAC,EAAE,OAAAa,SACXG,EAAkCH,CAAK,EAAE,QAAQG,EAAkCH,CAAK,EAAE,cAAc,CAAC;AAAA;"}
+{"version":3,"file":"NavBarVerticalStatic.styles.js","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { MENU_CLASS, ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { NavBarVerticalStaticConsts, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils';\r\n\r\nimport type { INavBarProps, INavBarPropsWithReqSize } from './NavBar.types';\r\nimport Menu from '../Menu/Menu';\r\nimport type { IMenuProps } from '../Menu/Menu.types';\r\nimport { Area, StyledAvatar } from './components/LastArea/LastArea.styles';\r\n\r\nconst StyledMenu = styled(Menu)<IMenuProps & PickTransient<INavBarProps, 'itemsAlignment'>>`\r\n  ${({ $itemsAlignment, size, theme }) => css`\r\n    flex: 1 1 0;\r\n    max-height: fit-content;\r\n    justify-content: ${NavBarUtils.getItemsAlignment($itemsAlignment)};\r\n    overflow: hidden auto;\r\n\r\n    .${MENU_CLASS}-label {\r\n      gap: 2px;\r\n      padding: 6px 4px;\r\n    }\r\n\r\n    .${MENU_CLASS}-label-text {\r\n      ${theme.typography('label', getLabelTypographySize(getSmallerSize(getSmallerSize(size))))}\r\n    }\r\n  `}\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n  height: 100%;\r\n  width: auto;\r\n`;\r\n\r\ntype NavProps = PickTransient<INavBarPropsWithReqSize, 'size' | 'elevation'>;\r\n\r\nconst Nav = styled.header<NavProps>(({ $elevation, theme, $size }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return css`\r\n    z-index: ${ZIndexes.NAVBAR};\r\n    position: relative;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    align-items: stretch;\r\n    height: 100%;\r\n    width: ${NavBarVerticalStaticConsts.consts[$size].width}px;\r\n    filter: ${$elevation ? theme.dropShadows.low1 : null};\r\n    color: ${layer[Variables.TextOnFoundationStrong]};\r\n    background-color: ${layer[Variables.BackgroundFoundation]};\r\n    transition: width 0.3s ease-out;\r\n\r\n    ${StyledMenu} {\r\n      width: 100%;\r\n      margin-left: 0;\r\n    }\r\n\r\n    ${Area} {\r\n      height: ${NavBarVerticalStaticConsts.consts[$size].width}px;\r\n    }\r\n\r\n    ${StyledAvatar} {\r\n      justify-content: center;\r\n      margin-right: 0;\r\n    }\r\n  `;\r\n});\r\n\r\nconst MiddleArea = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  flex-grow: 1;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  min-width: 0;\r\n  z-index: 1;\r\n  overflow: hidden auto;\r\n`;\r\n\r\nconst PectenUrlWrapper = styled.a<PickTransient<INavBarPropsWithReqSize, 'size'>>`\r\n  display: flex;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  padding: ${({ $size }) =>\r\n    (NavBarVerticalStaticConsts.consts[$size].width - NavBarVerticalStaticConsts.consts[$size].pectenSize) / 2}px;\r\n`;\r\n\r\nexport { Wrapper, Nav, MiddleArea, StyledMenu, PectenUrlWrapper };\r\n"],"names":["StyledMenu","styled","Menu","$itemsAlignment","size","theme","css","NavBarUtils.getItemsAlignment","MENU_CLASS","getLabelTypographySize","getSmallerSize","Wrapper","Nav","$elevation","$size","layer","ZIndexes","NavBarVerticalStaticConsts.consts","Variables","Area","StyledAvatar","MiddleArea","PectenUrlWrapper"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAaC,EAAOC,CAAI;AAAA,IAC1B,CAAC,EAAE,iBAAAC,GAAiB,MAAAC,GAAM,OAAAC,QAAYC;AAAA;AAAA;AAAA,uBAGnBC,EAA8BJ,CAAe,CAAC;AAAA;AAAA;AAAA,OAG9DK,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,OAKVA,CAAU;AAAA,QACTH,EAAM,WAAW,SAASI,EAAuBC,EAAeA,EAAeN,CAAI,CAAC,CAAC,CAAC,CAAC;AAAA;AAAA,GAE5F;AAAA,GAGGO,IAAUV,EAAO;AAAA;AAAA;AAAA;AAAA,GAQjBW,IAAMX,EAAO,OAAiB,CAAC,EAAE,YAAAY,GAAY,OAAAR,GAAO,OAAAS,QAAY;AACpE,QAAMC,IAAQV,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOC;AAAA,eACMU,EAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,EAAkCH,CAAK,EAAE,KAAK;AAAA,cAC7CD,IAAaR,EAAM,YAAY,OAAO,IAAI;AAAA,aAC3CU,EAAMG,EAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,MAGvDlB,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKVmB,CAAI;AAAA,gBACMF,EAAkCH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA,MAGxDM,CAAY;AAAA;AAAA;AAAA;AAAA;AAKlB,CAAC,GAEKC,IAAapB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYpBqB,IAAmBrB,EAAO;AAAA;AAAA;AAAA;AAAA,aAInB,CAAC,EAAE,OAAAa,SACXG,EAAkCH,CAAK,EAAE,QAAQG,EAAkCH,CAAK,EAAE,cAAc,CAAC;AAAA;"}

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,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;"}
+{"version":3,"file":"FirstArea.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.tsx"],"sourcesContent":["import { Contrasts, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { NavBarConsts, type NavBarTypes, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\r\n\r\nimport * as Styled from './FirstArea.styles';\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\r\n\r\nconst MaybePopover = ({\r\n  header,\r\n  content,\r\n}: {\r\n  header: NavBarTypes.IFirstAreaProps['header'];\r\n  content: React.ReactNode;\r\n}) => {\r\n  if (NavBarUtils.isHeader(header) && header.popoverContent) {\r\n    return (\r\n      <Popover>\r\n        <PopoverTrigger asChild={true}>{content}</PopoverTrigger>\r\n        <PopoverContent padding={false} align=\"start\" side=\"bottom\">\r\n          {header.popoverContent}\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  }\r\n\r\n  return content;\r\n};\r\n\r\nconst FirstArea = ({\r\n  pectenArea,\r\n  lockup,\r\n  urlProps,\r\n  onClick,\r\n  header,\r\n  collapsed,\r\n  size = Sizes.Medium,\r\n}: NavBarTypes.IFirstAreaProps) => {\r\n  const lockupArea = lockup ?? pectenArea;\r\n  const content = (\r\n    <Styled.Header onClick={onClick} $size={size}>\r\n      {lockupArea === 'default' ? <Styled.HeaderPecten size={NavBarConsts.consts[size].pectenSize} /> : lockupArea}\r\n      {NavBarUtils.isHeader(header) ? (\r\n        <Styled.LockupContent $collapsed={collapsed}>\r\n          {!!header.description && size !== Sizes.XSmall && (\r\n            <Styled.DescriptionLabel contrast={Contrasts.Subtle} size={Sizes.Small} bold={true}>\r\n              {header.description}\r\n            </Styled.DescriptionLabel>\r\n          )}\r\n          <Styled.TitleContainer $size={size}>\r\n            {!!header.title && (\r\n              <Label contrast={Contrasts.Strong} size={Sizes.Large} bold={true}>\r\n                {header.title}\r\n              </Label>\r\n            )}\r\n            {!!header.icon && <Styled.IconContainer>{header.icon}</Styled.IconContainer>}\r\n          </Styled.TitleContainer>\r\n        </Styled.LockupContent>\r\n      ) : (\r\n        header\r\n      )}\r\n    </Styled.Header>\r\n  );\r\n\r\n  return (\r\n    <Styled.Area size={size}>\r\n      {urlProps?.href ? (\r\n        <Styled.HeaderPectenUrlWrapper rel=\"noopener noreferrer\" tabIndex={-1} {...urlProps}>\r\n          {content}\r\n        </Styled.HeaderPectenUrlWrapper>\r\n      ) : (\r\n        <MaybePopover header={header} content={content} />\r\n      )}\r\n    </Styled.Area>\r\n  );\r\n};\r\n\r\nexport default FirstArea;\r\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/FirstArea/FirstArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FirstArea.styles.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { NavBarConsts } from 'acinguiux-ds-react-base/components/NavBar';\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from '../../NavBar.types';\nimport Label from '../../../Text/components/Label/Label';\nimport Pecten from '../../../Pecten/Pecten';\n\nconst Area = styled.div<INavBarPropsWithReqSize>`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 4px;\n  overflow: hidden;\n`;\n\nconst HeaderPectenUrlWrapper = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`;\n\nconst HeaderPecten = styled(Pecten)`\n  flex-shrink: 0;\n`;\n\nconst DescriptionLabel = styled(Label)`\n  align-self: flex-start;\n`;\n\nconst IconContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst TitleContainer = styled.div<PickTransient<INavBarPropsWithReqSize, 'size'>>(\n  ({ $size, theme }) => css`\n    display: flex;\n    flex-direction: row;\n    gap: ${NavBarConsts.consts[$size].lockupGap}px;\n\n    svg {\n      fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n      width: ${NavBarConsts.consts[$size].iconSize}px;\n      height: ${NavBarConsts.consts[$size].iconSize}px;\n    }\n  `,\n);\n\nconst LockupContent = styled.div<PickTransient<INavBarProps, 'collapsed'>>(\n  ({ $collapsed }) => css`\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    transition: opacity 0.3s;\n\n    ${$collapsed &&\n    css`\n      display: none;\n      opacity: 0;\n    `}\n  `,\n);\n\nconst Header = styled.button<PickTransient<INavBarPropsWithReqSize, 'size'> & Pick<INavBarPropsWithReqSize, 'onClick'>>`\n  ${({ theme, $size }) => {\n    const modes: ModesType = { foundation: 'surface' };\n\n    return css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      align-self: stretch;\n      cursor: pointer;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-height: ${NavBarConsts.consts[$size].headerMinHeight}px;\n      border: unset;\n      border-radius: 8px;\n      padding: ${NavBarConsts.consts[$size].headerPadding};\n      gap: ${NavBarConsts.consts[$size].headerGap}px;\n      background-color: ${theme.layer(modes)[Variables.BackgroundFoundation]};\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n        outline-offset: 0;\n      }\n\n      &:not(:disabled):hover {\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n          Variables.BackgroundFoundation\n        ]};\n      }\n\n      &:not(:disabled):active {\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n          Variables.BackgroundFoundation\n        ]};\n      }\n    `;\n  }}\n`;\n\nexport {\n  Area,\n  Header,\n  HeaderPecten,\n  TitleContainer,\n  LockupContent,\n  IconContainer,\n  HeaderPectenUrlWrapper,\n  DescriptionLabel,\n};\n"],"names":["Area","styled","HeaderPectenUrlWrapper","HeaderPecten","Pecten","DescriptionLabel","Label","IconContainer","TitleContainer","$size","theme","css","NavBarConsts.consts","Variables","LockupContent","$collapsed","Header","modes","getFocusStyles","FabricsVariables"],"mappings":";;;;;;;AAWA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQdC,IAAyBD,EAAO;AAAA;AAAA;AAAA,GAKhCE,IAAeF,EAAOG,CAAM;AAAA;AAAA,GAI5BC,IAAmBJ,EAAOK,CAAK;AAAA;AAAA,GAI/BC,IAAgBN,EAAO;AAAA;AAAA;AAAA,GAKvBO,IAAiBP,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAQ,GAAO,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA,WAGbC,EAAoBH,CAAK,EAAE,SAAS;AAAA;AAAA;AAAA,cAGjCC,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA,eACvED,EAAoBH,CAAK,EAAE,QAAQ;AAAA,gBAClCG,EAAoBH,CAAK,EAAE,QAAQ;AAAA;AAAA;AAGnD,GAEMK,IAAgBb,EAAO;AAAA,EAC3B,CAAC,EAAE,YAAAc,EAAA,MAAiBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMhBI,KACFJ;AAAA;AAAA;AAAA,KAGC;AAAA;AAEL,GAEMK,IAASf,EAAO;AAAA,IAClB,CAAC,EAAE,OAAAS,GAAO,OAAAD,QAAY;AACtB,QAAMQ,IAAmB,EAAE,YAAY,UAAA;AAEvC,SAAON;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBASSC,EAAoBH,CAAK,EAAE,eAAe;AAAA;AAAA;AAAA,iBAG7CG,EAAoBH,CAAK,EAAE,aAAa;AAAA,aAC5CG,EAAoBH,CAAK,EAAE,SAAS;AAAA,0BACvBC,EAAM,MAAMO,CAAK,EAAEJ,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAGlEK,EAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKHA,EAAM,MAAM,EAAE,GAAGO,GAAO,OAAOE,EAAiB,OAAO,MAAA,CAAO,EAChFN,EAAU,oBACZ,CAAC;AAAA;AAAA;AAAA;AAAA,4BAImBH,EAAM,MAAM,EAAE,GAAGO,GAAO,OAAOE,EAAiB,OAAO,MAAA,CAAO,EAChFN,EAAU,oBACZ,CAAC;AAAA;AAAA;AAGP,CAAC;AAAA;"}
+{"version":3,"file":"FirstArea.styles.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { NavBarConsts } from 'acinguiux-ds-react-base/components/NavBar';\r\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { INavBarProps, INavBarPropsWithReqSize } from '../../NavBar.types';\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport Pecten from '../../../Pecten/Pecten';\r\n\r\nconst Area = styled.div<INavBarPropsWithReqSize>`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  padding: 4px;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst HeaderPectenUrlWrapper = styled.a`\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst HeaderPecten = styled(Pecten)`\r\n  flex-shrink: 0;\r\n`;\r\n\r\nconst DescriptionLabel = styled(Label)`\r\n  align-self: flex-start;\r\n`;\r\n\r\nconst IconContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst TitleContainer = styled.div<PickTransient<INavBarPropsWithReqSize, 'size'>>(\r\n  ({ $size, theme }) => css`\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: ${NavBarConsts.consts[$size].lockupGap}px;\r\n\r\n    svg {\r\n      fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n      width: ${NavBarConsts.consts[$size].iconSize}px;\r\n      height: ${NavBarConsts.consts[$size].iconSize}px;\r\n    }\r\n  `,\r\n);\r\n\r\nconst LockupContent = styled.div<PickTransient<INavBarProps, 'collapsed'>>(\r\n  ({ $collapsed }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n    transition: opacity 0.3s;\r\n\r\n    ${$collapsed &&\r\n    css`\r\n      display: none;\r\n      opacity: 0;\r\n    `}\r\n  `,\r\n);\r\n\r\nconst Header = styled.button<PickTransient<INavBarPropsWithReqSize, 'size'> & Pick<INavBarPropsWithReqSize, 'onClick'>>`\r\n  ${({ theme, $size }) => {\r\n    const modes: ModesType = { foundation: 'surface' };\r\n\r\n    return css`\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      align-self: stretch;\r\n      cursor: pointer;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      min-height: ${NavBarConsts.consts[$size].headerMinHeight}px;\r\n      border: unset;\r\n      border-radius: 8px;\r\n      padding: ${NavBarConsts.consts[$size].headerPadding};\r\n      gap: ${NavBarConsts.consts[$size].headerGap}px;\r\n      background-color: ${theme.layer(modes)[Variables.BackgroundFoundation]};\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n        outline-offset: 0;\r\n      }\r\n\r\n      &:not(:disabled):hover {\r\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n          Variables.BackgroundFoundation\r\n        ]};\r\n      }\r\n\r\n      &:not(:disabled):active {\r\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n          Variables.BackgroundFoundation\r\n        ]};\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport {\r\n  Area,\r\n  Header,\r\n  HeaderPecten,\r\n  TitleContainer,\r\n  LockupContent,\r\n  IconContainer,\r\n  HeaderPectenUrlWrapper,\r\n  DescriptionLabel,\r\n};\r\n"],"names":["Area","styled","HeaderPectenUrlWrapper","HeaderPecten","Pecten","DescriptionLabel","Label","IconContainer","TitleContainer","$size","theme","css","NavBarConsts.consts","Variables","LockupContent","$collapsed","Header","modes","getFocusStyles","FabricsVariables"],"mappings":";;;;;;;AAWA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQdC,IAAyBD,EAAO;AAAA;AAAA;AAAA,GAKhCE,IAAeF,EAAOG,CAAM;AAAA;AAAA,GAI5BC,IAAmBJ,EAAOK,CAAK;AAAA;AAAA,GAI/BC,IAAgBN,EAAO;AAAA;AAAA;AAAA,GAKvBO,IAAiBP,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAQ,GAAO,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA,WAGbC,EAAoBH,CAAK,EAAE,SAAS;AAAA;AAAA;AAAA,cAGjCC,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA,eACvED,EAAoBH,CAAK,EAAE,QAAQ;AAAA,gBAClCG,EAAoBH,CAAK,EAAE,QAAQ;AAAA;AAAA;AAGnD,GAEMK,IAAgBb,EAAO;AAAA,EAC3B,CAAC,EAAE,YAAAc,EAAA,MAAiBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMhBI,KACFJ;AAAA;AAAA;AAAA,KAGC;AAAA;AAEL,GAEMK,IAASf,EAAO;AAAA,IAClB,CAAC,EAAE,OAAAS,GAAO,OAAAD,QAAY;AACtB,QAAMQ,IAAmB,EAAE,YAAY,UAAA;AAEvC,SAAON;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBASSC,EAAoBH,CAAK,EAAE,eAAe;AAAA;AAAA;AAAA,iBAG7CG,EAAoBH,CAAK,EAAE,aAAa;AAAA,aAC5CG,EAAoBH,CAAK,EAAE,SAAS;AAAA,0BACvBC,EAAM,MAAMO,CAAK,EAAEJ,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAGlEK,EAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKHA,EAAM,MAAM,EAAE,GAAGO,GAAO,OAAOE,EAAiB,OAAO,MAAA,CAAO,EAChFN,EAAU,oBACZ,CAAC;AAAA;AAAA;AAAA;AAAA,4BAImBH,EAAM,MAAM,EAAE,GAAGO,GAAO,OAAOE,EAAiB,OAAO,MAAA,CAAO,EAChFN,EAAU,oBACZ,CAAC;AAAA;AAAA;AAGP,CAAC;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LastArea.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.tsx"],"sourcesContent":["import type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\n\nimport type { FlagName } from '../../../Flag/Flag.types';\nimport type { INavBarProps } from '../../NavBar.types';\nimport { StyledAvatar, Area } from './LastArea.styles';\nimport { Popover, PopoverTrigger, PopoverContent } from '../../../Popover/Popover';\n\nconst getAvatar = (\n  size: NavBarTypes.Size,\n  collapsed: boolean,\n  avatarProps: NavBarTypes.ILastAreaProps<FlagName>['avatarProps'],\n) => {\n  let currentProps = { ...avatarProps };\n\n  if (avatarProps && !avatarProps.popoverContent) {\n    currentProps = { ...currentProps, icon: false, interactive: false };\n  }\n\n  if (collapsed) {\n    currentProps = { ...currentProps, title: null, label: null, icon: false };\n  }\n\n  return <StyledAvatar size={size} {...currentProps} />;\n};\n\nconst LastArea = ({\n  size = 'medium',\n  avatarArea,\n  avatarProps,\n  collapsed = false,\n}: NavBarTypes.ILastAreaProps<FlagName> & Pick<INavBarProps, 'collapsed' | 'size'>) => (\n  <>\n    {!!avatarArea && !avatarProps && <Area>{avatarArea}</Area>}\n    {!!avatarProps && (\n      <Area>\n        {avatarProps.popoverContent ? (\n          <Popover>\n            <PopoverTrigger asChild={true}>{getAvatar(size, collapsed, avatarProps)}</PopoverTrigger>\n            <PopoverContent padding={false} align=\"end\" side=\"bottom\">\n              {avatarProps.popoverContent}\n            </PopoverContent>\n          </Popover>\n        ) : (\n          getAvatar(size, collapsed, avatarProps)\n        )}\n      </Area>\n    )}\n  </>\n);\n\nexport default LastArea;\n"],"names":["getAvatar","size","collapsed","avatarProps","currentProps","jsx","StyledAvatar","LastArea","avatarArea","jsxs","Fragment","Area","Popover","PopoverTrigger","PopoverContent"],"mappings":";;;AAOA,MAAMA,IAAY,CAChBC,GACAC,GACAC,MACG;AACH,MAAIC,IAAe,EAAE,GAAGD,EAAA;AAExB,SAAIA,KAAe,CAACA,EAAY,mBAC9BC,IAAe,EAAE,GAAGA,GAAc,MAAM,IAAO,aAAa,GAAA,IAG1DF,MACFE,IAAe,EAAE,GAAGA,GAAc,OAAO,MAAM,OAAO,MAAM,MAAM,GAAA,IAG7D,gBAAAC,EAACC,GAAA,EAAa,MAAAL,GAAa,GAAGG,EAAA,CAAc;AACrD,GAEMG,IAAW,CAAC;AAAA,EAChB,MAAAN,IAAO;AAAA,EACP,YAAAO;AAAA,EACA,aAAAL;AAAA,EACA,WAAAD,IAAY;AACd,MACE,gBAAAO,EAAAC,GAAA,EACG,UAAA;AAAA,EAAA,CAAC,CAACF,KAAc,CAACL,KAAe,gBAAAE,EAACM,KAAM,UAAAH,GAAW;AAAA,EAClD,CAAC,CAACL,KACD,gBAAAE,EAACM,KACE,UAAAR,EAAY,mCACVS,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAP,EAACQ,KAAe,SAAS,IAAO,YAAUZ,GAAMC,GAAWC,CAAW,GAAE;AAAA,IACxE,gBAAAE,EAACS,KAAe,SAAS,IAAO,OAAM,OAAM,MAAK,UAC9C,UAAAX,EAAY,eAAA,CACf;AAAA,EAAA,EAAA,CACF,IAEAH,EAAUC,GAAMC,GAAWC,CAAW,EAAA,CAE1C;AAAA,EAAA,CAEJ;"}
+{"version":3,"file":"LastArea.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.tsx"],"sourcesContent":["import type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\r\n\r\nimport type { FlagName } from '../../../Flag/Flag.types';\r\nimport type { INavBarProps } from '../../NavBar.types';\r\nimport { StyledAvatar, Area } from './LastArea.styles';\r\nimport { Popover, PopoverTrigger, PopoverContent } from '../../../Popover/Popover';\r\n\r\nconst getAvatar = (\r\n  size: NavBarTypes.Size,\r\n  collapsed: boolean,\r\n  avatarProps: NavBarTypes.ILastAreaProps<FlagName>['avatarProps'],\r\n) => {\r\n  let currentProps = { ...avatarProps };\r\n\r\n  if (avatarProps && !avatarProps.popoverContent) {\r\n    currentProps = { ...currentProps, icon: false, interactive: false };\r\n  }\r\n\r\n  if (collapsed) {\r\n    currentProps = { ...currentProps, title: null, label: null, icon: false };\r\n  }\r\n\r\n  return <StyledAvatar size={size} {...currentProps} />;\r\n};\r\n\r\nconst LastArea = ({\r\n  size = 'medium',\r\n  avatarArea,\r\n  avatarProps,\r\n  collapsed = false,\r\n}: NavBarTypes.ILastAreaProps<FlagName> & Pick<INavBarProps, 'collapsed' | 'size'>) => (\r\n  <>\r\n    {!!avatarArea && !avatarProps && <Area>{avatarArea}</Area>}\r\n    {!!avatarProps && (\r\n      <Area>\r\n        {avatarProps.popoverContent ? (\r\n          <Popover>\r\n            <PopoverTrigger asChild={true}>{getAvatar(size, collapsed, avatarProps)}</PopoverTrigger>\r\n            <PopoverContent padding={false} align=\"end\" side=\"bottom\">\r\n              {avatarProps.popoverContent}\r\n            </PopoverContent>\r\n          </Popover>\r\n        ) : (\r\n          getAvatar(size, collapsed, avatarProps)\r\n        )}\r\n      </Area>\r\n    )}\r\n  </>\r\n);\r\n\r\nexport default LastArea;\r\n"],"names":["getAvatar","size","collapsed","avatarProps","currentProps","jsx","StyledAvatar","LastArea","avatarArea","jsxs","Fragment","Area","Popover","PopoverTrigger","PopoverContent"],"mappings":";;;AAOA,MAAMA,IAAY,CAChBC,GACAC,GACAC,MACG;AACH,MAAIC,IAAe,EAAE,GAAGD,EAAA;AAExB,SAAIA,KAAe,CAACA,EAAY,mBAC9BC,IAAe,EAAE,GAAGA,GAAc,MAAM,IAAO,aAAa,GAAA,IAG1DF,MACFE,IAAe,EAAE,GAAGA,GAAc,OAAO,MAAM,OAAO,MAAM,MAAM,GAAA,IAG7D,gBAAAC,EAACC,GAAA,EAAa,MAAAL,GAAa,GAAGG,EAAA,CAAc;AACrD,GAEMG,IAAW,CAAC;AAAA,EAChB,MAAAN,IAAO;AAAA,EACP,YAAAO;AAAA,EACA,aAAAL;AAAA,EACA,WAAAD,IAAY;AACd,MACE,gBAAAO,EAAAC,GAAA,EACG,UAAA;AAAA,EAAA,CAAC,CAACF,KAAc,CAACL,KAAe,gBAAAE,EAACM,KAAM,UAAAH,GAAW;AAAA,EAClD,CAAC,CAACL,KACD,gBAAAE,EAACM,KACE,UAAAR,EAAY,mCACVS,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAP,EAACQ,KAAe,SAAS,IAAO,YAAUZ,GAAMC,GAAWC,CAAW,GAAE;AAAA,IACxE,gBAAAE,EAACS,KAAe,SAAS,IAAO,OAAM,OAAM,MAAK,UAC9C,UAAAX,EAAY,eAAA,CACf;AAAA,EAAA,EAAA,CACF,IAEAH,EAAUC,GAAMC,GAAWC,CAAW,EAAA,CAE1C;AAAA,EAAA,CAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.styles.js","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { styled } from 'styled-components';\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport type { IDefaultPaginationProps } from './Pagination.types';\nimport _TextInput from '../TextInput/TextInput';\nimport _Select from '../Select/Select';\nimport { PaginationListItem, ToggleButton } from './components/PaginationButtons.styles';\n\nexport const PaginationList = styled.ul`\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: fit-content;\n`;\n\nexport const QuickJumperContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TextInput = styled(_TextInput)``;\nexport const Select = styled(_Select)``;\n\nexport const DefaultPaginationItemsPerPageContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TotalItems = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DefaultPaginationContainer = styled.nav`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n`;\n\ntype DefaultPaginationWrapperProps = Required<PickTransient<IDefaultPaginationProps, 'size'>>;\nexport const DefaultPaginationWrapper = styled.div<DefaultPaginationWrapperProps>(\n  ({ $size }) => `\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: ${PaginationConsts.consts[$size].default.gap}px;\n\n  & > ${DefaultPaginationItemsPerPageContainer} {\n    gap: ${PaginationConsts.consts[$size].default.itemsPerPage.gap}px;\n\n    & > ${Select} {\n      min-width: 0;\n      width: ${PaginationConsts.consts[$size].default.itemsPerPage.selectWidth}px;\n    }\n  }\n\n  & > ${DefaultPaginationContainer} {\n    gap: ${PaginationConsts.consts[$size].default.container.gap}px;\n\n    & > ${TotalItems} {\n      gap: ${PaginationConsts.consts[$size].default.container.totalGap}px;\n    }\n\n    & > ${PaginationList} {\n      gap: ${PaginationConsts.consts[$size].default.container.pagination.gap}px;\n\n      & > ${PaginationListItem} {\n        & > ${ToggleButton} {\n          min-width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\n          & > div {\n            padding: 0;\n          }\n        }\n      }\n    }\n\n    & > ${QuickJumperContainer} {\n      gap: ${PaginationConsts.consts[$size].default.container.jumper.gap}px;\n\n      & > ${TextInput} {\n        width: ${PaginationConsts.consts[$size].default.container.jumper.inputWidth}px;\n      }\n    }\n  }\n`,\n);\n"],"names":["PaginationList","styled","QuickJumperContainer","TextInput","_TextInput","Select","_Select","DefaultPaginationItemsPerPageContainer","TotalItems","DefaultPaginationContainer","DefaultPaginationWrapper","$size","PaginationConsts.consts","PaginationListItem","ToggleButton"],"mappings":";;;;;AASO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxBC,IAAuBD,EAAO;AAAA;AAAA;AAAA;AAAA,GAM9BE,IAAYF,EAAOG,CAAU,KAC7BC,IAASJ,EAAOK,CAAO,KAEvBC,IAAyCN,EAAO;AAAA;AAAA;AAAA;AAAA,GAMhDO,IAAaP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpBQ,IAA6BR,EAAO;AAAA;AAAA;AAAA;AAAA,GAOpCS,IAA2BT,EAAO;AAAA,EAC7C,CAAC,EAAE,OAAAU,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRC,EAAwBD,CAAK,EAAE,QAAQ,GAAG;AAAA;AAAA,QAE3CJ,CAAsC;AAAA,WACnCK,EAAwBD,CAAK,EAAE,QAAQ,aAAa,GAAG;AAAA;AAAA,UAExDN,CAAM;AAAA;AAAA,eAEDO,EAAwBD,CAAK,EAAE,QAAQ,aAAa,WAAW;AAAA;AAAA;AAAA;AAAA,QAItEF,CAA0B;AAAA,WACvBG,EAAwBD,CAAK,EAAE,QAAQ,UAAU,GAAG;AAAA;AAAA,UAErDH,CAAU;AAAA,aACPI,EAAwBD,CAAK,EAAE,QAAQ,UAAU,QAAQ;AAAA;AAAA;AAAA,UAG5DX,CAAc;AAAA,aACXY,EAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,GAAG;AAAA;AAAA,YAEhEE,CAAkB;AAAA,cAChBC,CAAY;AAAA,uBACHF,EAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQlFT,CAAoB;AAAA,aACjBU,EAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,GAAG;AAAA;AAAA,YAE5DR,CAAS;AAAA,iBACJS,EAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAKnF;"}
+{"version":3,"file":"DefaultPagination.styles.js","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { styled } from 'styled-components';\r\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport type { IDefaultPaginationProps } from './Pagination.types';\r\nimport _TextInput from '../TextInput/TextInput';\r\nimport _Select from '../Select/Select';\r\nimport { PaginationListItem, ToggleButton } from './components/PaginationButtons.styles';\r\n\r\nexport const PaginationList = styled.ul`\r\n  display: flex;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n  width: fit-content;\r\n`;\r\n\r\nexport const QuickJumperContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TextInput = styled(_TextInput)``;\r\nexport const Select = styled(_Select)``;\r\n\r\nexport const DefaultPaginationItemsPerPageContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TotalItems = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DefaultPaginationContainer = styled.nav`\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n`;\r\n\r\ntype DefaultPaginationWrapperProps = Required<PickTransient<IDefaultPaginationProps, 'size'>>;\r\nexport const DefaultPaginationWrapper = styled.div<DefaultPaginationWrapperProps>(\r\n  ({ $size }) => `\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: ${PaginationConsts.consts[$size].default.gap}px;\r\n\r\n  & > ${DefaultPaginationItemsPerPageContainer} {\r\n    gap: ${PaginationConsts.consts[$size].default.itemsPerPage.gap}px;\r\n\r\n    & > ${Select} {\r\n      min-width: 0;\r\n      width: ${PaginationConsts.consts[$size].default.itemsPerPage.selectWidth}px;\r\n    }\r\n  }\r\n\r\n  & > ${DefaultPaginationContainer} {\r\n    gap: ${PaginationConsts.consts[$size].default.container.gap}px;\r\n\r\n    & > ${TotalItems} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.totalGap}px;\r\n    }\r\n\r\n    & > ${PaginationList} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.pagination.gap}px;\r\n\r\n      & > ${PaginationListItem} {\r\n        & > ${ToggleButton} {\r\n          min-width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\r\n          & > div {\r\n            padding: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    & > ${QuickJumperContainer} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.jumper.gap}px;\r\n\r\n      & > ${TextInput} {\r\n        width: ${PaginationConsts.consts[$size].default.container.jumper.inputWidth}px;\r\n      }\r\n    }\r\n  }\r\n`,\r\n);\r\n"],"names":["PaginationList","styled","QuickJumperContainer","TextInput","_TextInput","Select","_Select","DefaultPaginationItemsPerPageContainer","TotalItems","DefaultPaginationContainer","DefaultPaginationWrapper","$size","PaginationConsts.consts","PaginationListItem","ToggleButton"],"mappings":";;;;;AASO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxBC,IAAuBD,EAAO;AAAA;AAAA;AAAA;AAAA,GAM9BE,IAAYF,EAAOG,CAAU,KAC7BC,IAASJ,EAAOK,CAAO,KAEvBC,IAAyCN,EAAO;AAAA;AAAA;AAAA;AAAA,GAMhDO,IAAaP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpBQ,IAA6BR,EAAO;AAAA;AAAA;AAAA;AAAA,GAOpCS,IAA2BT,EAAO;AAAA,EAC7C,CAAC,EAAE,OAAAU,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRC,EAAwBD,CAAK,EAAE,QAAQ,GAAG;AAAA;AAAA,QAE3CJ,CAAsC;AAAA,WACnCK,EAAwBD,CAAK,EAAE,QAAQ,aAAa,GAAG;AAAA;AAAA,UAExDN,CAAM;AAAA;AAAA,eAEDO,EAAwBD,CAAK,EAAE,QAAQ,aAAa,WAAW;AAAA;AAAA;AAAA;AAAA,QAItEF,CAA0B;AAAA,WACvBG,EAAwBD,CAAK,EAAE,QAAQ,UAAU,GAAG;AAAA;AAAA,UAErDH,CAAU;AAAA,aACPI,EAAwBD,CAAK,EAAE,QAAQ,UAAU,QAAQ;AAAA;AAAA;AAAA,UAG5DX,CAAc;AAAA,aACXY,EAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,GAAG;AAAA;AAAA,YAEhEE,CAAkB;AAAA,cAChBC,CAAY;AAAA,uBACHF,EAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQlFT,CAAoB;AAAA,aACjBU,EAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,GAAG;AAAA;AAAA,YAE5DR,CAAS;AAAA,iBACJS,EAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAKnF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Positions, Sizes, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport ChevronRight from '../Icon/components/ChevronRight';\nimport PaginationSelect from './components/PaginationSelect';\nimport enGB from './data/en_GB';\nimport * as Styled from './Pagination.styles';\nimport type { IPaginationProps } from './Pagination.types';\nimport { PaginationContext } from './hooks/usePagination';\n\n/**\n * @deprecated `Pagination` is deprecated. Please use DefaultPagination or SimplePagination instead.\n */\nconst Pagination = ({\n  className,\n  size = Sizes.Medium,\n  position = Positions.Center,\n  showSizeChanger,\n  ...rest\n}: IPaginationProps): ReactElement => {\n  const value = useMemo(() => ({ size }), [size]);\n\n  const showSizeChangerProps = {\n    ...(showSizeChanger && { showSizeChanger, sizeChangerRender: PaginationSelect }),\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      <Styled.Pagination\n        prefixCls={PAGINATION_CLASS}\n        className={classNames(PAGINATION_CLASS, className)}\n        prevIcon={<ChevronLeft />}\n        nextIcon={<ChevronRight />}\n        jumpPrevIcon=\"...\"\n        jumpNextIcon=\"...\"\n        locale={enGB}\n        position={position}\n        size={size}\n        {...showSizeChangerProps}\n        {...rest}\n      />\n    </PaginationContext.Provider>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","className","size","Sizes","position","Positions","showSizeChanger","rest","value","useMemo","showSizeChangerProps","PaginationSelect","jsx","PaginationContext","Styled.Pagination","PAGINATION_CLASS","classNames","ChevronLeft","ChevronRight","enGB"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAa,CAAC;AAAA,EAClB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,UAAAC,IAAWC,EAAU;AAAA,EACrB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AACpC,QAAMC,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC,GAExCQ,IAAuB;AAAA,IAC3B,GAAIJ,KAAmB,EAAE,iBAAAA,GAAiB,mBAAmBK,EAAA;AAAA,EAAiB;AAGhF,SACE,gBAAAC,EAACC,EAAkB,UAAlB,EAA2B,OAAAL,GAC1B,UAAA,gBAAAI;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,MACX,WAAWC,EAAWD,GAAkBd,CAAS;AAAA,MACjD,4BAAWgB,GAAA,EAAY;AAAA,MACvB,4BAAWC,GAAA,EAAa;AAAA,MACxB,cAAa;AAAA,MACb,cAAa;AAAA,MACb,QAAQC;AAAA,MACR,UAAAf;AAAA,MACA,MAAAF;AAAA,MACC,GAAGQ;AAAA,MACH,GAAGH;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Positions, Sizes, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport ChevronLeft from '../Icon/components/ChevronLeft';\r\nimport ChevronRight from '../Icon/components/ChevronRight';\r\nimport PaginationSelect from './components/PaginationSelect';\r\nimport enGB from './data/en_GB';\r\nimport * as Styled from './Pagination.styles';\r\nimport type { IPaginationProps } from './Pagination.types';\r\nimport { PaginationContext } from './hooks/usePagination';\r\n\r\n/**\r\n * @deprecated `Pagination` is deprecated. Please use DefaultPagination or SimplePagination instead.\r\n */\r\nconst Pagination = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  position = Positions.Center,\r\n  showSizeChanger,\r\n  ...rest\r\n}: IPaginationProps): ReactElement => {\r\n  const value = useMemo(() => ({ size }), [size]);\r\n\r\n  const showSizeChangerProps = {\r\n    ...(showSizeChanger && { showSizeChanger, sizeChangerRender: PaginationSelect }),\r\n  };\r\n\r\n  return (\r\n    <PaginationContext.Provider value={value}>\r\n      <Styled.Pagination\r\n        prefixCls={PAGINATION_CLASS}\r\n        className={classNames(PAGINATION_CLASS, className)}\r\n        prevIcon={<ChevronLeft />}\r\n        nextIcon={<ChevronRight />}\r\n        jumpPrevIcon=\"...\"\r\n        jumpNextIcon=\"...\"\r\n        locale={enGB}\r\n        position={position}\r\n        size={size}\r\n        {...showSizeChangerProps}\r\n        {...rest}\r\n      />\r\n    </PaginationContext.Provider>\r\n  );\r\n};\r\n\r\nexport default Pagination;\r\n"],"names":["Pagination","className","size","Sizes","position","Positions","showSizeChanger","rest","value","useMemo","showSizeChangerProps","PaginationSelect","jsx","PaginationContext","Styled.Pagination","PAGINATION_CLASS","classNames","ChevronLeft","ChevronRight","enGB"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAa,CAAC;AAAA,EAClB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,UAAAC,IAAWC,EAAU;AAAA,EACrB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AACpC,QAAMC,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC,GAExCQ,IAAuB;AAAA,IAC3B,GAAIJ,KAAmB,EAAE,iBAAAA,GAAiB,mBAAmBK,EAAA;AAAA,EAAiB;AAGhF,SACE,gBAAAC,EAACC,EAAkB,UAAlB,EAA2B,OAAAL,GAC1B,UAAA,gBAAAI;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,MACX,WAAWC,EAAWD,GAAkBd,CAAS;AAAA,MACjD,4BAAWgB,GAAA,EAAY;AAAA,MACvB,4BAAWC,GAAA,EAAa;AAAA,MACxB,cAAa;AAAA,MACb,cAAa;AAAA,MACb,QAAQC;AAAA,MACR,UAAAf;AAAA,MACA,MAAAF;AAAA,MACC,GAAGQ;AAAA,MACH,GAAGH;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import RCPagination from 'rc-pagination';\nimport { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport {\n  type PaginationTypes,\n  PaginationConsts,\n  PaginationUtils,\n} from 'acinguiux-ds-react-base/components/Pagination';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\ninterface PaginationProps {\n  prefixCls: string;\n  position: PaginationTypes.Position;\n  size: PaginationTypes.Size;\n}\n\nconst { consts } = PaginationConsts;\n\nconst Pagination = styled(RCPagination)<PaginationProps>`\n  ${({ prefixCls, position, size, theme }) => css`\n    display: flex;\n    justify-content: ${position};\n    align-items: stretch;\n    padding: 0;\n    gap: ${consts.textGap[size]};\n    list-style-type: none;\n    user-select: none;\n    height: ${consts.size[size]};\n    ${PaginationUtils.getTextFontStyle(theme, size)}\n\n    .${prefixCls} {\n      &-item,\n      &-prev,\n      &-next,\n      &-jump-prev,\n      &-jump-next {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        width: ${consts.size[size]};\n        border-radius: ${consts.radius[size]};\n\n        &,\n        & > a {\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false).color};\n        }\n\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\n        ${PaginationUtils.getPaginationNumbersFontStyle(theme, size)};\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      &-prev,\n      &-next,\n      &-jump-prev,\n      &-jump-next {\n        > svg {\n          width: 24px;\n          height: 24px;\n\n          ${size !== Sizes.Large &&\n          css`\n            width: 20px;\n            height: 20px;\n          `}\n        }\n\n        &.${prefixCls}-disabled {\n          background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\n          border-color: ${theme.layer({ disabled: true })[Variables.BorderOnFoundationMedium]};\n          color: ${theme.layer({ disabled: true })[Variables.TextOnFoundationSubtle]};\n          cursor: not-allowed;\n        }\n      }\n\n      &-prev {\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      &-item-active {\n        &,\n        & > a {\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true).color};\n        }\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true)};\n      }\n\n      &-options-quick-jumper,\n      &-simple-pager {\n        input {\n          height: 100%;\n          padding: ${consts.inputPadding[size]};\n          border-radius: ${consts.radius[size]};\n          text-align: center;\n          outline: none;\n          opacity: 1;\n\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\n        }\n      }\n\n      &-options-size-changer .rc-select-selector {\n        min-height: initial;\n        height: 100%;\n        ${PaginationUtils.getTextFontStyle(theme, size)}\n      }\n\n      &-options {\n        display: flex;\n        flex-direction: row-reverse;\n        justify-content: center;\n        align-items: stretch;\n        margin-left: auto;\n        padding-left: calc(${consts.margin[size]} / 2);\n        white-space: nowrap;\n        gap: ${consts.margin[size]};\n\n        input {\n          max-width: 120px;\n        }\n\n        &-quick-jumper {\n          display: flex;\n          align-items: center;\n          gap: ${consts.textGap[size]};\n\n          input {\n            order: 3;\n            max-width: ${consts.jumperWidth[size]};\n          }\n        }\n      }\n\n      &-total-text {\n        display: flex;\n        align-items: center;\n      }\n    }\n\n    &.${prefixCls}-simple {\n      li {\n        border-radius: ${consts.radius[size]};\n\n        &:focus-visible {\n          border-radius: ${consts.radius[size]};\n        }\n      }\n\n      .${prefixCls}-prev {\n        margin-right: ${consts.simpleMargin};\n        background-color: unset;\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      .${prefixCls}-next {\n        margin-left: ${consts.simpleMargin};\n        background-color: unset;\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      .${prefixCls}-disabled {\n        background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\n      }\n\n      .${prefixCls}-simple-pager {\n        display: flex;\n        align-items: center;\n\n        .${prefixCls}-slash {\n          margin: 0 ${consts.simpleMargin} 0 ${consts.simpleMargin};\n        }\n      }\n    }\n  `}\n`;\n\nexport { Pagination };\n"],"names":["consts","PaginationConsts","Pagination","styled","RCPagination","prefixCls","position","size","theme","css","PaginationUtils.getTextFontStyle","PaginationUtils.getStylesForState","FabricsVariables","PaginationUtils.getPaginationNumbersFontStyle","getFocusStyles","Sizes","Variables"],"mappings":"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"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import RCPagination from 'rc-pagination';\r\nimport { styled, css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport {\r\n  type PaginationTypes,\r\n  PaginationConsts,\r\n  PaginationUtils,\r\n} from 'acinguiux-ds-react-base/components/Pagination';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\ninterface PaginationProps {\r\n  prefixCls: string;\r\n  position: PaginationTypes.Position;\r\n  size: PaginationTypes.Size;\r\n}\r\n\r\nconst { consts } = PaginationConsts;\r\n\r\nconst Pagination = styled(RCPagination)<PaginationProps>`\r\n  ${({ prefixCls, position, size, theme }) => css`\r\n    display: flex;\r\n    justify-content: ${position};\r\n    align-items: stretch;\r\n    padding: 0;\r\n    gap: ${consts.textGap[size]};\r\n    list-style-type: none;\r\n    user-select: none;\r\n    height: ${consts.size[size]};\r\n    ${PaginationUtils.getTextFontStyle(theme, size)}\r\n\r\n    .${prefixCls} {\r\n      &-item,\r\n      &-prev,\r\n      &-next,\r\n      &-jump-prev,\r\n      &-jump-next {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        width: ${consts.size[size]};\r\n        border-radius: ${consts.radius[size]};\r\n\r\n        &,\r\n        & > a {\r\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false).color};\r\n        }\r\n\r\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\r\n        ${PaginationUtils.getPaginationNumbersFontStyle(theme, size)};\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n      }\r\n\r\n      &-prev,\r\n      &-next,\r\n      &-jump-prev,\r\n      &-jump-next {\r\n        > svg {\r\n          width: 24px;\r\n          height: 24px;\r\n\r\n          ${size !== Sizes.Large &&\r\n          css`\r\n            width: 20px;\r\n            height: 20px;\r\n          `}\r\n        }\r\n\r\n        &.${prefixCls}-disabled {\r\n          background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\r\n          border-color: ${theme.layer({ disabled: true })[Variables.BorderOnFoundationMedium]};\r\n          color: ${theme.layer({ disabled: true })[Variables.TextOnFoundationSubtle]};\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n\r\n      &-prev {\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      &-item-active {\r\n        &,\r\n        & > a {\r\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true).color};\r\n        }\r\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true)};\r\n      }\r\n\r\n      &-options-quick-jumper,\r\n      &-simple-pager {\r\n        input {\r\n          height: 100%;\r\n          padding: ${consts.inputPadding[size]};\r\n          border-radius: ${consts.radius[size]};\r\n          text-align: center;\r\n          outline: none;\r\n          opacity: 1;\r\n\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\r\n        }\r\n      }\r\n\r\n      &-options-size-changer .rc-select-selector {\r\n        min-height: initial;\r\n        height: 100%;\r\n        ${PaginationUtils.getTextFontStyle(theme, size)}\r\n      }\r\n\r\n      &-options {\r\n        display: flex;\r\n        flex-direction: row-reverse;\r\n        justify-content: center;\r\n        align-items: stretch;\r\n        margin-left: auto;\r\n        padding-left: calc(${consts.margin[size]} / 2);\r\n        white-space: nowrap;\r\n        gap: ${consts.margin[size]};\r\n\r\n        input {\r\n          max-width: 120px;\r\n        }\r\n\r\n        &-quick-jumper {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: ${consts.textGap[size]};\r\n\r\n          input {\r\n            order: 3;\r\n            max-width: ${consts.jumperWidth[size]};\r\n          }\r\n        }\r\n      }\r\n\r\n      &-total-text {\r\n        display: flex;\r\n        align-items: center;\r\n      }\r\n    }\r\n\r\n    &.${prefixCls}-simple {\r\n      li {\r\n        border-radius: ${consts.radius[size]};\r\n\r\n        &:focus-visible {\r\n          border-radius: ${consts.radius[size]};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-prev {\r\n        margin-right: ${consts.simpleMargin};\r\n        background-color: unset;\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-next {\r\n        margin-left: ${consts.simpleMargin};\r\n        background-color: unset;\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-disabled {\r\n        background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\r\n      }\r\n\r\n      .${prefixCls}-simple-pager {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .${prefixCls}-slash {\r\n          margin: 0 ${consts.simpleMargin} 0 ${consts.simpleMargin};\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { Pagination };\r\n"],"names":["consts","PaginationConsts","Pagination","styled","RCPagination","prefixCls","position","size","theme","css","PaginationUtils.getTextFontStyle","PaginationUtils.getStylesForState","FabricsVariables","PaginationUtils.getPaginationNumbersFontStyle","getFocusStyles","Sizes","Variables"],"mappings":";;;;;;;;AAkBA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAAaC,EAAOC,CAAY;AAAA,IAClC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,GAAM,OAAAC,QAAYC;AAAA;AAAA,uBAEvBH,CAAQ;AAAA;AAAA;AAAA,WAGpBN,EAAO,QAAQO,CAAI,CAAC;AAAA;AAAA;AAAA,cAGjBP,EAAO,KAAKO,CAAI,CAAC;AAAA,MACzBG,EAAiCF,GAAOD,CAAI,CAAC;AAAA;AAAA,OAE5CF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAUCL,EAAO,KAAKO,CAAI,CAAC;AAAA,yBACTP,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA,mBAIzBI,EAAkCH,GAAOI,EAAiB,OAAO,SAAS,EAAK,EAAE,KAAK;AAAA;AAAA;AAAA,UAG/FD,EAAkCH,GAAOI,EAAiB,OAAO,SAAS,EAAK,CAAC;AAAA,UAChFC,EAA8CL,GAAOD,CAAI,CAAC;AAAA;AAAA,iBAEnDF,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA,iBAGzEP,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA,YAI9EE,EAAeN,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAYrBD,MAASQ,EAAM,SACjBN;AAAA;AAAA;AAAA,WAGC;AAAA;AAAA;AAAA,YAGCJ,CAAS;AAAA,8BACSG,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEQ,EAAU,oBAAoB,CAAC;AAAA,0BACnER,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEQ,EAAU,wBAAwB,CAAC;AAAA,mBAC1ER,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEQ,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMnEX,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA,iBAGzEP,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOvED,EAAkCH,GAAOI,EAAiB,OAAO,SAAS,EAAI,EAAE,KAAK;AAAA;AAAA,UAE9FD,EAAkCH,GAAOI,EAAiB,OAAO,SAAS,EAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOpEZ,EAAO,aAAaO,CAAI,CAAC;AAAA,2BACnBP,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKlCI,EAAkCH,GAAOI,EAAiB,OAAO,SAAS,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOlFF,EAAiCF,GAAOD,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAS1BP,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA,eAEjCP,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASjBP,EAAO,QAAQO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA,yBAIZP,EAAO,YAAYO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWzCF,CAAS;AAAA;AAAA,yBAEQL,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA;AAAA,2BAGjBP,EAAO,OAAOO,CAAI,CAAC;AAAA;AAAA;AAAA;AAAA,SAIrCF,CAAS;AAAA,wBACML,EAAO,YAAY;AAAA;AAAA;AAAA,iBAG1BK,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA,iBAGzEP,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA,SAIjFP,CAAS;AAAA,uBACKL,EAAO,YAAY;AAAA;AAAA;AAAA,iBAGzBK,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA,iBAGzEP,CAAS,mBAAmBA,CAAS;AAAA,YAC1CM,EAAkCH,GAAOI,EAAiB,OAAO,OAAO,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA,SAIjFP,CAAS;AAAA,4BACUG,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEQ,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,SAGlFX,CAAS;AAAA;AAAA;AAAA;AAAA,WAIPA,CAAS;AAAA,sBACEL,EAAO,YAAY,MAAMA,EAAO,YAAY;AAAA;AAAA;AAAA;AAAA,GAI/D;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.js","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { Contrasts, 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 './SimplePagination.styles';\nimport type { ISimplePaginationProps } from './Pagination.types';\nimport { FirstPageButton, LastPageButton, NextPageButton, PrevPageButton } from './components/PaginationButtons';\nimport { defaultNumberFormatter } from './utils/numberFormatter';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  current: number;\n  total: number;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  numberFormatter: Intl.NumberFormat;\n};\n\nconst SimpleQuickJumper = ({ size, t, current, total, onChange, numberFormatter }: QuickJumperProps) => (\n  <Styled.QuickJumperPaginationListItem>\n    <Styled.TextInput value={current} onChange={onChange} size={size} />\n    <Styled.QuickJumperText>\n      <Label size={size} contrast={Contrasts.Subtle}>\n        {t('ofTotal')}\n      </Label>\n      <Label size={size} contrast={Contrasts.Subtle}>\n        {numberFormatter.format(total)}\n      </Label>\n    </Styled.QuickJumperText>\n  </Styled.QuickJumperPaginationListItem>\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 SimplePagination = ({\n  className,\n  size = Sizes.Medium,\n  current = 1,\n  total = 1,\n  quickJumper,\n  startEndButtons,\n  onPageChange,\n  i18n,\n  numberFormatter = defaultNumberFormatter(),\n  ...rest\n}: ISimplePaginationProps): ReactElement => {\n  const { t } = useTranslation('pagination', { i18n });\n  const [currentPage, setCurrentPage] = useState(current);\n  const isFirstPage = useMemo(() => currentPage === 1, [currentPage]);\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\n\n  useEffect(() => {\n    setCurrentPage(ensurePageInRange(current, total));\n  }, [current, total]);\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      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 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 goToNextPage = useCallback(\n    () => onPageChangeHandler(currentPage + 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n\n  return (\n    <Styled.SimplePaginationContainer\n      className={classNames(PAGINATION_CLASS, className)}\n      $size={size}\n      aria-label=\"pagination\"\n      {...rest}\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        {quickJumper && (\n          <SimpleQuickJumper\n            size={size}\n            current={currentPage}\n            total={total}\n            t={t}\n            onChange={onQuickJumperChangeHandler}\n            numberFormatter={numberFormatter}\n          />\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    </Styled.SimplePaginationContainer>\n  );\n};\n\nexport default SimplePagination;\n"],"names":["SimpleQuickJumper","size","t","current","total","onChange","numberFormatter","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","defaultNumberFormatter","rest","useTranslation","currentPage","setCurrentPage","useState","isFirstPage","useMemo","isLastPage","useEffect","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","goToFirstPage","goToLastPage","goToPrevPage","goToNextPage","Styled.SimplePaginationContainer","classNames","PAGINATION_CLASS","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton"],"mappings":"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"}
+{"version":3,"file":"SimplePagination.js","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Contrasts, PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\r\nimport type { TFunction } from '../../libs/i18next/types';\r\nimport Label from '../Text/components/Label/Label';\r\nimport * as Styled from './SimplePagination.styles';\r\nimport type { ISimplePaginationProps } from './Pagination.types';\r\nimport { FirstPageButton, LastPageButton, NextPageButton, PrevPageButton } from './components/PaginationButtons';\r\nimport { defaultNumberFormatter } from './utils/numberFormatter';\r\n\r\ntype QuickJumperProps = {\r\n  size: PaginationTypes.Size;\r\n  t: TFunction<'pagination'>;\r\n  current: number;\r\n  total: number;\r\n  onChange: ChangeEventHandler<HTMLInputElement>;\r\n  numberFormatter: Intl.NumberFormat;\r\n};\r\n\r\nconst SimpleQuickJumper = ({ size, t, current, total, onChange, numberFormatter }: QuickJumperProps) => (\r\n  <Styled.QuickJumperPaginationListItem>\r\n    <Styled.TextInput value={current} onChange={onChange} size={size} />\r\n    <Styled.QuickJumperText>\r\n      <Label size={size} contrast={Contrasts.Subtle}>\r\n        {t('ofTotal')}\r\n      </Label>\r\n      <Label size={size} contrast={Contrasts.Subtle}>\r\n        {numberFormatter.format(total)}\r\n      </Label>\r\n    </Styled.QuickJumperText>\r\n  </Styled.QuickJumperPaginationListItem>\r\n);\r\n\r\n// ensure page is > 1 and <= total\r\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\r\n\r\nconst SimplePagination = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  current = 1,\r\n  total = 1,\r\n  quickJumper,\r\n  startEndButtons,\r\n  onPageChange,\r\n  i18n,\r\n  numberFormatter = defaultNumberFormatter(),\r\n  ...rest\r\n}: ISimplePaginationProps): ReactElement => {\r\n  const { t } = useTranslation('pagination', { i18n });\r\n  const [currentPage, setCurrentPage] = useState(current);\r\n  const isFirstPage = useMemo(() => currentPage === 1, [currentPage]);\r\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\r\n\r\n  useEffect(() => {\r\n    setCurrentPage(ensurePageInRange(current, total));\r\n  }, [current, total]);\r\n\r\n  const onPageChangeHandler = useCallback(\r\n    (page: number, prevPage: number) => {\r\n      const newPage = ensurePageInRange(page, total);\r\n      setCurrentPage(newPage);\r\n      onPageChange?.(newPage, prevPage);\r\n    },\r\n    [onPageChange, total],\r\n  );\r\n\r\n  const onQuickJumperChangeHandler = useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const pageNumber = Number(event.target.value);\r\n\r\n      if (Number.isNaN(pageNumber)) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      const newPage = ensurePageInRange(pageNumber, total);\r\n\r\n      onPageChangeHandler(newPage, currentPage);\r\n    },\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n\r\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\r\n  const goToLastPage = useCallback(\r\n    () => onPageChangeHandler(total, currentPage),\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n  const goToPrevPage = useCallback(\r\n    () => onPageChangeHandler(currentPage - 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n  const goToNextPage = useCallback(\r\n    () => onPageChangeHandler(currentPage + 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n\r\n  return (\r\n    <Styled.SimplePaginationContainer\r\n      className={classNames(PAGINATION_CLASS, className)}\r\n      $size={size}\r\n      aria-label=\"pagination\"\r\n      {...rest}\r\n    >\r\n      <Styled.PaginationList>\r\n        {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\r\n        <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\r\n        {quickJumper && (\r\n          <SimpleQuickJumper\r\n            size={size}\r\n            current={currentPage}\r\n            total={total}\r\n            t={t}\r\n            onChange={onQuickJumperChangeHandler}\r\n            numberFormatter={numberFormatter}\r\n          />\r\n        )}\r\n        <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\r\n        {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\r\n      </Styled.PaginationList>\r\n    </Styled.SimplePaginationContainer>\r\n  );\r\n};\r\n\r\nexport default SimplePagination;\r\n"],"names":["SimpleQuickJumper","size","t","current","total","onChange","numberFormatter","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","defaultNumberFormatter","rest","useTranslation","currentPage","setCurrentPage","useState","isFirstPage","useMemo","isLastPage","useEffect","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","goToFirstPage","goToLastPage","goToPrevPage","goToNextPage","Styled.SimplePaginationContainer","classNames","PAGINATION_CLASS","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton"],"mappings":"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"}

package/build/esm/components/Pagination/SimplePagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.styles.js","sources":["../../../../src/components/Pagination/SimplePagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { styled } from 'styled-components';\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport type { ISimplePaginationProps } from './Pagination.types';\nimport _TextInput from '../TextInput/TextInput';\nimport { PaginationListItem } from './components/PaginationButtons.styles';\n\nexport const PaginationList = styled.ul`\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n`;\n\nexport const QuickJumperText = styled.span`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n`;\n\nexport const QuickJumperPaginationListItem = styled(PaginationListItem)``;\n\nexport const TextInput = styled(_TextInput)``;\n\ntype SimplePaginationContainerProps = Required<PickTransient<ISimplePaginationProps, 'size'>>;\nexport const SimplePaginationContainer = styled.nav<SimplePaginationContainerProps>(\n  ({ $size }) => `\n  display: flex;\n\n  & > ${PaginationList} {\n    gap: ${PaginationConsts.consts[$size].simple.gap}px;\n\n    & > ${QuickJumperPaginationListItem} {\n      gap: ${PaginationConsts.consts[$size].simple.quickJumper.gap}px;\n      padding-inline: ${PaginationConsts.consts[$size].simple.quickJumper.paddingInline}px;\n\n      & > ${TextInput} {\n        width: ${PaginationConsts.consts[$size].simple.quickJumper.inputWidth}px;\n      }\n\n      & > ${QuickJumperText} {\n        gap: ${PaginationConsts.consts[$size].simple.quickJumper.textGap}px;\n      }\n    }\n  }\n`,\n);\n"],"names":["PaginationList","styled","QuickJumperText","QuickJumperPaginationListItem","PaginationListItem","TextInput","_TextInput","SimplePaginationContainer","$size","PaginationConsts.consts"],"mappings":";;;;AAQO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBE,IAAgCF,EAAOG,CAAkB,KAEzDC,IAAYJ,EAAOK,CAAU,KAG7BC,IAA4BN,EAAO;AAAA,EAC9C,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA;AAAA;AAAA,QAGTR,CAAc;AAAA,WACXS,EAAwBD,CAAK,EAAE,OAAO,GAAG;AAAA;AAAA,UAE1CL,CAA6B;AAAA,aAC1BM,EAAwBD,CAAK,EAAE,OAAO,YAAY,GAAG;AAAA,wBAC1CC,EAAwBD,CAAK,EAAE,OAAO,YAAY,aAAa;AAAA;AAAA,YAE3EH,CAAS;AAAA,iBACJI,EAAwBD,CAAK,EAAE,OAAO,YAAY,UAAU;AAAA;AAAA;AAAA,YAGjEN,CAAe;AAAA,eACZO,EAAwBD,CAAK,EAAE,OAAO,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAKxE;"}
+{"version":3,"file":"SimplePagination.styles.js","sources":["../../../../src/components/Pagination/SimplePagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { styled } from 'styled-components';\r\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport type { ISimplePaginationProps } from './Pagination.types';\r\nimport _TextInput from '../TextInput/TextInput';\r\nimport { PaginationListItem } from './components/PaginationButtons.styles';\r\n\r\nexport const PaginationList = styled.ul`\r\n  display: flex;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  flex: 1;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const QuickJumperText = styled.span`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  min-width: 0;\r\n`;\r\n\r\nexport const QuickJumperPaginationListItem = styled(PaginationListItem)``;\r\n\r\nexport const TextInput = styled(_TextInput)``;\r\n\r\ntype SimplePaginationContainerProps = Required<PickTransient<ISimplePaginationProps, 'size'>>;\r\nexport const SimplePaginationContainer = styled.nav<SimplePaginationContainerProps>(\r\n  ({ $size }) => `\r\n  display: flex;\r\n\r\n  & > ${PaginationList} {\r\n    gap: ${PaginationConsts.consts[$size].simple.gap}px;\r\n\r\n    & > ${QuickJumperPaginationListItem} {\r\n      gap: ${PaginationConsts.consts[$size].simple.quickJumper.gap}px;\r\n      padding-inline: ${PaginationConsts.consts[$size].simple.quickJumper.paddingInline}px;\r\n\r\n      & > ${TextInput} {\r\n        width: ${PaginationConsts.consts[$size].simple.quickJumper.inputWidth}px;\r\n      }\r\n\r\n      & > ${QuickJumperText} {\r\n        gap: ${PaginationConsts.consts[$size].simple.quickJumper.textGap}px;\r\n      }\r\n    }\r\n  }\r\n`,\r\n);\r\n"],"names":["PaginationList","styled","QuickJumperText","QuickJumperPaginationListItem","PaginationListItem","TextInput","_TextInput","SimplePaginationContainer","$size","PaginationConsts.consts"],"mappings":";;;;AAQO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBE,IAAgCF,EAAOG,CAAkB,KAEzDC,IAAYJ,EAAOK,CAAU,KAG7BC,IAA4BN,EAAO;AAAA,EAC9C,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA;AAAA;AAAA,QAGTR,CAAc;AAAA,WACXS,EAAwBD,CAAK,EAAE,OAAO,GAAG;AAAA;AAAA,UAE1CL,CAA6B;AAAA,aAC1BM,EAAwBD,CAAK,EAAE,OAAO,YAAY,GAAG;AAAA,wBAC1CC,EAAwBD,CAAK,EAAE,OAAO,YAAY,aAAa;AAAA;AAAA,YAE3EH,CAAS;AAAA,iBACJI,EAAwBD,CAAK,EAAE,OAAO,YAAY,UAAU;AAAA;AAAA;AAAA,YAGjEN,CAAe;AAAA,eACZO,EAAwBD,CAAK,EAAE,OAAO,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAKxE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\nimport type { TFunction } from 'i18next';\n\nimport * as Styled from './PaginationButtons.styles';\nimport Button from '../../Button/Button';\nimport ChevronDoubleLeft from '../../Icon/components/ChevronDoubleLeft';\nimport ChevronLeft from '../../Icon/components/ChevronLeft';\nimport ChevronDoubleRight from '../../Icon/components/ChevronDoubleRight';\nimport ChevronRight from '../../Icon/components/ChevronRight';\nimport { MORE_BUTTON_OFFSET } from '../utils/getPagesToDisplay';\n\ntype PaginationButtonProps = {\n  size: PaginationTypes.Size;\n  disabled: boolean;\n  t: TFunction<'pagination'>;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n};\n\ntype PageButtonProps = {\n  page: number;\n  size: PaginationTypes.Size;\n  more: 'left' | 'right' | false;\n  current?: boolean;\n  t: TFunction<'pagination'>;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const FirstPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronDoubleLeft />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('startPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const LastPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronDoubleRight />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('endPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const PrevPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronLeft />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('prevPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const NextPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronRight />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('nextPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\n// eslint-disable-next-line id-length\nconst getLabel = (t: TFunction<'pagination'>, page: number, more: 'left' | 'right' | false) => {\n  if (more === 'left') {\n    return t('prevNPages', { pages: MORE_BUTTON_OFFSET });\n  }\n  if (more === 'right') {\n    return t('nextNPages', { pages: MORE_BUTTON_OFFSET });\n  }\n  return `${t('page')} ${page}`;\n};\n\nexport const PageButton = ({ size, more, current, page, t, onClick }: PageButtonProps) => (\n  <Styled.PaginationListItem>\n    <Styled.ToggleButton\n      onClick={onClick}\n      outlined={!current}\n      selected={current}\n      size={size}\n      primaryLabel={more ? '...' : `${page}`}\n      aria-label={getLabel(t, page, more)}\n      title={getLabel(t, page, more)}\n    />\n  </Styled.PaginationListItem>\n);\n"],"names":["FirstPageButton","size","disabled","t","onClick","jsx","Styled.PaginationListItem","Button","ChevronDoubleLeft","LastPageButton","ChevronDoubleRight","PrevPageButton","ChevronLeft","NextPageButton","ChevronRight","getLabel","page","more","MORE_BUTTON_OFFSET","PageButton","current","Styled.ToggleButton"],"mappings":";;;;;;;;AA6BO,MAAMA,IAAkB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MACnD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOI,GAAA,EAAkB;AAAA,IACzB,MAAAP;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,WAAW;AAAA,EAAA;AAC3B,EAAA,CACF,GAGWM,IAAiB,CAAC,EAAE,MAAAR,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOM,GAAA,EAAmB;AAAA,IAC1B,MAAAT;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,SAAS;AAAA,EAAA;AACzB,EAAA,CACF,GAGWQ,IAAiB,CAAC,EAAE,MAAAV,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOQ,GAAA,EAAY;AAAA,IACnB,MAAAX;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,UAAU;AAAA,EAAA;AAC1B,EAAA,CACF,GAGWU,IAAiB,CAAC,EAAE,MAAAZ,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOU,GAAA,EAAa;AAAA,IACpB,MAAAb;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,UAAU;AAAA,EAAA;AAC1B,EAAA,CACF,GAIIY,IAAW,CAACZ,GAA4Ba,GAAcC,MACtDA,MAAS,SACJd,EAAE,cAAc,EAAE,OAAOe,GAAoB,IAElDD,MAAS,UACJd,EAAE,cAAc,EAAE,OAAOe,GAAoB,IAE/C,GAAGf,EAAE,MAAM,CAAC,IAAIa,CAAI,IAGhBG,IAAa,CAAC,EAAE,MAAAlB,GAAM,MAAAgB,GAAM,SAAAG,GAAS,MAAAJ,GAAM,GAAAb,GAAG,SAAAC,EAAA,MACzD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,SAAAjB;AAAA,IACA,UAAU,CAACgB;AAAA,IACX,UAAUA;AAAA,IACV,MAAAnB;AAAA,IACA,cAAcgB,IAAO,QAAQ,GAAGD,CAAI;AAAA,IACpC,cAAYD,EAASZ,GAAGa,GAAMC,CAAI;AAAA,IAClC,OAAOF,EAASZ,GAAGa,GAAMC,CAAI;AAAA,EAAA;AAC/B,EAAA,CACF;"}
+{"version":3,"file":"PaginationButtons.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\r\n\r\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\r\nimport type { TFunction } from 'i18next';\r\n\r\nimport * as Styled from './PaginationButtons.styles';\r\nimport Button from '../../Button/Button';\r\nimport ChevronDoubleLeft from '../../Icon/components/ChevronDoubleLeft';\r\nimport ChevronLeft from '../../Icon/components/ChevronLeft';\r\nimport ChevronDoubleRight from '../../Icon/components/ChevronDoubleRight';\r\nimport ChevronRight from '../../Icon/components/ChevronRight';\r\nimport { MORE_BUTTON_OFFSET } from '../utils/getPagesToDisplay';\r\n\r\ntype PaginationButtonProps = {\r\n  size: PaginationTypes.Size;\r\n  disabled: boolean;\r\n  t: TFunction<'pagination'>;\r\n  onClick: MouseEventHandler<HTMLButtonElement>;\r\n};\r\n\r\ntype PageButtonProps = {\r\n  page: number;\r\n  size: PaginationTypes.Size;\r\n  more: 'left' | 'right' | false;\r\n  current?: boolean;\r\n  t: TFunction<'pagination'>;\r\n  onClick: MouseEventHandler<HTMLButtonElement>;\r\n};\r\n\r\nexport const FirstPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronDoubleLeft />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('startPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const LastPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronDoubleRight />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('endPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const PrevPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronLeft />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('prevPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const NextPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronRight />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('nextPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\n// eslint-disable-next-line id-length\r\nconst getLabel = (t: TFunction<'pagination'>, page: number, more: 'left' | 'right' | false) => {\r\n  if (more === 'left') {\r\n    return t('prevNPages', { pages: MORE_BUTTON_OFFSET });\r\n  }\r\n  if (more === 'right') {\r\n    return t('nextNPages', { pages: MORE_BUTTON_OFFSET });\r\n  }\r\n  return `${t('page')} ${page}`;\r\n};\r\n\r\nexport const PageButton = ({ size, more, current, page, t, onClick }: PageButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Styled.ToggleButton\r\n      onClick={onClick}\r\n      outlined={!current}\r\n      selected={current}\r\n      size={size}\r\n      primaryLabel={more ? '...' : `${page}`}\r\n      aria-label={getLabel(t, page, more)}\r\n      title={getLabel(t, page, more)}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n"],"names":["FirstPageButton","size","disabled","t","onClick","jsx","Styled.PaginationListItem","Button","ChevronDoubleLeft","LastPageButton","ChevronDoubleRight","PrevPageButton","ChevronLeft","NextPageButton","ChevronRight","getLabel","page","more","MORE_BUTTON_OFFSET","PageButton","current","Styled.ToggleButton"],"mappings":";;;;;;;;AA6BO,MAAMA,IAAkB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MACnD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOI,GAAA,EAAkB;AAAA,IACzB,MAAAP;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,WAAW;AAAA,EAAA;AAC3B,EAAA,CACF,GAGWM,IAAiB,CAAC,EAAE,MAAAR,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOM,GAAA,EAAmB;AAAA,IAC1B,MAAAT;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,SAAS;AAAA,EAAA;AACzB,EAAA,CACF,GAGWQ,IAAiB,CAAC,EAAE,MAAAV,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOQ,GAAA,EAAY;AAAA,IACnB,MAAAX;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,UAAU;AAAA,EAAA;AAC1B,EAAA,CACF,GAGWU,IAAiB,CAAC,EAAE,MAAAZ,GAAM,UAAAC,GAAU,GAAAC,GAAG,SAAAC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,SAAQ;AAAA,IACR,UAAU;AAAA,IACV,wBAAOU,GAAA,EAAa;AAAA,IACpB,MAAAb;AAAA,IACA,UAAAC;AAAA,IACA,iBAAeA;AAAA,IACf,cAAYC,EAAE,UAAU;AAAA,EAAA;AAC1B,EAAA,CACF,GAIIY,IAAW,CAACZ,GAA4Ba,GAAcC,MACtDA,MAAS,SACJd,EAAE,cAAc,EAAE,OAAOe,GAAoB,IAElDD,MAAS,UACJd,EAAE,cAAc,EAAE,OAAOe,GAAoB,IAE/C,GAAGf,EAAE,MAAM,CAAC,IAAIa,CAAI,IAGhBG,IAAa,CAAC,EAAE,MAAAlB,GAAM,MAAAgB,GAAM,SAAAG,GAAS,MAAAJ,GAAM,GAAAb,GAAG,SAAAC,EAAA,MACzD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,SAAAjB;AAAA,IACA,UAAU,CAACgB;AAAA,IACX,UAAUA;AAAA,IACV,MAAAnB;AAAA,IACA,cAAcgB,IAAO,QAAQ,GAAGD,CAAI;AAAA,IACpC,cAAYD,EAASZ,GAAGa,GAAMC,CAAI;AAAA,IAClC,OAAOF,EAASZ,GAAGa,GAAMC,CAAI;AAAA,EAAA;AAC/B,EAAA,CACF;"}

package/build/esm/components/Pagination/components/PaginationButtons.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.styles.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.styles.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport _ToggleButton from '../../ToggleButton/ToggleButton';\n\nexport const PaginationListItem = styled.li`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n  max-width: 100%;\n`;\n\nexport const ToggleButton = styled(_ToggleButton)``;\n"],"names":["PaginationListItem","styled","ToggleButton","_ToggleButton"],"mappings":";;AAIO,MAAMA,IAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BC,IAAeD,EAAOE,CAAa;"}
+{"version":3,"file":"PaginationButtons.styles.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.styles.tsx"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nimport _ToggleButton from '../../ToggleButton/ToggleButton';\r\n\r\nexport const PaginationListItem = styled.li`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const ToggleButton = styled(_ToggleButton)``;\r\n"],"names":["PaginationListItem","styled","ToggleButton","_ToggleButton"],"mappings":";;AAIO,MAAMA,IAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BC,IAAeD,EAAOE,CAAa;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","sources":["../../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { SizeChangerRender } from 'rc-pagination/lib/Options';\n\nimport Select from '../../Select/Select';\nimport { usePagination } from '../hooks/usePagination';\n\nconst PaginationSelect = ({ onSizeChange, size: pageSize, options, ...props }: Parameters<SizeChangerRender>[0]) => {\n  const { size = Sizes.Medium } = usePagination()!;\n\n  return (\n    <Select\n      allowClear={false}\n      size={size}\n      value={pageSize ?? options[0].value}\n      onChange={onSizeChange}\n      options={options}\n      {...props}\n    />\n  );\n};\n\nexport default PaginationSelect;\n"],"names":["PaginationSelect","onSizeChange","pageSize","options","props","size","Sizes","usePagination","jsx","Select"],"mappings":";;;;AAMA,MAAMA,IAAmB,CAAC,EAAE,cAAAC,GAAc,MAAMC,GAAU,SAAAC,GAAS,GAAGC,QAA8C;AAClH,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,MAAAJ;AAAA,MACA,OAAOH,KAAYC,EAAQ,CAAC,EAAE;AAAA,MAC9B,UAAUF;AAAA,MACV,SAAAE;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { SizeChangerRender } from 'rc-pagination/lib/Options';\r\n\r\nimport Select from '../../Select/Select';\r\nimport { usePagination } from '../hooks/usePagination';\r\n\r\nconst PaginationSelect = ({ onSizeChange, size: pageSize, options, ...props }: Parameters<SizeChangerRender>[0]) => {\r\n  const { size = Sizes.Medium } = usePagination()!;\r\n\r\n  return (\r\n    <Select\r\n      allowClear={false}\r\n      size={size}\r\n      value={pageSize ?? options[0].value}\r\n      onChange={onSizeChange}\r\n      options={options}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default PaginationSelect;\r\n"],"names":["PaginationSelect","onSizeChange","pageSize","options","props","size","Sizes","usePagination","jsx","Select"],"mappings":";;;;AAMA,MAAMA,IAAmB,CAAC,EAAE,cAAAC,GAAc,MAAMC,GAAU,SAAAC,GAAS,GAAGC,QAA8C;AAClH,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,MAAAJ;AAAA,MACA,OAAOH,KAAYC,EAAQ,CAAC,EAAE;AAAA,MAC9B,UAAUF;AAAA,MACV,SAAAE;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/build/esm/components/Pagination/data/en_GB.js.map

@@ -1 +1 @@
-{"version":3,"file":"en_GB.js","sources":["../../../../../src/components/Pagination/data/en_GB.ts"],"sourcesContent":["export default {\n  items_per_page: '/ page',\n  jump_to: 'Go to',\n  jump_to_confirm: 'confirm',\n  page: 'page',\n  prev_page: 'Previous Page',\n  next_page: 'Next Page',\n  prev_5: 'Previous 5 Pages',\n  next_5: 'Next 5 Pages',\n  prev_3: 'Previous 3 Pages',\n  next_3: 'Next 3 Pages',\n  page_size: 'Page Size',\n};\n"],"names":["enGB"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}
+{"version":3,"file":"en_GB.js","sources":["../../../../../src/components/Pagination/data/en_GB.ts"],"sourcesContent":["export default {\r\n  items_per_page: '/ page',\r\n  jump_to: 'Go to',\r\n  jump_to_confirm: 'confirm',\r\n  page: 'page',\r\n  prev_page: 'Previous Page',\r\n  next_page: 'Next Page',\r\n  prev_5: 'Previous 5 Pages',\r\n  next_5: 'Next 5 Pages',\r\n  prev_3: 'Previous 3 Pages',\r\n  next_3: 'Next 3 Pages',\r\n  page_size: 'Page Size',\r\n};\r\n"],"names":["enGB"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}

package/build/esm/components/Pagination/data/es_ES.js.map

@@ -1 +1 @@
-{"version":3,"file":"es_ES.js","sources":["../../../../../src/components/Pagination/data/es_ES.ts"],"sourcesContent":["export default {\n  items_per_page: '/ página',\n  jump_to: 'Ir a',\n  jump_to_confirm: 'confirmar',\n  page: 'página',\n  prev_page: 'Página anterior',\n  next_page: 'Página siguiente',\n  prev_5: '5 páginas previas',\n  next_5: '5 páginas siguientes',\n  prev_3: '3 páginas previas',\n  next_3: '3 páginas siguientes',\n  page_size: 'tamaño de página',\n};\n"],"names":["es_ES"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}
+{"version":3,"file":"es_ES.js","sources":["../../../../../src/components/Pagination/data/es_ES.ts"],"sourcesContent":["export default {\r\n  items_per_page: '/ página',\r\n  jump_to: 'Ir a',\r\n  jump_to_confirm: 'confirmar',\r\n  page: 'página',\r\n  prev_page: 'Página anterior',\r\n  next_page: 'Página siguiente',\r\n  prev_5: '5 páginas previas',\r\n  next_5: '5 páginas siguientes',\r\n  prev_3: '3 páginas previas',\r\n  next_3: '3 páginas siguientes',\r\n  page_size: 'tamaño de página',\r\n};\r\n"],"names":["es_ES"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}

package/build/esm/components/Pagination/data/pl_PL.js.map

@@ -1 +1 @@
-{"version":3,"file":"pl_PL.js","sources":["../../../../../src/components/Pagination/data/pl_PL.ts"],"sourcesContent":["export default {\n  items_per_page: 'na stronę',\n  jump_to: 'Idź do',\n  jump_to_confirm: 'potwierdź',\n  page: 'strony',\n  prev_page: 'Poprzednia strona',\n  next_page: 'Następna strona',\n  prev_5: 'Poprzednie 5 stron',\n  next_5: 'Następne 5 stron',\n  prev_3: 'Poprzednie 3 strony',\n  next_3: 'Następne 3 strony',\n  page_size: 'rozmiar strony',\n};\n"],"names":["pl_PL"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}
+{"version":3,"file":"pl_PL.js","sources":["../../../../../src/components/Pagination/data/pl_PL.ts"],"sourcesContent":["export default {\r\n  items_per_page: 'na stronę',\r\n  jump_to: 'Idź do',\r\n  jump_to_confirm: 'potwierdź',\r\n  page: 'strony',\r\n  prev_page: 'Poprzednia strona',\r\n  next_page: 'Następna strona',\r\n  prev_5: 'Poprzednie 5 stron',\r\n  next_5: 'Następne 5 stron',\r\n  prev_3: 'Poprzednie 3 strony',\r\n  next_3: 'Następne 3 strony',\r\n  page_size: 'rozmiar strony',\r\n};\r\n"],"names":["pl_PL"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AACb;"}

package/build/esm/components/Pagination/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/hooks/usePagination.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { IPaginationProps } from '../Pagination.types';\n\nexport const PaginationContext = createContext<IPaginationProps | null>(null);\n\nexport const usePagination = () => useContext(PaginationContext);\n"],"names":["PaginationContext","createContext","usePagination","useContext"],"mappings":";AAIO,MAAMA,IAAoBC,EAAuC,IAAI,GAE/DC,IAAgB,MAAMC,EAAWH,CAAiB;"}
+{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/hooks/usePagination.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport type { IPaginationProps } from '../Pagination.types';\r\n\r\nexport const PaginationContext = createContext<IPaginationProps | null>(null);\r\n\r\nexport const usePagination = () => useContext(PaginationContext);\r\n"],"names":["PaginationContext","createContext","usePagination","useContext"],"mappings":";AAIO,MAAMA,IAAoBC,EAAuC,IAAI,GAE/DC,IAAgB,MAAMC,EAAWH,CAAiB;"}

package/build/esm/components/Pagination/utils/getPagesToDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPagesToDisplay.js","sources":["../../../../../src/components/Pagination/utils/getPagesToDisplay.ts"],"sourcesContent":["const FIRST_PAGE = 1;\nexport const MORE_BUTTON_OFFSET = 5;\nconst OFFSET = 2;\n\nexport const enforceInRange = (page: number, total: number): number => {\n  if (page < FIRST_PAGE + OFFSET) {\n    return Math.min(FIRST_PAGE + OFFSET, total);\n  }\n  if (page > total - OFFSET) {\n    return Math.max(FIRST_PAGE, total - OFFSET);\n  }\n\n  return page;\n};\n\nexport const getPagesToDisplay = (\n  currentPage: number,\n  currentDisplayed: number,\n  totalPages: number,\n  moreButton = false,\n) => {\n  const pages: { page: number; current: boolean; more: 'left' | 'right' | false }[] = [\n    { page: FIRST_PAGE, current: currentPage === FIRST_PAGE, more: false },\n  ];\n\n  const currentDisplayedInRange = enforceInRange(currentDisplayed, totalPages);\n\n  // Add the \"more\" button to the left if the current displayed page is more than OFFSET pages away from the first page\n  if (currentDisplayedInRange - OFFSET - 1 > FIRST_PAGE && moreButton) {\n    pages.push({ page: Math.max(currentDisplayed - MORE_BUTTON_OFFSET, 1), current: false, more: 'left' });\n  }\n\n  // Add the offset pages to the left of the current displayed page\n  for (let leftOffset = OFFSET; leftOffset > 0; leftOffset--) {\n    if (currentDisplayedInRange - leftOffset > FIRST_PAGE) {\n      pages.push({\n        page: currentDisplayedInRange - leftOffset,\n        current: currentPage === currentDisplayedInRange - leftOffset,\n        more: false,\n      });\n    }\n  }\n\n  // Add the current displayed page\n  if (currentDisplayedInRange > FIRST_PAGE && currentDisplayedInRange < totalPages) {\n    pages.push({ page: currentDisplayedInRange, current: currentPage === currentDisplayedInRange, more: false });\n  }\n\n  // Add the offset pages to the right of the current displayed page\n  for (let rightOffset = 1; rightOffset <= OFFSET; rightOffset++) {\n    if (currentDisplayedInRange + rightOffset < totalPages) {\n      pages.push({\n        page: currentDisplayedInRange + rightOffset,\n        current: currentPage === currentDisplayedInRange + rightOffset,\n        more: false,\n      });\n    }\n  }\n  // Add the \"more\" button to the right if the current displayed page is less than totalPages - OFFSET pages away from the last page\n  if (currentDisplayedInRange + OFFSET + 1 < totalPages && moreButton) {\n    pages.push({ page: Math.min(currentDisplayed + MORE_BUTTON_OFFSET, totalPages), current: false, more: 'right' });\n  }\n\n  // Add the last page\n  if (FIRST_PAGE < totalPages) {\n    pages.push({ page: totalPages, current: currentPage === totalPages, more: false });\n  }\n\n  return pages;\n};\n"],"names":["MORE_BUTTON_OFFSET","enforceInRange","page","total","getPagesToDisplay","currentPage","currentDisplayed","totalPages","moreButton","pages","currentDisplayedInRange","leftOffset","rightOffset"],"mappings":"AACO,MAAMA,IAAqB;AAG3B,MAAMC,IAAiB,CAACC,GAAcC,MACvCD,IAAO,IACF,KAAK,IAAI,GAAqBC,CAAK,IAExCD,IAAOC,IAAQ,IACV,KAAK,IAAI,GAAYA,IAAQ,CAAM,IAGrCD,GAGIE,IAAoB,CAC/BC,GACAC,GACAC,GACAC,IAAa,OACV;AACH,QAAMC,IAA8E;AAAA,IAClF,EAAE,MAAM,GAAY,SAASJ,MAAgB,GAAY,MAAM,GAAA;AAAA,EAAM,GAGjEK,IAA0BT,EAAeK,GAAkBC,CAAU;AAG3E,EAAIG,IAA0B,IAAS,IAAI,KAAcF,KACvDC,EAAM,KAAK,EAAE,MAAM,KAAK,IAAIH,IAAmB,GAAoB,CAAC,GAAG,SAAS,IAAO,MAAM,QAAQ;AAIvG,WAASK,IAAa,GAAQA,IAAa,GAAGA;AAC5C,IAAID,IAA0BC,IAAa,KACzCF,EAAM,KAAK;AAAA,MACT,MAAMC,IAA0BC;AAAA,MAChC,SAASN,MAAgBK,IAA0BC;AAAA,MACnD,MAAM;AAAA,IAAA,CACP;AAKL,EAAID,IAA0B,KAAcA,IAA0BH,KACpEE,EAAM,KAAK,EAAE,MAAMC,GAAyB,SAASL,MAAgBK,GAAyB,MAAM,IAAO;AAI7G,WAASE,IAAc,GAAGA,KAAe,GAAQA;AAC/C,IAAIF,IAA0BE,IAAcL,KAC1CE,EAAM,KAAK;AAAA,MACT,MAAMC,IAA0BE;AAAA,MAChC,SAASP,MAAgBK,IAA0BE;AAAA,MACnD,MAAM;AAAA,IAAA,CACP;AAIL,SAAIF,IAA0B,IAAS,IAAIH,KAAcC,KACvDC,EAAM,KAAK,EAAE,MAAM,KAAK,IAAIH,IAAmB,GAAoBC,CAAU,GAAG,SAAS,IAAO,MAAM,SAAS,GAI7G,IAAaA,KACfE,EAAM,KAAK,EAAE,MAAMF,GAAY,SAASF,MAAgBE,GAAY,MAAM,IAAO,GAG5EE;AACT;"}
+{"version":3,"file":"getPagesToDisplay.js","sources":["../../../../../src/components/Pagination/utils/getPagesToDisplay.ts"],"sourcesContent":["const FIRST_PAGE = 1;\r\nexport const MORE_BUTTON_OFFSET = 5;\r\nconst OFFSET = 2;\r\n\r\nexport const enforceInRange = (page: number, total: number): number => {\r\n  if (page < FIRST_PAGE + OFFSET) {\r\n    return Math.min(FIRST_PAGE + OFFSET, total);\r\n  }\r\n  if (page > total - OFFSET) {\r\n    return Math.max(FIRST_PAGE, total - OFFSET);\r\n  }\r\n\r\n  return page;\r\n};\r\n\r\nexport const getPagesToDisplay = (\r\n  currentPage: number,\r\n  currentDisplayed: number,\r\n  totalPages: number,\r\n  moreButton = false,\r\n) => {\r\n  const pages: { page: number; current: boolean; more: 'left' | 'right' | false }[] = [\r\n    { page: FIRST_PAGE, current: currentPage === FIRST_PAGE, more: false },\r\n  ];\r\n\r\n  const currentDisplayedInRange = enforceInRange(currentDisplayed, totalPages);\r\n\r\n  // Add the \"more\" button to the left if the current displayed page is more than OFFSET pages away from the first page\r\n  if (currentDisplayedInRange - OFFSET - 1 > FIRST_PAGE && moreButton) {\r\n    pages.push({ page: Math.max(currentDisplayed - MORE_BUTTON_OFFSET, 1), current: false, more: 'left' });\r\n  }\r\n\r\n  // Add the offset pages to the left of the current displayed page\r\n  for (let leftOffset = OFFSET; leftOffset > 0; leftOffset--) {\r\n    if (currentDisplayedInRange - leftOffset > FIRST_PAGE) {\r\n      pages.push({\r\n        page: currentDisplayedInRange - leftOffset,\r\n        current: currentPage === currentDisplayedInRange - leftOffset,\r\n        more: false,\r\n      });\r\n    }\r\n  }\r\n\r\n  // Add the current displayed page\r\n  if (currentDisplayedInRange > FIRST_PAGE && currentDisplayedInRange < totalPages) {\r\n    pages.push({ page: currentDisplayedInRange, current: currentPage === currentDisplayedInRange, more: false });\r\n  }\r\n\r\n  // Add the offset pages to the right of the current displayed page\r\n  for (let rightOffset = 1; rightOffset <= OFFSET; rightOffset++) {\r\n    if (currentDisplayedInRange + rightOffset < totalPages) {\r\n      pages.push({\r\n        page: currentDisplayedInRange + rightOffset,\r\n        current: currentPage === currentDisplayedInRange + rightOffset,\r\n        more: false,\r\n      });\r\n    }\r\n  }\r\n  // Add the \"more\" button to the right if the current displayed page is less than totalPages - OFFSET pages away from the last page\r\n  if (currentDisplayedInRange + OFFSET + 1 < totalPages && moreButton) {\r\n    pages.push({ page: Math.min(currentDisplayed + MORE_BUTTON_OFFSET, totalPages), current: false, more: 'right' });\r\n  }\r\n\r\n  // Add the last page\r\n  if (FIRST_PAGE < totalPages) {\r\n    pages.push({ page: totalPages, current: currentPage === totalPages, more: false });\r\n  }\r\n\r\n  return pages;\r\n};\r\n"],"names":["MORE_BUTTON_OFFSET","enforceInRange","page","total","getPagesToDisplay","currentPage","currentDisplayed","totalPages","moreButton","pages","currentDisplayedInRange","leftOffset","rightOffset"],"mappings":"AACO,MAAMA,IAAqB;AAG3B,MAAMC,IAAiB,CAACC,GAAcC,MACvCD,IAAO,IACF,KAAK,IAAI,GAAqBC,CAAK,IAExCD,IAAOC,IAAQ,IACV,KAAK,IAAI,GAAYA,IAAQ,CAAM,IAGrCD,GAGIE,IAAoB,CAC/BC,GACAC,GACAC,GACAC,IAAa,OACV;AACH,QAAMC,IAA8E;AAAA,IAClF,EAAE,MAAM,GAAY,SAASJ,MAAgB,GAAY,MAAM,GAAA;AAAA,EAAM,GAGjEK,IAA0BT,EAAeK,GAAkBC,CAAU;AAG3E,EAAIG,IAA0B,IAAS,IAAI,KAAcF,KACvDC,EAAM,KAAK,EAAE,MAAM,KAAK,IAAIH,IAAmB,GAAoB,CAAC,GAAG,SAAS,IAAO,MAAM,QAAQ;AAIvG,WAASK,IAAa,GAAQA,IAAa,GAAGA;AAC5C,IAAID,IAA0BC,IAAa,KACzCF,EAAM,KAAK;AAAA,MACT,MAAMC,IAA0BC;AAAA,MAChC,SAASN,MAAgBK,IAA0BC;AAAA,MACnD,MAAM;AAAA,IAAA,CACP;AAKL,EAAID,IAA0B,KAAcA,IAA0BH,KACpEE,EAAM,KAAK,EAAE,MAAMC,GAAyB,SAASL,MAAgBK,GAAyB,MAAM,IAAO;AAI7G,WAASE,IAAc,GAAGA,KAAe,GAAQA;AAC/C,IAAIF,IAA0BE,IAAcL,KAC1CE,EAAM,KAAK;AAAA,MACT,MAAMC,IAA0BE;AAAA,MAChC,SAASP,MAAgBK,IAA0BE;AAAA,MACnD,MAAM;AAAA,IAAA,CACP;AAIL,SAAIF,IAA0B,IAAS,IAAIH,KAAcC,KACvDC,EAAM,KAAK,EAAE,MAAM,KAAK,IAAIH,IAAmB,GAAoBC,CAAU,GAAG,SAAS,IAAO,MAAM,SAAS,GAI7G,IAAaA,KACfE,EAAM,KAAK,EAAE,MAAMF,GAAY,SAASF,MAAgBE,GAAY,MAAM,IAAO,GAG5EE;AACT;"}

package/build/esm/components/Pagination/utils/numberFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberFormatter.js","sources":["../../../../../src/components/Pagination/utils/numberFormatter.ts"],"sourcesContent":["// eslint-disable-next-line new-cap\nexport const defaultNumberFormatter = () => Intl.NumberFormat('en-GB', { style: 'decimal' });\n"],"names":["defaultNumberFormatter"],"mappings":"AACO,MAAMA,IAAyB,MAAM,KAAK,aAAa,SAAS,EAAE,OAAO,WAAW;"}
+{"version":3,"file":"numberFormatter.js","sources":["../../../../../src/components/Pagination/utils/numberFormatter.ts"],"sourcesContent":["// eslint-disable-next-line new-cap\r\nexport const defaultNumberFormatter = () => Intl.NumberFormat('en-GB', { style: 'decimal' });\r\n"],"names":["defaultNumberFormatter"],"mappings":"AACO,MAAMA,IAAyB,MAAM,KAAK,aAAa,SAAS,EAAE,OAAO,WAAW;"}

package/build/esm/components/Pecten/Pecten.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.js","sources":["../../../../src/components/Pecten/Pecten.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, PECTEN_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Pecten.styles';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = ({\n  className,\n  size = Sizes.Medium,\n  muted = false,\n  emphasis = false,\n  padding = 'none',\n  ...rest\n}: IPectenProps): ReactElement => (\n  <Styled.Pecten\n    className={classNames(PECTEN_CLASS, className)}\n    prefixCls={PECTEN_CLASS}\n    $size={size}\n    $muted={muted ?? emphasis}\n    $padding={padding}\n    {...rest}\n  />\n);\nexport default Pecten;\n"],"names":["Pecten","className","size","Sizes","muted","emphasis","padding","rest","jsx","Styled.Pecten","classNames","PECTEN_CLASS"],"mappings":";;;;;AAQA,MAAMA,IAAS,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,GAAcV,CAAS;AAAA,IAC7C,WAAWU;AAAA,IACX,OAAOT;AAAA,IACP,QAAQE,KAASC;AAAA,IACjB,UAAUC;AAAA,IACT,GAAGC;AAAA,EAAA;AACN;"}
+{"version":3,"file":"Pecten.js","sources":["../../../../src/components/Pecten/Pecten.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, PECTEN_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Pecten.styles';\r\nimport type { IPectenProps } from './Pecten.types';\r\n\r\nconst Pecten = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  muted = false,\r\n  emphasis = false,\r\n  padding = 'none',\r\n  ...rest\r\n}: IPectenProps): ReactElement => (\r\n  <Styled.Pecten\r\n    className={classNames(PECTEN_CLASS, className)}\r\n    prefixCls={PECTEN_CLASS}\r\n    $size={size}\r\n    $muted={muted ?? emphasis}\r\n    $padding={padding}\r\n    {...rest}\r\n  />\r\n);\r\nexport default Pecten;\r\n"],"names":["Pecten","className","size","Sizes","muted","emphasis","padding","rest","jsx","Styled.Pecten","classNames","PECTEN_CLASS"],"mappings":";;;;;AAQA,MAAMA,IAAS,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,GAAcV,CAAS;AAAA,IAC7C,WAAWU;AAAA,IACX,OAAOT;AAAA,IACP,QAAQE,KAASC;AAAA,IACjB,UAAUC;AAAA,IACT,GAAGC;AAAA,EAAA;AACN;"}

package/build/esm/components/Pecten/Pecten.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,MAAM,4dAwBV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Pecten.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,MAAM,4dA4BV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/build/esm/components/Pecten/Pecten.styles.js

@@ -1,28 +1,32 @@
-import { styled as a, css as d } from "styled-components";
-import { pectenSizes as g, pectenPaddings as l } from "../../react-base/src/components/Pecten/Pecten.consts.js";
-import { Variables as m } from "../../react-base/src/theme/types/layer.js";
-import u from "./components/PectenIcon.js";
-const $ = a(u)(({ prefixCls: t, $size: n, $muted: o, $padding: e, theme: i }) => {
-  const r = typeof n == "number" ? n : g[n], c = `${l[e]}`, p = i.layer({ muted: o });
-  return d`
-    height: ${r}px;
-    width: ${r}px;
-    padding: ${c}px;
+import { styled as u, css as l } from "styled-components";
+import { pectenSizes as g, pectenPaddings as p } from "../../react-base/src/components/Pecten/Pecten.consts.js";
+import { Variables as i } from "../../react-base/src/theme/types/layer.js";
+import m from "./components/PectenIcon.js";
+const D = u(m)(({ prefixCls: n, $size: r, $muted: o, $padding: a, theme: c }) => {
+  const e = typeof r == "number" ? r : g[r], d = `${p[a]}`, t = c.layer({ muted: o });
+  return l`
+    height: ${e}px;
+    width: ${e}px;
+    padding: ${d}px;
 
-    .${t}-border {
-      fill: rgb(255 255 255);
+    .${n}-border {
+      fill: ${t[i.BackgroundFoundation]};
     }
 
-    .${t}-outer-acinguiux {
-      fill: ${o ? p[m.TextOnFoundationStrong] : "#DD1D21"};
+    .${n}-outer-acinguiux {
+      fill: ${o ? t[i.TextOnFoundationStrong] : "#DD1D21"};
     }
 
-    .${t}-inner-acinguiux {
-      fill: ${o ? "white" : "#FFC600"};
+    .${n}-inner-acinguiux {
+      fill: ${o ? t[i.TextOnFoundationSubtle] : "#FFC600"};
+    }
+
+    .${n}-symbol-acinguiux {
+      fill: ${o ? t[i.BackgroundFoundation] : "#DD1D21"};
     }
   `;
 });
 export {
-  $ as Pecten
+  D as Pecten
 };
 //# sourceMappingURL=Pecten.styles.js.map

package/build/esm/components/Pecten/Pecten.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport PectenSVG from './components/PectenIcon';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = styled(PectenSVG)<\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\n  const layer = theme.layer({ muted: $muted });\n\n  return css`\n    height: ${width}px;\n    width: ${width}px;\n    padding: ${padding}px;\n\n    .${prefixCls}-border {\n      fill: rgb(255 255 255);\n    }\n\n    .${prefixCls}-outer-acinguiux {\n      fill: ${$muted ? layer[Variables.TextOnFoundationStrong] : '#DD1D21'};\n    }\n\n    .${prefixCls}-inner-acinguiux {\n      fill: ${$muted ? 'white' : '#FFC600'};\n    }\n  `;\n});\n\nexport { Pecten };\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","layer","css","Variables"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAOC,CAAS,EAE7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,QAAY;AACnD,QAAMC,IAAQ,OAAOJ,KAAU,WAAWA,IAAQK,EAAyBL,CAAK,GAC1EM,IAAU,GAAGC,EAA4BL,CAAQ,CAAC,IAClDM,IAAQL,EAAM,MAAM,EAAE,OAAOF,GAAQ;AAE3C,SAAOQ;AAAA,cACKL,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA;AAAA;AAAA;AAAA,OAITA,CAAS;AAAA,cACFE,IAASO,EAAME,EAAU,sBAAsB,IAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,IAAS,UAAU,SAAS;AAAA;AAAA;AAG1C,CAAC;"}
+{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport PectenSVG from './components/PectenIcon';\r\nimport type { IPectenProps } from './Pecten.types';\r\n\r\nconst Pecten = styled(PectenSVG)<\r\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\r\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\r\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\r\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\r\n  const layer = theme.layer({ muted: $muted });\r\n\r\n  return css`\r\n    height: ${width}px;\r\n    width: ${width}px;\r\n    padding: ${padding}px;\r\n\r\n    .${prefixCls}-border {\r\n      fill: ${layer[Variables.BackgroundFoundation]};\r\n    }\r\n\r\n    .${prefixCls}-outer-acinguiux {\r\n      fill: ${$muted ? layer[Variables.TextOnFoundationStrong] : '#DD1D21'};\r\n    }\r\n\r\n    .${prefixCls}-inner-acinguiux {\r\n      fill: ${$muted ? layer[Variables.TextOnFoundationSubtle] : '#FFC600'};\r\n    }\r\n\r\n    .${prefixCls}-symbol-acinguiux {\r\n      fill: ${$muted ? layer[Variables.BackgroundFoundation] : '#DD1D21'};\r\n    }\r\n  `;\r\n});\r\n\r\nexport { Pecten };\r\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","layer","css","Variables"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAOC,CAAS,EAE7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,QAAY;AACnD,QAAMC,IAAQ,OAAOJ,KAAU,WAAWA,IAAQK,EAAyBL,CAAK,GAC1EM,IAAU,GAAGC,EAA4BL,CAAQ,CAAC,IAClDM,IAAQL,EAAM,MAAM,EAAE,OAAOF,GAAQ;AAE3C,SAAOQ;AAAA,cACKL,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA,cACFS,EAAME,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,OAG5CX,CAAS;AAAA,cACFE,IAASO,EAAME,EAAU,sBAAsB,IAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,IAASO,EAAME,EAAU,sBAAsB,IAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,IAASO,EAAME,EAAU,oBAAoB,IAAI,SAAS;AAAA;AAAA;AAGxE,CAAC;"}