acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

@@ -16,15 +16,15 @@ const r = n.ul`
   display: flex;
   justify-content: center;
   align-items: center;
-`, c = n(a)``, f = n(i)``, d = n.div`
+`, c = n(a)``, d = n(i)``, f = n.div`
   display: flex;
   justify-content: center;
   align-items: center;
-`, s = n.div`
+`, g = n.div`
   display: flex;
   justify-content: center;
   align-items: center;
-`, g = n.nav`
+`, s = n.nav`
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -36,19 +36,19 @@ const r = n.ul`
   flex-wrap: wrap;
   gap: ${e[t].default.gap}px;
 
-  & > ${d} {
+  & > ${f} {
     gap: ${e[t].default.itemsPerPage.gap}px;
 
-    & > ${f} {
+    & > ${d} {
       min-width: 0;
       width: ${e[t].default.itemsPerPage.selectWidth}px;
     }
   }
 
-  & > ${g} {
+  & > ${s} {
     gap: ${e[t].default.container.gap}px;
 
-    & > ${s} {
+    & > ${g} {
       gap: ${e[t].default.container.totalGap}px;
     }
 
@@ -57,7 +57,10 @@ const r = n.ul`
 
       & > ${p} {
         & > ${o} {
-          width: ${e[t].default.container.pagination.itemWidth}px;
+          min-width: ${e[t].default.container.pagination.itemWidth}px;
+          & > div {
+            padding: 0;
+          }
         }
       }
     }
@@ -73,13 +76,13 @@ const r = n.ul`
 `
 );
 export {
-  g as DefaultPaginationContainer,
-  d as DefaultPaginationItemsPerPageContainer,
+  s as DefaultPaginationContainer,
+  f as DefaultPaginationItemsPerPageContainer,
   $ as DefaultPaginationWrapper,
   r as PaginationList,
   l as QuickJumperContainer,
-  f as Select,
+  d as Select,
   c as TextInput,
-  s as TotalItems
+  g as TotalItems
 };
 //# sourceMappingURL=DefaultPagination.styles.js.map

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          width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\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,mBACPF,EAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ET,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';\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;"}

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

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
 import type { ISimplePaginationProps } from './Pagination.types';
-declare const SimplePagination: ({ className, size, current, total, quickJumper, startEndButtons, onPageChange, i18n, ...rest }: ISimplePaginationProps) => ReactElement;
+declare const SimplePagination: ({ className, size, current, total, quickJumper, startEndButtons, onPageChange, i18n, numberFormatter, ...rest }: ISimplePaginationProps) => ReactElement;
 export default SimplePagination;
 //# sourceMappingURL=SimplePagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAA6C,MAAM,OAAO,CAAC;AAU9G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AA4BjE,QAAA,MAAM,gBAAgB,mGAUnB,sBAAsB,KAAG,YA2E3B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SimplePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAA6C,MAAM,OAAO,CAAC;AAU9G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AA8BjE,QAAA,MAAM,gBAAgB,oHAWnB,sBAAsB,KAAG,YA4E3B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,82 +1,85 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useState as v, useMemo as S, useEffect as A, useCallback as a } from "react";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as v, useMemo as h, useEffect as A, useCallback as i } from "react";
 import B from "classnames";
-import { Sizes as F, Contrasts as T } from "../../react-base/src/consts/index.js";
-import { useTranslation as j } from "react-i18next";
-import x from "../Text/components/Label/Label.js";
-import { SimplePaginationContainer as w, PaginationList as H, QuickJumperPaginationListItem as D, TextInput as G, QuickJumperText as O } from "./SimplePagination.styles.js";
-import { FirstPageButton as R, PrevPageButton as _, NextPageButton as $, LastPageButton as q } from "./components/PaginationButtons.js";
-import { PAGINATION_CLASS as y } from "../../react-base/src/consts/classes.js";
-const E = ({ size: i, t: n, current: s, total: t, onChange: g }) => /* @__PURE__ */ d(D, { children: [
-  /* @__PURE__ */ r(G, { value: s, onChange: g, size: i }),
-  /* @__PURE__ */ d(O, { children: [
-    /* @__PURE__ */ r(x, { size: i, contrast: T.Subtle, children: n("ofTotal") }),
-    /* @__PURE__ */ r(x, { size: i, contrast: T.Subtle, children: t })
+import { Sizes as j, Contrasts as k } from "../../react-base/src/consts/index.js";
+import { useTranslation as w } from "../../libs/i18next/hooks/useTranslation.js";
+import S from "../Text/components/Label/Label.js";
+import { SimplePaginationContainer as H, PaginationList as D, QuickJumperPaginationListItem as G, TextInput as O, QuickJumperText as R } from "./SimplePagination.styles.js";
+import { FirstPageButton as _, PrevPageButton as $, NextPageButton as q, LastPageButton as y } from "./components/PaginationButtons.js";
+import { defaultNumberFormatter as E } from "./utils/numberFormatter.js";
+import { PAGINATION_CLASS as K } from "../../react-base/src/consts/classes.js";
+const U = ({ size: r, t: o, current: s, total: n, onChange: p, numberFormatter: u }) => /* @__PURE__ */ d(G, { children: [
+  /* @__PURE__ */ t(O, { value: s, onChange: p, size: r }),
+  /* @__PURE__ */ d(R, { children: [
+    /* @__PURE__ */ t(S, { size: r, contrast: k.Subtle, children: o("ofTotal") }),
+    /* @__PURE__ */ t(S, { size: r, contrast: k.Subtle, children: u.format(n) })
   ] })
-] }), P = (i, n) => Math.min(Math.max(i, 1), n), te = ({
-  className: i,
-  size: n = F.Medium,
+] }), P = (r, o) => Math.min(Math.max(r, 1), o), te = ({
+  className: r,
+  size: o = j.Medium,
   current: s = 1,
-  total: t = 1,
-  quickJumper: g,
-  startEndButtons: f,
-  onPageChange: u,
-  i18n: C,
+  total: n = 1,
+  quickJumper: p,
+  startEndButtons: u,
+  onPageChange: f,
+  i18n: T,
+  numberFormatter: x = E(),
   ...L
 }) => {
-  const { t: c } = j("pagination", { i18n: C }), [e, b] = v(s), N = S(() => e === 1, [e]), k = S(() => e === t, [e, t]);
+  const { t: m } = w("pagination", { i18n: T }), [e, b] = v(s), N = h(() => e === 1, [e]), C = h(() => e === n, [e, n]);
   A(() => {
-    b(P(s, t));
-  }, [s, t]);
-  const o = a(
-    (m, l) => {
-      const p = P(m, t);
-      b(p), u == null || u(p, l);
+    b(P(s, n));
+  }, [s, n]);
+  const a = i(
+    (c, g) => {
+      const l = P(c, n);
+      b(l), f?.(l, g);
     },
-    [u, t]
-  ), h = a(
-    (m) => {
-      const l = Number(m.target.value);
-      if (Number.isNaN(l)) {
-        m.preventDefault(), m.stopPropagation();
+    [f, n]
+  ), I = i(
+    (c) => {
+      const g = Number(c.target.value);
+      if (Number.isNaN(g)) {
+        c.preventDefault(), c.stopPropagation();
         return;
       }
-      const p = P(l, t);
-      o(p, e);
+      const l = P(g, n);
+      a(l, e);
     },
-    [o, t, e]
-  ), I = a(() => o(1, e), [o, e]), J = a(
-    () => o(t, e),
-    [o, t, e]
-  ), M = a(
-    () => o(e - 1, e),
-    [o, e]
-  ), Q = a(
-    () => o(e + 1, e),
-    [o, e]
+    [a, n, e]
+  ), F = i(() => a(1, e), [a, e]), J = i(
+    () => a(n, e),
+    [a, n, e]
+  ), M = i(
+    () => a(e - 1, e),
+    [a, e]
+  ), Q = i(
+    () => a(e + 1, e),
+    [a, e]
   );
-  return /* @__PURE__ */ r(
-    w,
+  return /* @__PURE__ */ t(
+    H,
     {
-      className: B(y, i),
-      $size: n,
+      className: B(K, r),
+      $size: o,
       "aria-label": "pagination",
       ...L,
-      children: /* @__PURE__ */ d(H, { children: [
-        f && /* @__PURE__ */ r(R, { onClick: I, size: n, disabled: N, t: c }),
-        /* @__PURE__ */ r(_, { onClick: M, size: n, disabled: N, t: c }),
-        g && /* @__PURE__ */ r(
-          E,
+      children: /* @__PURE__ */ d(D, { children: [
+        u && /* @__PURE__ */ t(_, { onClick: F, size: o, disabled: N, t: m }),
+        /* @__PURE__ */ t($, { onClick: M, size: o, disabled: N, t: m }),
+        p && /* @__PURE__ */ t(
+          U,
           {
-            size: n,
+            size: o,
             current: e,
-            total: t,
-            t: c,
-            onChange: h
+            total: n,
+            t: m,
+            onChange: I,
+            numberFormatter: x
           }
         ),
-        /* @__PURE__ */ r($, { onClick: Q, size: n, disabled: k, t: c }),
-        f && /* @__PURE__ */ r(q, { onClick: J, size: n, disabled: k, t: c })
+        /* @__PURE__ */ t(q, { onClick: Q, size: o, disabled: C, t: m }),
+        u && /* @__PURE__ */ t(y, { onClick: J, size: o, disabled: C, t: m })
       ] })
     }
   );

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';\nimport { useTranslation } from 'react-i18next';\nimport type { TFunction } from 'i18next';\n\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';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  current: number;\n  total: number;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n};\n\nconst SimpleQuickJumper = ({ size, t, current, total, onChange }: 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        {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  ...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          />\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","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","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":";;;;;;;;;AAqBA,MAAMA,IAAoB,CAAC,EAAE,MAAAC,GAAM,GAAAC,GAAG,SAAAC,GAAS,OAAAC,GAAO,UAAAC,QACpD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAiB,OAAON,GAAS,UAAAE,GAAoB,MAAAJ,GAAY;AAAA,EAClE,gBAAAK,EAACI,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAM,MAAAV,GAAY,UAAUW,EAAU,QACpC,UAAAV,EAAE,SAAS,GACd;AAAA,sBACCS,GAAA,EAAM,MAAAV,GAAY,UAAUW,EAAU,QACpC,UAAAR,EAAA,CACH;AAAA,EAAA,EAAA,CACF;AAAA,GACF,GAIIS,IAAoB,CAACC,GAAcV,MAA0B,KAAK,IAAI,KAAK,IAAIU,GAAM,CAAC,GAAGV,CAAK,GAE9FW,KAAmB,CAAC;AAAA,EACxB,WAAAC;AAAA,EACA,MAAAf,IAAOgB,EAAM;AAAA,EACb,SAAAd,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,aAAAc;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAA4C;AAC1C,QAAM,EAAE,GAAApB,EAAA,IAAMqB,EAAe,cAAc,EAAE,MAAAF,GAAM,GAC7C,CAACG,GAAaC,CAAc,IAAIC,EAASvB,CAAO,GAChDwB,IAAcC,EAAQ,MAAMJ,MAAgB,GAAG,CAACA,CAAW,CAAC,GAC5DK,IAAaD,EAAQ,MAAMJ,MAAgBpB,GAAO,CAACoB,GAAapB,CAAK,CAAC;AAE5E,EAAA0B,EAAU,MAAM;AACd,IAAAL,EAAeZ,EAAkBV,GAASC,CAAK,CAAC;AAAA,EAClD,GAAG,CAACD,GAASC,CAAK,CAAC;AAEnB,QAAM2B,IAAsBC;AAAA,IAC1B,CAAClB,GAAcmB,MAAqB;AAClC,YAAMC,IAAUrB,EAAkBC,GAAMV,CAAK;AAC7C,MAAAqB,EAAeS,CAAO,GACtBd,KAAA,QAAAA,EAAec,GAASD;AAAA,IAC1B;AAAA,IACA,CAACb,GAAchB,CAAK;AAAA,EAAA,GAGhB+B,IAA6BH;AAAA,IACjC,CAACI,MAA+C;AAC9C,YAAMC,IAAa,OAAOD,EAAM,OAAO,KAAK;AAE5C,UAAI,OAAO,MAAMC,CAAU,GAAG;AAC5B,QAAAD,EAAM,eAAA,GACNA,EAAM,gBAAA;AAEN;AAAA,MACF;AAEA,YAAMF,IAAUrB,EAAkBwB,GAAYjC,CAAK;AAEnD,MAAA2B,EAAoBG,GAASV,CAAW;AAAA,IAC1C;AAAA,IACA,CAACO,GAAqB3B,GAAOoB,CAAW;AAAA,EAAA,GAGpCc,IAAgBN,EAAY,MAAMD,EAAoB,GAAGP,CAAW,GAAG,CAACO,GAAqBP,CAAW,CAAC,GACzGe,IAAeP;AAAA,IACnB,MAAMD,EAAoB3B,GAAOoB,CAAW;AAAA,IAC5C,CAACO,GAAqB3B,GAAOoB,CAAW;AAAA,EAAA,GAEpCgB,IAAeR;AAAA,IACnB,MAAMD,EAAoBP,IAAc,GAAGA,CAAW;AAAA,IACtD,CAACO,GAAqBP,CAAW;AAAA,EAAA,GAE7BiB,IAAeT;AAAA,IACnB,MAAMD,EAAoBP,IAAc,GAAGA,CAAW;AAAA,IACtD,CAACO,GAAqBP,CAAW;AAAA,EAAA;AAGnC,SACE,gBAAAhB;AAAA,IAACkC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAkB5B,CAAS;AAAA,MACjD,OAAOf;AAAA,MACP,cAAW;AAAA,MACV,GAAGqB;AAAA,MAEJ,UAAA,gBAAAhB,EAACuC,GAAA,EACE,UAAA;AAAA,QAAA1B,uBAAoB2B,GAAA,EAAgB,SAASR,GAAe,MAAArC,GAAY,UAAU0B,GAAa,GAAAzB,GAAM;AAAA,0BACrG6C,GAAA,EAAe,SAASP,GAAc,MAAAvC,GAAY,UAAU0B,GAAa,GAAAzB,GAAM;AAAA,QAC/EgB,KACC,gBAAAV;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,MAAAC;AAAA,YACA,SAASuB;AAAA,YACT,OAAApB;AAAA,YACA,GAAAF;AAAA,YACA,UAAUiC;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGba,GAAA,EAAe,SAASP,GAAc,MAAAxC,GAAY,UAAU4B,GAAY,GAAA3B,GAAM;AAAA,QAC9EiB,uBAAoB8B,GAAA,EAAe,SAASV,GAAc,MAAAtC,GAAY,UAAU4B,GAAY,GAAA3B,EAAA,CAAM;AAAA,MAAA,EAAA,CACrG;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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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"}

package/build/esm/components/Pagination/utils/numberFormatter.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultNumberFormatter: () => Intl.NumberFormat;
+//# sourceMappingURL=numberFormatter.d.ts.map

package/build/esm/components/Pagination/utils/numberFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberFormatter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/utils/numberFormatter.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,yBAAyD,CAAC"}

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

@@ -0,0 +1,5 @@
+const e = () => Intl.NumberFormat("en-GB", { style: "decimal" });
+export {
+  e as defaultNumberFormatter
+};
+//# sourceMappingURL=numberFormatter.js.map

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

@@ -0,0 +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;"}

package/build/esm/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.js

@@ -1,27 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getButtonSentiment as i } from "../../../../react-base/src/components/Popconfirm/Popconfirm.utils.js";
-import { getSmallerSize as s } from "../../../../react-base/src/utils/sizesUtils.js";
-import { PopconfirmActions as S } from "../../Popconfirm.styles.js";
-import A from "../../../Button/Button.js";
-import P from "../../../Button/SentimentButton.js";
-const $ = ({ actions: e, size: m, sentiment: b }) => /* @__PURE__ */ l(S, { $size: m, children: e == null ? void 0 : e.map((r) => {
-  var f;
-  const p = i(b, (f = r.props) == null ? void 0 : f.variant);
-  return p ? /* @__PURE__ */ l(
-    P,
+import { jsx as m } from "react/jsx-runtime";
+import { getButtonSentiment as s } from "../../../../react-base/src/components/Popconfirm/Popconfirm.utils.js";
+import { getSmallerSize as l } from "../../../../react-base/src/utils/sizesUtils.js";
+import { PopconfirmActions as n } from "../../Popconfirm.styles.js";
+import t from "../../../Button/Button.js";
+import f from "../../../Button/SentimentButton.js";
+const d = ({ actions: i, size: e, sentiment: p }) => /* @__PURE__ */ m(n, { $size: e, children: i?.map((r) => {
+  const o = s(p, r.props?.variant);
+  return o ? /* @__PURE__ */ m(
+    f,
     {
-      sentiment: p,
-      size: s(m),
-      onClick: r == null ? void 0 : r.action,
+      sentiment: o,
+      size: l(e),
+      onClick: r?.action,
       label: r.label,
       ...r.props
     },
     r.label
-  ) : /* @__PURE__ */ l(
-    A,
+  ) : /* @__PURE__ */ m(
+    t,
     {
-      size: s(m),
-      onClick: r == null ? void 0 : r.action,
+      size: l(e),
+      onClick: r?.action,
       label: r.label,
       ...r.props
     },
@@ -29,6 +28,6 @@ const $ = ({ actions: e, size: m, sentiment: b }) => /* @__PURE__ */ l(S, { $siz
   );
 }) });
 export {
-  $ as default
+  d as default
 };
 //# sourceMappingURL=PopconfirmActions.js.map

package/build/esm/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopconfirmActions.js","sources":["../../../../../../src/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.tsx"],"sourcesContent":["import { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from '../../Popconfirm.styles';\nimport type { IPopconfirmActionsProps } from './PopconfirmActions.types';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst PopconfirmActions = ({ actions, size, sentiment }: IPopconfirmActionsProps) => (\n  <Styled.PopconfirmActions $size={size}>\n    {actions?.map((actionButton) => {\n      const buttonSentiment = PopconfirmUtils.getButtonSentiment(sentiment, actionButton.props?.variant);\n\n      if (!buttonSentiment) {\n        return (\n          <Button\n            key={actionButton.label}\n            size={getSmallerSize(size) as ButtonTypes.Size}\n            onClick={actionButton?.action}\n            label={actionButton.label}\n            {...actionButton.props}\n          />\n        );\n      }\n\n      return (\n        <SentimentButton\n          key={actionButton.label}\n          sentiment={buttonSentiment}\n          size={getSmallerSize(size) as ButtonTypes.Size}\n          onClick={actionButton?.action}\n          label={actionButton.label}\n          {...actionButton.props}\n        />\n      );\n    })}\n  </Styled.PopconfirmActions>\n);\n\nexport default PopconfirmActions;\n"],"names":["PopconfirmActions","actions","size","sentiment","jsx","Styled.PopconfirmActions","actionButton","buttonSentiment","PopconfirmUtils.getButtonSentiment","_a","SentimentButton","getSmallerSize","Button"],"mappings":";;;;;;AASA,MAAMA,IAAoB,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,WAAAC,QAC1C,gBAAAC,EAACC,GAAA,EAAyB,OAAOH,GAC9B,UAAAD,KAAA,gBAAAA,EAAS,IAAI,CAACK,MAAiB;;AAC9B,QAAMC,IAAkBC,EAAmCL,IAAWM,IAAAH,EAAa,UAAb,gBAAAG,EAAoB,OAAO;AAEjG,SAAKF,IAaH,gBAAAH;AAAA,IAACM;AAAA,IAAA;AAAA,MAEC,WAAWH;AAAA,MACX,MAAMI,EAAeT,CAAI;AAAA,MACzB,SAASI,KAAA,gBAAAA,EAAc;AAAA,MACvB,OAAOA,EAAa;AAAA,MACnB,GAAGA,EAAa;AAAA,IAAA;AAAA,IALZA,EAAa;AAAA,EAAA,IAZlB,gBAAAF;AAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,MAAMD,EAAeT,CAAI;AAAA,MACzB,SAASI,KAAA,gBAAAA,EAAc;AAAA,MACvB,OAAOA,EAAa;AAAA,MACnB,GAAGA,EAAa;AAAA,IAAA;AAAA,IAJZA,EAAa;AAAA,EAAA;AAmB1B,GAAC,CACH;"}
+{"version":3,"file":"PopconfirmActions.js","sources":["../../../../../../src/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.tsx"],"sourcesContent":["import { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from '../../Popconfirm.styles';\nimport type { IPopconfirmActionsProps } from './PopconfirmActions.types';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst PopconfirmActions = ({ actions, size, sentiment }: IPopconfirmActionsProps) => (\n  <Styled.PopconfirmActions $size={size}>\n    {actions?.map((actionButton) => {\n      const buttonSentiment = PopconfirmUtils.getButtonSentiment(sentiment, actionButton.props?.variant);\n\n      if (!buttonSentiment) {\n        return (\n          <Button\n            key={actionButton.label}\n            size={getSmallerSize(size) as ButtonTypes.Size}\n            onClick={actionButton?.action}\n            label={actionButton.label}\n            {...actionButton.props}\n          />\n        );\n      }\n\n      return (\n        <SentimentButton\n          key={actionButton.label}\n          sentiment={buttonSentiment}\n          size={getSmallerSize(size) as ButtonTypes.Size}\n          onClick={actionButton?.action}\n          label={actionButton.label}\n          {...actionButton.props}\n        />\n      );\n    })}\n  </Styled.PopconfirmActions>\n);\n\nexport default PopconfirmActions;\n"],"names":["PopconfirmActions","actions","size","sentiment","jsx","Styled.PopconfirmActions","actionButton","buttonSentiment","PopconfirmUtils.getButtonSentiment","SentimentButton","getSmallerSize","Button"],"mappings":";;;;;;AASA,MAAMA,IAAoB,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,WAAAC,QAC1C,gBAAAC,EAACC,GAAA,EAAyB,OAAOH,GAC9B,UAAAD,GAAS,IAAI,CAACK,MAAiB;AAC9B,QAAMC,IAAkBC,EAAmCL,GAAWG,EAAa,OAAO,OAAO;AAEjG,SAAKC,IAaH,gBAAAH;AAAA,IAACK;AAAA,IAAA;AAAA,MAEC,WAAWF;AAAA,MACX,MAAMG,EAAeR,CAAI;AAAA,MACzB,SAASI,GAAc;AAAA,MACvB,OAAOA,EAAa;AAAA,MACnB,GAAGA,EAAa;AAAA,IAAA;AAAA,IALZA,EAAa;AAAA,EAAA,IAZlB,gBAAAF;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,MAAMD,EAAeR,CAAI;AAAA,MACzB,SAASI,GAAc;AAAA,MACvB,OAAOA,EAAa;AAAA,MACnB,GAAGA,EAAa;AAAA,IAAA;AAAA,IAJZA,EAAa;AAAA,EAAA;AAmB1B,CAAC,EAAA,CACH;"}

package/build/esm/components/RadioButton/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,QAAA,MAAM,WAAW,gHAuChB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,QAAA,MAAM,WAAW,gHAiDhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/RadioButton/RadioButton.js

@@ -1,52 +1,57 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import R from "classnames";
-import { Sizes as $, NOOP as B } from "../../react-base/src/consts/index.js";
-import { RadioButtonWrapper as c, RadioButton as x, FakeRadio as N, RadioButtonLabel as O } from "./RadioButton.styles.js";
-import { RADIO_BUTTON_CLASS as h } from "../../react-base/src/consts/classes.js";
-const T = u(
+import { jsxs as R, jsx as o } from "react/jsx-runtime";
+import { forwardRef as $, useId as c } from "react";
+import B from "classnames";
+import { Sizes as h, NOOP as x } from "../../react-base/src/consts/index.js";
+import { RadioButtonWrapper as I, RadioButton as N, RadioButtonIcon as O, RadioButtonLabel as S } from "./RadioButton.styles.js";
+import { RADIO_BUTTON_CLASS as j } from "../../react-base/src/consts/classes.js";
+const v = $(
   ({
-    className: d = "",
-    label: a,
-    size: i = `${$.Medium}`,
-    wrapperProps: m,
-    checked: r,
-    disabled: t = !1,
-    invalid: e = !1,
-    multiline: s = !1,
-    onChange: f = B,
-    ...n
-  }, l) => /* @__PURE__ */ p(
-    c,
-    {
-      $size: i,
-      className: R(h, d),
-      $disabled: t,
-      $checked: r,
-      $multiline: s,
-      $invalid: e,
-      ...m,
-      children: [
-        /* @__PURE__ */ o(
-          x,
-          {
-            type: "radio",
-            onChange: f,
-            disabled: t,
-            checked: r,
-            tabIndex: 0,
-            "aria-invalid": e,
-            ref: l,
-            ...n
-          }
-        ),
-        /* @__PURE__ */ o(N, { "aria-hidden": !0 }),
-        !!a && /* @__PURE__ */ o(O, { $size: i, children: a })
-      ]
-    }
-  )
+    id: t,
+    className: m = "",
+    label: i,
+    size: r = `${h.Medium}`,
+    wrapperProps: n,
+    checked: a,
+    disabled: e = !1,
+    invalid: d = !1,
+    multiline: u = !1,
+    onChange: f = x,
+    ...l
+  }, p) => {
+    const s = c();
+    return /* @__PURE__ */ R(
+      I,
+      {
+        $size: r,
+        className: B(j, m),
+        $disabled: e,
+        $checked: a,
+        $multiline: u,
+        $invalid: d,
+        ...n,
+        children: [
+          /* @__PURE__ */ o(
+            N,
+            {
+              id: t ?? s,
+              type: "radio",
+              onChange: f,
+              disabled: e,
+              checked: a,
+              tabIndex: 0,
+              "aria-invalid": d,
+              ref: p,
+              ...l
+            }
+          ),
+          /* @__PURE__ */ o(O, { "aria-hidden": !0 }),
+          !!i && /* @__PURE__ */ o(S, { htmlFor: t ?? s, $size: r, children: i })
+        ]
+      }
+    );
+  }
 );
 export {
-  T as default
+  v as default
 };
 //# sourceMappingURL=RadioButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './RadioButton.styles';\nimport type { IRadioButtonProps } from './RadioButton.types';\n\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\n  (\n    {\n      className = '',\n      label,\n      size = `${Sizes.Medium}`,\n      wrapperProps,\n      checked,\n      disabled = false,\n      invalid = false,\n      multiline = false,\n      onChange = NOOP,\n      ...rest\n    }: IRadioButtonProps,\n    ref,\n  ) => (\n    <Styled.RadioButtonWrapper\n      $size={size}\n      className={classNames(RADIO_BUTTON_CLASS, className)}\n      $disabled={disabled}\n      $checked={checked}\n      $multiline={multiline}\n      $invalid={invalid}\n      {...wrapperProps}\n    >\n      <Styled.RadioButton\n        type=\"radio\"\n        onChange={onChange}\n        disabled={disabled}\n        checked={checked}\n        tabIndex={0}\n        aria-invalid={invalid}\n        ref={ref}\n        {...rest}\n      />\n      <Styled.FakeRadio aria-hidden={true} />\n      {!!label && <Styled.RadioButtonLabel $size={size}>{label}</Styled.RadioButtonLabel>}\n    </Styled.RadioButtonWrapper>\n  ),\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.FakeRadio","Styled.RadioButtonLabel"],"mappings":";;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOZ;AAAA,MACP,WAAWa,EAAWC,GAAoBhB,CAAS;AAAA,MACnD,WAAWM;AAAA,MACX,UAAUD;AAAA,MACV,YAAYG;AAAA,MACZ,UAAUD;AAAA,MACT,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAAT;AAAA,YACA,UAAAH;AAAA,YACA,SAAAD;AAAA,YACA,UAAU;AAAA,YACV,gBAAcE;AAAA,YACd,KAAAK;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAM,EAACE,GAAA,EAAiB,eAAa,GAAA,CAAM;AAAA,QACpC,CAAC,CAAClB,KAAS,gBAAAgB,EAACG,GAAA,EAAwB,OAAOlB,GAAO,UAAAD,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/D;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './RadioButton.styles';\nimport type { IRadioButtonProps } from './RadioButton.types';\n\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\n  (\n    {\n      id,\n      className = '',\n      label,\n      size = `${Sizes.Medium}`,\n      wrapperProps,\n      checked,\n      disabled = false,\n      invalid = false,\n      multiline = false,\n      onChange = NOOP,\n      ...rest\n    }: IRadioButtonProps,\n    ref,\n  ) => {\n    const uid = useId();\n\n    return (\n      <Styled.RadioButtonWrapper\n        $size={size}\n        className={classNames(RADIO_BUTTON_CLASS, className)}\n        $disabled={disabled}\n        $checked={checked}\n        $multiline={multiline}\n        $invalid={invalid}\n        {...wrapperProps}\n      >\n        <Styled.RadioButton\n          id={id ?? uid}\n          type=\"radio\"\n          onChange={onChange}\n          disabled={disabled}\n          checked={checked}\n          tabIndex={0}\n          aria-invalid={invalid}\n          ref={ref}\n          {...rest}\n        />\n        <Styled.RadioButtonIcon aria-hidden={true} />\n        {!!label && (\n          <Styled.RadioButtonLabel htmlFor={id ?? uid} $size={size}>\n            {label}\n          </Styled.RadioButtonLabel>\n        )}\n      </Styled.RadioButtonWrapper>\n    );\n  },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","id","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","uid","useId","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.RadioButtonIcon","Styled.RadioButtonLabel"],"mappings":";;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAMC,EAAA;AAEZ,WACE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOd;AAAA,QACP,WAAWe,EAAWC,GAAoBlB,CAAS;AAAA,QACnD,WAAWM;AAAA,QACX,UAAUD;AAAA,QACV,YAAYG;AAAA,QACZ,UAAUD;AAAA,QACT,GAAGH;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,IAAIrB,KAAMc;AAAA,cACV,MAAK;AAAA,cACL,UAAAJ;AAAA,cACA,UAAAH;AAAA,cACA,SAAAD;AAAA,cACA,UAAU;AAAA,cACV,gBAAcE;AAAA,cACd,KAAAK;AAAA,cACC,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAQ,EAACE,GAAA,EAAuB,eAAa,GAAA,CAAM;AAAA,UAC1C,CAAC,CAACpB,KACD,gBAAAkB,EAACG,GAAA,EAAwB,SAASvB,KAAMc,GAAK,OAAOX,GACjD,UAAAD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/build/esm/components/RadioButton/RadioButton.styles.d.ts

@@ -2,9 +2,9 @@ import type { PickTransient } from '../../react-base/src/types';
 import type { IRadioButtonProps } from './RadioButton.types';
 type RadioButtonWrapperPropKeys = 'checked' | 'disabled' | 'invalid' | 'multiline';
 type WrapperProps = Required<PickTransient<IRadioButtonProps, 'size'>> & PickTransient<IRadioButtonProps, RadioButtonWrapperPropKeys>;
-declare const FakeRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const RadioButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const RadioButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-declare const RadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, PickTransient<IRadioButtonProps, "size">>> & string;
-declare const RadioButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, WrapperProps>> & string;
-export { RadioButton, FakeRadio, RadioButtonWrapper, RadioButtonLabel };
+declare const RadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, PickTransient<IRadioButtonProps, "size">>> & string;
+declare const RadioButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>> & string;
+export { RadioButton, RadioButtonIcon, RadioButtonWrapper, RadioButtonLabel };
 //# sourceMappingURL=RadioButton.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAYnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,KAAK,0BAA0B,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;AACnF,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,GACpE,aAAa,CAAC,iBAAiB,EAAE,0BAA0B,CAAC,CAAC;AAI/D,QAAA,MAAM,SAAS,6NAEd,CAAC;AAEF,QAAA,MAAM,WAAW,sOAEhB,CAAC;AAEF,QAAA,MAAM,gBAAgB,+QAIrB,CAAC;AAcF,QAAA,MAAM,kBAAkB,0PA0HvB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"RadioButton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,KAAK,0BAA0B,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;AACnF,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,GACpE,aAAa,CAAC,iBAAiB,EAAE,0BAA0B,CAAC,CAAC;AAI/D,QAAA,MAAM,eAAe,6NAIpB,CAAC;AAEF,QAAA,MAAM,WAAW,sOAGhB,CAAC;AAEF,QAAA,MAAM,gBAAgB,sRAIrB,CAAC;AAcF,QAAA,MAAM,kBAAkB,iPAiIvB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}