@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.20

package/README.md

@@ -1,8 +1,7 @@
 <p align="center">
   <a href="https://kubit-ui.com">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="./assets/banner_kubit_readme.png">
-      <img src="./assets/banner_kubit_readme.png" width="70%">
+      <img src="https://raw.githubusercontent.com/kubit-ui/kubit-react-components/27f3b176bf71555552834d566ebf4b6c0c1b2da5/assets/banner_kubit_readme.png" alt="Kubit React Components" />
     </picture>
   </a>
 </p>
@@ -230,16 +229,12 @@ To run Storybook locally:
 2. Install dependencies:
 
    ```bash
-   npm install
-   # or
-   yarn install
+   pnpm install
    ```
 
 3. Start Storybook:
    ```bash
-   npm run storybook
-   # or
-   yarn storybook
+   pnpm storybook
    ```
 
 This will start the Storybook server at `http://localhost:6006` where you can see all components in action.
@@ -250,19 +245,13 @@ Run the test suite to ensure everything works correctly:
 
 ```bash
 # Run all tests
-npm run test
-# or
-yarn test
+pnpm test
 
 # Watch mode (for development)
-npm run test:watch
-# or
-yarn test:watch
+pnpm test:watch
 
 # Coverage report
-npm run test:coverage
-# or
-yarn test:coverage
+pnpm test:coverage
 ```
 
 **Test Stack:**
@@ -303,15 +292,15 @@ We welcome contributions from the community! Here's how you can help:
 4. **Install Dependencies**:
 
    ```bash
-   yarn install
+   pnpm install
    ```
 
 5. **Make Changes**: Make your changes and test them thoroughly.
 
    ```bash
-   yarn test
-   yarn lint
-   yarn typecheck
+   pnpm test
+   pnpm lint
+   pnpm typecheck
    ```
 
 6. **Commit Changes**: Use conventional commits for your messages.
@@ -341,25 +330,25 @@ We welcome contributions from the community! Here's how you can help:
 
 ```bash
 # Start development server
-yarn dev
+pnpm dev
 
 # Run Storybook
-yarn storybook
+pnpm storybook
 
 # Build library
-yarn dist
+pnpm dist
 
 # Run tests
-yarn test
+pnpm test
 
 # Lint code
-yarn lint
+pnpm lint
 
 # Type check
-yarn typecheck
+pnpm typecheck
 
 # Check package size
-yarn pack:size
+pnpm pack:size
 ```
 
 For more detailed information, please refer to the [CONTRIBUTING.md](./CONTRIBUTING.md) file.

package/dist/cjs/_virtual/jsx-runtime.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("../node_modules/react/jsx-runtime.js").__require();exports.jsxRuntimeExports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js").__require();exports.jsxRuntimeExports=e;

package/dist/cjs/components/accordion/accordionStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("./types/state.js"),i=e.forwardRef(({children:e,component:i="div",cssClasses:a,dataTestId:c="accordion",expanded:d,header:u,headerComponent:m="h3",onHeaderClick:l},p)=>{const x=`${n.useId("accordion")}-content`,j={"data-state":d?r.STATE.EXPANDED:r.STATE.COLLAPSED},h=o.pickCustomAttributes(j);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:p,className:a?.accordion,component:i,"data-testid":c,...h,children:t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(s.CustomComponent,{className:a?.header,component:m,...h,children:t.jsxRuntimeExports.jsx("button",{"aria-controls":x,"aria-expanded":d,className:a?.headerbutton,"data-testid":`${c}-header`,type:"button",onClick:l,...h,children:u})}),t.jsxRuntimeExports.jsx("div",{className:a?.content,"data-kbt-accordion-content":!0,"data-testid":`${c}-content`,id:x,...h,children:t.jsxRuntimeExports.jsx("div",{className:a?.innercontent,"data-kbt-accordion-content-inner":!0,...h,children:e})})]})})});exports.AccordionStandAlone=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),n=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("./types/state.js"),r=e.forwardRef(({children:r,component:i="div",cssClasses:a,dataTestId:c="accordion",expanded:d,header:u,headerComponent:m="h3",onHeaderClick:p},l)=>{const x=`${`accordion-${e.useId().replace(/:/g,"")}`}-content`,j={"data-state":d?s.STATE.EXPANDED:s.STATE.COLLAPSED},C=o.pickCustomAttributes(j);return t.jsxRuntimeExports.jsx(n.CustomComponent,{ref:l,className:a?.accordion,component:i,"data-testid":c,...C,children:t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(n.CustomComponent,{className:a?.header,component:m,...C,children:t.jsxRuntimeExports.jsx("button",{"aria-controls":x,"aria-expanded":d,className:a?.headerbutton,"data-testid":`${c}-header`,type:"button",onClick:p,...C,children:u})}),t.jsxRuntimeExports.jsx("div",{className:a?.content,"data-kbt-accordion-content":!0,"data-testid":`${c}-content`,id:x,...C,children:t.jsxRuntimeExports.jsx("div",{className:a?.innercontent,"data-kbt-accordion-content-inner":!0,...C,children:r})})]})})});exports.AccordionStandAlone=r;

package/dist/cjs/components/alert/alertControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./alertStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...l},o)=>{const i=r.useClassName({additionalClassNames:s,component:"ALERT",variant:t});return e.jsxRuntimeExports.jsx(a.AlertStandAlone,{ref:o,cssClasses:i,...l})});exports.Alert=t;

package/dist/cjs/components/alert/alertStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),o=e.forwardRef(({ariaLive:e="off",content:o,cssClasses:n,id:a,role:c,...l},u)=>{const d=l["data-testid"]||"alert",{"data-testid":p,...x}=l,m=r.pickCustomAttributes(x),j=i.processTextProp(o);return t.jsxRuntimeExports.jsx("div",{...m,ref:u,"aria-live":e,className:n?.container,"data-testid":d,id:a,role:c,children:t.jsxRuntimeExports.jsx("div",{className:n?.contentcontainer,children:"string"==typeof o?t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.description},component:"p",...j}):j.children})})});exports.AlertStandAlone=o;

package/dist/cjs/components/alert/index.js

@@ -0,0 +1,2 @@
+const { Alert } = require('./alertControlled.js');
+module.exports = { ...module.exports, Alert };

package/dist/cjs/components/avatar/fragments/drawContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../dot/dot.js"),t=require("../../elementOrIcon/elementOrIcon.js"),r=require("../../renderIf/renderIf.js"),n=require("../../text/text.js"),i=require("../../../lib/utils/process/processIcon/processIcon.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.DrawContent=({contentType:c,cssClasses:x,customAttributes:u,dot:j,icon:l,initials:p,maxLengthInitials:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!j?.number,children:e.jsxRuntimeExports.jsx("span",{className:x?.dot,children:e.jsxRuntimeExports.jsx(s.Dot,{...j})})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:"with-icon"===c,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:x?.icon,customAttributes:u,...i.processIcon(l)})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:"with-initials"===c,children:e.jsxRuntimeExports.jsx(n.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:u,...o.processText(p,d)})})]});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../dot/dot.js"),e=require("../../text/text.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../lib/utils/process/processCommonProp.js");exports.DrawContent=({contentType:i,cssClasses:n,customAttributes:c,dot:x,icon:u,initials:m,maxLengthInitials:a})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!!x?.number&&t.jsxRuntimeExports.jsx("span",{className:n?.dot,children:t.jsxRuntimeExports.jsx(s.Dot,{...x})}),"with-icon"===i&&t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.icon,customAttributes:c,...r.processIconProp(u)}),"with-initials"===i&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:c,...r.processTextProp(m,a)})]});

package/dist/cjs/components/badge/badgeStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../dot/dot.js"),r=require("../renderIf/renderIf.js"),i=require("../text/text.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processIcon/processIcon.js"),a=require("../../lib/utils/process/processText/processText.js"),c=require("../elementOrIcon/elementOrIcon.js"),l=s.forwardRef(({active:l,ariaLiveText:u,cssSizeClasses:x,cssVariantClasses:d,dot:p,hasDot:m,icon:j,label:b,labelIcon:R,onBadgeBlur:E,onClick:I,role:f,...h},C)=>{const g=s.useRef(null),q=s.useRef(null),A={"data-active":!!l},k=n.pickCustomAttributes({...h,customAttributes:A}),v=n.pickCustomAttributes(A),N=k["data-testid"]||"badge";s.useImperativeHandle(C,()=>q.current,[]);const $=s.useCallback(e=>{E?.(e)},[E]),T=s.useCallback(e=>{I?.(e)},[I]);return e.jsxRuntimeExports.jsx("div",{ref:q,className:`${d?.badge} ${x?.badge}`,"data-testid":`${N}-container`,...v,children:e.jsxRuntimeExports.jsxs("button",{ref:g,className:d?.button,"data-testid":N,role:f,type:"button",onBlur:$,onClick:T,...k,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.dotcontainer,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p&&!!m,children:e.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:d?.dot,children:e.jsxRuntimeExports.jsx(t.Dot,{...p})})}),e.jsxRuntimeExports.jsx(c.ElementOrIcon,{className:`${d?.icon} ${x?.icon}`,...o.processIcon(j),customAttributes:A})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!b,children:e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:d?.labelcontainer,children:[e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:`${x?.label} ${d?.label}`},component:"span",...a.processText(b),customAttributes:A}),e.jsxRuntimeExports.jsx(c.ElementOrIcon,{className:d?.labelicon,rotate:l?"180deg":"0deg",transitionDuration:"0.2s",...o.processIcon(R),customAttributes:A})]})}),e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"polite",children:u})]})})});exports.BadgeStandAlone=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../dot/dot.js"),r=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processCommonProp.js"),a=t.forwardRef(({active:a,ariaLiveText:l,cssSizeClasses:c,cssVariantClasses:u,dot:x,hasDot:d,icon:m,label:p,labelIcon:j,onBadgeBlur:b,onClick:R,role:C,...E},g)=>{const h=t.useRef(null),A=t.useRef(null),k={"data-active":!!a},v=i.pickCustomAttributes({...E,customAttributes:k}),I=i.pickCustomAttributes(k),f=v["data-testid"]||"badge";t.useImperativeHandle(g,()=>A.current,[]);const q=t.useCallback(e=>{b?.(e)},[b]),N=t.useCallback(e=>{R?.(e)},[R]);return e.jsxRuntimeExports.jsx("div",{ref:A,className:`${u?.badge} ${c?.badge}`,"data-testid":`${f}-container`,...I,children:e.jsxRuntimeExports.jsxs("button",{ref:h,className:u?.button,"data-testid":f,role:C,type:"button",onBlur:q,onClick:N,...v,children:[e.jsxRuntimeExports.jsxs("span",{className:u?.dotcontainer,children:[!!x&&!!d&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:u?.dot,children:e.jsxRuntimeExports.jsx(s.Dot,{...x})}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:`${u?.icon} ${c?.icon}`,...n.processIconProp(m),customAttributes:k})]}),!!p&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:u?.labelcontainer,children:[e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:`${c?.label} ${u?.label}`},component:"span",...n.processTextProp(p),customAttributes:k}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.labelicon,rotate:a?"180deg":"0deg",transitionDuration:"0.2s",...n.processIconProp(j),customAttributes:k})]}),e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"polite",children:l})]})})});exports.BadgeStandAlone=a;

package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../elementOrIcon/elementOrIcon.js"),s=require("../../../link/link.js"),i=require("../../../renderIf/renderIf.js"),r=require("../../../text/text.js"),n=require("../../../../lib/hooks/useManageState/useManageState.js"),a=require("../../../../lib/types/states/states.js"),l=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.CrumbStandAlone=({crumb:o,cssClasses:d,dividerIcon:u,lastCrumb:c,lastOneCrumbComponent:x="span",link:m,...j})=>{const{setRef:b}=n.useManageState({active:c,states:Object.values(a.STATES)}),p=l.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs("li",{ref:b,"aria-current":c?"page":void 0,className:d?.crumb,"data-testid":j["data-testid"],children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!c,children:e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:d?.lastonecrumb},component:x,"data-testid":"last-breadcrumb",id:o.id,children:o.name})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!c,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!m,children:e.jsxRuntimeExports.jsx("div",{className:d?.linkcontainer,children:e.jsxRuntimeExports.jsx(s.Link,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":o.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:o.id,url:o.url,...m,onClick:e=>o.onClick?.(o.url,e),children:o.name})})}),e.jsxRuntimeExports.jsx("div",{className:d?.icondividercontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:d?.icondivider,...u})})]})})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../link/link.js"),s=require("../../../text/text.js"),i=require("../../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../../lib/hooks/useManageState/useManageState.js"),a=require("../../../../lib/types/states/states.js"),n=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.CrumbStandAlone=({crumb:l,cssClasses:o,dividerIcon:u,lastCrumb:c,lastOneCrumbComponent:d="span",link:m,...x})=>{const{setRef:j}=r.useManageState({active:c,states:Object.values(a.STATES)}),b=n.pickCustomAttributes(x);return e.jsxRuntimeExports.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":x["data-testid"],children:[!!c&&e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[!!m&&e.jsxRuntimeExports.jsx("div",{className:o?.linkcontainer,children:e.jsxRuntimeExports.jsx(t.Link,{...b,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...m,onClick:e=>l.onClick?.(l.url,e),children:l.name})}),e.jsxRuntimeExports.jsx("div",{className:o?.icondividercontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:o?.icondivider,...u})})]})]})};

package/dist/cjs/components/button/button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useManageState/useManageState.js"),i=require("../../lib/types/states/states.js"),n=require("../../lib/utils/process/processIcon/processIcon.js"),o=require("./buttonStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,children:l,disabled:u=!1,icon:d,loading:c=!1,size:p,type:b="button",variant:j,...m},S)=>{const C=a.useClassName({additionalClassNames:r,component:"BUTTON",variant:j}),g=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:p}),{setRef:N}=t.useManageState({disabled:u,loading:c,ref:S,states:Object.values(i.STATES)});return l||n.processIcon(d).icon?e.jsxRuntimeExports.jsx(o.ButtonStandAlone,{...m,ref:N,cssSizeClasses:g,cssVariantClasses:C,disabled:u,icon:d,loading:c,type:b,children:l}):null});exports.Button=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useManageState/useManageState.js"),i=require("../../lib/types/states/states.js"),n=require("../../lib/utils/process/processCommonProp.js"),o=require("./buttonStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,children:l,disabled:u=!1,icon:d,loading:c=!1,size:p,type:m="button",variant:b,...j},C)=>{const S=a.useClassName({additionalClassNames:r,component:"BUTTON",variant:b}),g=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:p}),{setRef:N}=t.useManageState({disabled:u,loading:c,ref:C,states:Object.values(i.STATES)});return l||n.processIconProp(d).icon?e.jsxRuntimeExports.jsx(o.ButtonStandAlone,{...j,ref:N,cssSizeClasses:g,cssVariantClasses:S,disabled:u,icon:d,loading:c,type:m,children:l}):null});exports.Button=r;

package/dist/cjs/components/button/buttonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../renderIf/renderIf.js"),i=require("../../lib/types/positions/positions.js"),r=require("../../lib/utils/classNames/classNames.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processIcon/processIcon.js"),l=require("../elementOrIcon/elementOrIcon.js"),a=s.forwardRef(({alignText:a,children:c,cssSizeClasses:u,cssVariantClasses:d,disabled:m,form:x,fullWidth:p,icon:j,iconPosition:b,id:I,loader:f,loading:h,minWidth:R,onClick:E,role:N,tabIndex:q,title:y,type:C,...g},A)=>{const O=s.useMemo(()=>u?.dynamic_values({$alignText:a||"left"}).object,[a]),S={"data-content":s.Children.toArray(c)[0],"data-full-width":p,"data-loading":h,"data-position":b||i.POSITIONS.LEFT},k=n.pickCustomAttributes({...g,customAttributes:S});return e.jsxRuntimeExports.jsxs("button",{ref:A,className:r.classNames(u?.button,d?.button),"data-testid":"button",disabled:m,form:x,id:I,role:N,style:O,tabIndex:q,title:y,type:C,onClick:E,...k,...S,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!f&&!!h,children:e.jsxRuntimeExports.jsx("span",{className:r.classNames(u?.loader,d?.loader),children:f})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!h,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.ElementOrIcon,{...o.processIcon(j),className:r.classNames(u?.icon,d?.icon)}),c]})})]})});exports.ButtonStandAlone=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/positions/positions.js"),o=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processCommonProp.js"),l=e.forwardRef(({alignText:l,children:a,cssSizeClasses:c,cssVariantClasses:u,disabled:d,form:m,fullWidth:p,icon:x,iconPosition:b,id:j,loader:f,loading:C,minWidth:N,onClick:h,role:y,tabIndex:I,title:g,type:q,...E},A)=>{const O=e.useMemo(()=>c?.dynamic_values({$alignText:l||"left"}).object,[l]),R={"data-content":e.Children.toArray(a)[0],"data-full-width":p,"data-loading":C,"data-position":b||i.POSITIONS.LEFT},S=r.pickCustomAttributes({...E,customAttributes:R});return s.jsxRuntimeExports.jsxs("button",{ref:A,className:o.classNames(c?.button,u?.button),"data-testid":"button",disabled:d,form:m,id:j,role:y,style:O,tabIndex:I,title:g,type:q,onClick:h,...S,...R,children:[!!f&&!!C&&s.jsxRuntimeExports.jsx("span",{className:o.classNames(c?.loader,u?.loader),children:f}),!C&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{...n.processIconProp(x),className:o.classNames(c?.icon,u?.icon)}),a]})]})});exports.ButtonStandAlone=l;

package/dist/cjs/components/calendar/list/list.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/components/customComponent/customComponent.js"),a=require("../../../lib/hooks/useRoveFocus/useRoveFocus.js"),r=require("../../../lib/provider/utilsProvider/utilsProvider.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../constants/constants.js"),l=require("../utils/getAllDaysInMonth.js"),u=require("../utils/getFirstDayOfMonth.js"),d=require("../utils/getState.js"),y=require("../utils/groupDaysByWeeks.js"),c=require("../utils/handleKeysmoves.js"),D="ddMMyyyy";exports.List=({cssClasses:m,currentDate:g,disabledDates:h=[],hasRange:p,maxDate:E,minDate:S,onDayClick:v,selectedDate:f,setSelectedDate:b,sundayFirst:M,...x})=>{const{dateHelpers:j,formatDate:A,transformDate:k}=r.useUtilsProvider(),K=g.getMonth()+1,q=g.getFullYear(),R=A(new Date,D),w=l.getAllDaysInMonth(K,q),C=u.getFirstDayOfMonth(q,K-1)-(M?0:1),F=[...new Array(C>=0?C:6),...w],T=F.filter(e=>void 0===e),[W,$]=t.useState(0),[P,Y]=t.useState(0),_=x["data-testid"]||"calendar",L={currentDate:g,dayList:F,daysAndEmptyDaysUntilMaxDate:c.getDaysAndEmptyDaysUntilMaxDate(T,E,g),firstEmptyAndDisabledDays:c.getFirstEmptyAndDisabledDays(T,S,g),maxDate:E,minDate:S},U=t.useMemo(()=>({calendarBlankDaysSize:T.length,currentFocusSelected:(f[0]?f[0].getDate():(new Date).getDate())+T.length-1,keyDownMove:c.handleKeyDownMove(L),keyLeftMove:c.handleKeyLeftMove(L),keyPageDownMove:c.handleKeyPageDownMove(L),keyPageUpMove:c.handleKeyPageUpMove(L),keyRightMove:c.handleKeyRightMove(L),keyTabMove:c.handleKeyTabMove,keyUpMove:c.handleKeyUpMove(L),size:F.length}),[T.length,F.length,g,S,E]),[I,B,N]=a.useRoveFocus(U),O=e=>(e&&(I<T.length&&B(T.length),I>F.length&&B(F.length-1)),I===e),z=e=>{if(P){if(P<f[0])return e>P&&e<f[0];if(P>f[0])return e<P&&e>f[0]}else{if(e>f[0])return e<f[1];if(e<f[0])return e>f[1]}return!1},G=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P<e:0===t?e>f[1]:1===t&&e>f[0]},H=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P>e:0===t?e<f[1]:1===t&&e<f[0]};return e.jsxRuntimeExports.jsx("tbody",{ref:N,className:m?.tbody,"data-testid":"tbody-days-list",children:y.groupDaysByWeeks(F).map((t,a)=>e.jsxRuntimeExports.jsx("tr",{className:m?.tablerow,children:t.map((t,r)=>{const l=t||0;let u=!t||j.isBefore(t,S)||j.isAfter(t,k(A(E,D),D));u||(u=h.some(e=>t&&j.isDatesEqual(t,e,!1)));const y=d.getStateDay({dayFormatted:l,formatDate:A,hasRange:p,isGhostSelected:z,isSelectedToLeft:G,isSelectedToRight:H,selectedDate:f,today:R}),c={"data-state":u?n.STATES.DISABLED:y};return t?e.jsxRuntimeExports.jsx("td",{"aria-selected":y===n.STATES.SELECTED||void 0,className:m?.listelementrove,style:{width:`calc(100% / ${o.WEEK_DAYS})`},...i.pickCustomAttributes(c),children:e.jsxRuntimeExports.jsx(s.CustomComponent,{"aria-label":A(t,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),ariaDisabled:u,className:m?.dayslist,component:"button","data-testid":`${_}-${r+o.WEEK_DAYS*a}`,focus:O(r+o.WEEK_DAYS*a),index:r+o.WEEK_DAYS*a,type:"button",onMouseOver:()=>{1===W&&Y(l)},onSelectItem:()=>{u||(e=>{const[t,s]=f;p?t&&s||!t&&!s?(b([e,0]),$(1),e instanceof Date&&v?.(e.getDate().toString())):(b([t,e]),$(0),e instanceof Date&&v?.(e.getDate().toString())):(b([e]),e instanceof Date&&v?.(e.getDate().toString()))})(l)},...i.pickCustomAttributes(c),children:t.getDate()})},`day${r+o.WEEK_DAYS*a}${l}`):e.jsxRuntimeExports.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:m?.listelementempty,style:{width:`calc(100% / ${o.WEEK_DAYS})`}},`day${r+o.WEEK_DAYS*a}${l}`)})},`table-row-${a.toString()}`))})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/components/customComponent/customComponent.js"),a=require("../../../lib/hooks/useRoveFocus/useRoveFocus.js"),r=require("../../../lib/provider/utilsProvider/utilsProvider.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../constants/constants.js"),l=require("../utils/getAllDaysInMonth.js"),u=require("../utils/getFirstDayOfMonth.js"),d=require("../utils/getState.js"),y=require("../utils/groupDaysByWeeks.js"),c=require("../utils/handleKeysmoves.js"),D="ddMMyyyy";exports.List=({cssClasses:m,currentDate:g,disabledDates:h=[],hasRange:p,maxDate:E,minDate:S,onDayClick:v,selectedDate:f,setSelectedDate:b,sundayFirst:M,...x})=>{const{dateHelpers:j,formatDate:A,transformDate:k}=r.useUtilsProvider(),K=g.getMonth()+1,q=g.getFullYear(),R=A(new Date,D),w=l.getAllDaysInMonth(K,q),C=u.getFirstDayOfMonth(q,K-1)-(M?0:1),F=[...new Array(C>=0?C:6),...w],T=F.filter(e=>void 0===e),[W,$]=t.useState(0),[P,Y]=t.useState(0),_=x["data-testid"]||"calendar",L={currentDate:g,dayList:F,daysAndEmptyDaysUntilMaxDate:c.getDaysAndEmptyDaysUntilMaxDate(T,E,g),firstEmptyAndDisabledDays:c.getFirstEmptyAndDisabledDays(T,S,g),maxDate:E,minDate:S},U=t.useMemo(()=>({calendarBlankDaysSize:T.length,currentFocusSelected:(f[0]?f[0].getDate():(new Date).getDate())+T.length-1,keyDownMove:c.handleKeyDownMove(L),keyLeftMove:c.handleKeyLeftMove(L),keyPageDownMove:c.handleKeyPageDownMove(L),keyPageUpMove:c.handleKeyPageUpMove(L),keyRightMove:c.handleKeyRightMove(L),keyTabMove:c.handleKeyTabMove,keyUpMove:c.handleKeyUpMove(L),size:F.length}),[T.length,F.length,g,S,E]),[I,B,N]=a.useRoveFocus(U),O=e=>(e&&(I<T.length&&B(T.length),I>F.length&&B(F.length-1)),I===e),z=e=>{if(P){if(P<f[0])return e>P&&e<f[0];if(P>f[0])return e<P&&e>f[0]}else{if(e>f[0])return e<f[1];if(e<f[0])return e>f[1]}return!1},G=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P<e:0===t?e>f[1]:1===t&&e>f[0]},H=e=>{if(!p)return!1;const t=f?.findIndex(t=>t&&e&&A(t,D)===A(e,D));return 0===t&&P?P>e:0===t?e<f[1]:1===t&&e<f[0]};return e.jsxRuntimeExports.jsx("tbody",{ref:N,className:m?.tbody,"data-testid":"tbody-days-list",children:y.groupDaysByWeeks(F).map((t,a)=>e.jsxRuntimeExports.jsx("tr",{className:m?.tablerow,children:t.map((t,r)=>{const l=t||0;let u=!t||j.isBefore(t,S)||j.isAfter(t,k(A(E,D),D));u||(u=h.some(e=>t&&j.isDatesEqual(t,e,!1)));const y=d.getStateDay({dayFormatted:l,formatDate:A,hasRange:p,isGhostSelected:z,isSelectedToLeft:G,isSelectedToRight:H,selectedDate:f,today:R}),c={"data-state":u?n.STATES.DISABLED:y};return t?e.jsxRuntimeExports.jsx("td",{"aria-selected":y===n.STATES.SELECTED||void 0,className:m?.listelementrove,style:{width:`calc(100% / ${o.WEEK_DAYS})`},...i.pickCustomAttributes(c),children:e.jsxRuntimeExports.jsx(s.CustomComponent,{"aria-disabled":u,"aria-label":A(t,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:m?.dayslist,component:"button","data-testid":`${_}-${r+o.WEEK_DAYS*a}`,focus:O(r+o.WEEK_DAYS*a),index:r+o.WEEK_DAYS*a,type:"button",onMouseOver:()=>{1===W&&Y(l)},onSelectItem:()=>{u||(e=>{const[t,s]=f;p?t&&s||!t&&!s?(b([e,0]),$(1),e instanceof Date&&v?.(e.getDate().toString())):(b([t,e]),$(0),e instanceof Date&&v?.(e.getDate().toString())):(b([e]),e instanceof Date&&v?.(e.getDate().toString()))})(l)},...i.pickCustomAttributes(c),children:t.getDate()})},`day${r+o.WEEK_DAYS*a}${l}`):e.jsxRuntimeExports.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:m?.listelementempty,style:{width:`calc(100% / ${o.WEEK_DAYS})`}},`day${r+o.WEEK_DAYS*a}${l}`)})},`table-row-${a.toString()}`))})};

package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../text/text.js"),o=require("../../../../lib/components/customComponent/customComponent.js"),r=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),n=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),i=require("../../../../lib/types/states/states.js"),l=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../utils/setMonth.js"),u=require("./utils/monthSelector.utils.js");exports.MonthSelector=({configAccesibility:c,cssClasses:m,currentDate:h,maxDate:p,minDate:d,onMonthClick:M,setCurrentDate:S,today:g,...b})=>{const{dateHelpers:x,transformDate:v}=n.useUtilsProvider(),A=b["data-testid"]||"calendar",D={currentDate:h,maxDate:p,minDate:d},E=t.useMemo(()=>({currentFocusSelected:h?h.getMonth():(new Date).getMonth(),keyDownMove:u.keyDownMove(D),keyLeftMove:u.keyLeftMove(D),keyRightMove:u.keyRightMove(D),keyTabMove:u.keyTabMove,keyUpMove:u.keyUpMove(D),size:x.getAllMonthName("long").length}),[x.getAllMonthName("long").length,h]),[T,,j]=r.useRoveFocus(E),y=e=>{const t=h?.getFullYear();return d?.getFullYear()===t&&d?.getMonth()>e||p?.getFullYear()===t&&p?.getMonth()<e};return e.jsxRuntimeExports.jsx("ul",{ref:j,"aria-label":c?.monthSelectorAriaLabel,className:m?.monthslist,"data-testid":"tbody-months-list",children:x.getAllMonthName("long",b.locale).map((t,r)=>{const n=((e,t,s)=>{let o;return o=e.getMonth()===t?i.STATES.SELECTED:t===g.getMonth()?i.STATES.CURRENT:s?i.STATES.DISABLED:i.STATES.DEFAULT,o})(h,r,y(r)),u={"data-state":y(r)?i.STATES.DISABLED:n};return e.jsxRuntimeExports.jsx("li",{"aria-selected":n===i.STATES.SELECTED||void 0,className:m?.monthlistitem,...l.pickCustomAttributes(u),children:e.jsxRuntimeExports.jsx(o.CustomComponent,{"aria-label":t.charAt(0).toUpperCase()+t.slice(1),ariaDisabled:y(r),className:m?.monthelement,component:"button",focus:T===r,index:r,type:"button",...l.pickCustomAttributes(u),onSelectItem:()=>{const e=new Date(h);S(v(a.setMonth(e,r))),M?.(t)},children:e.jsxRuntimeExports.jsx(s.Text,{component:"span","data-testid":A,children:t.charAt(0).toUpperCase()+t.slice(1)})})},t)})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../text/text.js"),o=require("../../../../lib/components/customComponent/customComponent.js"),r=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),n=require("../../../../lib/provider/utilsProvider/utilsProvider.js"),i=require("../../../../lib/types/states/states.js"),l=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../utils/setMonth.js"),u=require("./utils/monthSelector.utils.js");exports.MonthSelector=({configAccesibility:c,cssClasses:m,currentDate:h,maxDate:p,minDate:d,onMonthClick:M,setCurrentDate:S,today:g,...b})=>{const{dateHelpers:x,transformDate:v}=n.useUtilsProvider(),A=b["data-testid"]||"calendar",E={currentDate:h,maxDate:p,minDate:d},T=t.useMemo(()=>({currentFocusSelected:h?h.getMonth():(new Date).getMonth(),keyDownMove:u.keyDownMove(E),keyLeftMove:u.keyLeftMove(E),keyRightMove:u.keyRightMove(E),keyTabMove:u.keyTabMove,keyUpMove:u.keyUpMove(E),size:x.getAllMonthName("long").length}),[x.getAllMonthName("long").length,h]),[j,,D]=r.useRoveFocus(T),y=e=>{const t=h?.getFullYear();return d?.getFullYear()===t&&d?.getMonth()>e||p?.getFullYear()===t&&p?.getMonth()<e};return e.jsxRuntimeExports.jsx("ul",{ref:D,"aria-label":c?.monthSelectorAriaLabel,className:m?.monthslist,"data-testid":"tbody-months-list",children:x.getAllMonthName("long",b.locale).map((t,r)=>{const n=((e,t,s)=>{let o;return o=e.getMonth()===t?i.STATES.SELECTED:t===g.getMonth()?i.STATES.CURRENT:s?i.STATES.DISABLED:i.STATES.DEFAULT,o})(h,r,y(r)),u={"data-state":y(r)?i.STATES.DISABLED:n};return e.jsxRuntimeExports.jsx("li",{"aria-selected":n===i.STATES.SELECTED||void 0,className:m?.monthlistitem,...l.pickCustomAttributes(u),children:e.jsxRuntimeExports.jsx(o.CustomComponent,{"aria-disabled":y(r),"aria-label":t.charAt(0).toUpperCase()+t.slice(1),className:m?.monthelement,component:"button",focus:j===r,index:r,type:"button",...l.pickCustomAttributes(u),onSelectItem:()=>{const e=new Date(h);S(v(a.setMonth(e,r))),M?.(t)},children:e.jsxRuntimeExports.jsx(s.Text,{component:"span","data-testid":A,children:t.charAt(0).toUpperCase()+t.slice(1)})})},t)})})};

package/dist/cjs/components/calendar/selector/selector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../button/button.js"),r=require("../../renderIf/renderIf.js"),o=require("../../text/text.js"),n=require("../../../lib/provider/utilsProvider/utilsProvider.js"),s=require("../../elementOrIcon/elementOrIcon.js");exports.Selector=({configAccesibility:i,configCalendar:a,cssClasses:l,currentDate:c,customBackText:u,maxDate:d,minDate:x,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:j,onRightIconClick:b,onYearSelectorClick:S,setCurrentDate:p,setShowDaySelector:y,setShowMonthSelector:g,setShowYearSelector:v,showDaySelector:C,showMonthSelector:R,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:E}=n.useUtilsProvider(),{leftArrowIcon:D,rightArrowIcon:I,sizeSelectorButton:A,variantSelectorButton:M}=a,q=e=>{p(e)},Y=f,N=(R||w)&&!Y,O=e=>!N&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),z=(r,n,s,i)=>{const a=()=>{switch(r){case"day":return c.getDate();case"month":return(e=E(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};return e.jsxRuntimeExports.jsx(t.Button,{additionalSizeClasses:A?void 0:l?.button_size,additionalVariantClasses:M?void 0:l?.button_variant,"aria-label":s,disabled:n,role:i,size:A,variant:M,onClick:e=>{y("day"===r),g("month"===r),v("year"===r),"day"===r?m?.(a()?.toString(),e):"month"===r?j?.(a()?.toString(),e):S?.(a()?.toString(),e)},children:e.jsxRuntimeExports.jsx(o.Text,{component:"span",children:a()})})},B={"data-state":O(x)};return e.jsxRuntimeExports.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:Y?"center":"space-between"},children:[e.jsxRuntimeExports.jsxs("button",{"aria-label":N?"":D["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);N?v(!1):q(k.getSubMonths(e,1)),g(!1),y(!0)})(),D.onClick?.(e),h?.(e)},children:[e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:l?.leftarrow,customAttributes:B,disabled:O(x),...D,"aria-label":void 0}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:N,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:l?.backtext},component:"span",children:u})})]}),e.jsxRuntimeExports.jsxs("div",{className:l?.selectoroptionscontainer,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:Y,children:z("day",C,i?.daySelectorAriaLabel,i?.daySelectorRole)}),z("month",R,i?.monthSelectorAriaLabel,i?.monthSelectorRole),z("year",w,i?.yearSelectorAriaLabel,i?.yearSelectorRole)]}),e.jsxRuntimeExports.jsx("span",{style:{visibility:N?"hidden":"visible"},children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:l?.rightarrow,customAttributes:B,"data-testid":"next-button",disabled:O(d),onClick:e=>{(()=>{const e=new Date(c);q(k.getAddMonths(e,1))})(),I.onClick?.(e),b?.(e)},...I})})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../button/button.js"),o=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/provider/utilsProvider/utilsProvider.js");exports.Selector=({configAccesibility:s,configCalendar:a,cssClasses:i,currentDate:l,customBackText:c,maxDate:u,minDate:d,onDaySelectorClick:x,onLeftIconClick:m,onMonthSelectorClick:h,onRightIconClick:b,onYearSelectorClick:S,setCurrentDate:j,setShowDaySelector:p,setShowMonthSelector:y,setShowYearSelector:g,showDaySelector:v,showMonthSelector:C,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:R,formatDate:D}=n.useUtilsProvider(),{leftArrowIcon:E,rightArrowIcon:A,sizeSelectorButton:f,variantSelectorButton:I}=a,M=e=>{j(e)},Y=k,q=(C||w)&&!Y,N=e=>!q&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear(),O=(r,n,s,a)=>{const c=()=>{switch(r){case"day":return l.getDate();case"month":return(e=D(l,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return l.getFullYear();default:return null}var e};return e.jsxRuntimeExports.jsx(t.Button,{additionalSizeClasses:f?void 0:i?.button_size,additionalVariantClasses:I?void 0:i?.button_variant,"aria-label":s,disabled:n,role:a,size:f,variant:I,onClick:e=>{p("day"===r),y("month"===r),g("year"===r),"day"===r?x?.(c()?.toString(),e):"month"===r?h?.(c()?.toString(),e):S?.(c()?.toString(),e)},children:e.jsxRuntimeExports.jsx(o.Text,{component:"span",children:c()})})},z={"data-state":N(d)};return e.jsxRuntimeExports.jsxs("div",{className:i?.selectorcontainer,style:{justifyContent:Y?"center":"space-between"},children:[e.jsxRuntimeExports.jsxs("button",{"aria-label":q?"":E["aria-label"],className:i?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(l);q?g(!1):M(R.getSubMonths(e,1)),y(!1),p(!0)})(),E.onClick?.(e),m?.(e)},children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.leftarrow,customAttributes:z,disabled:N(d),...E,"aria-label":void 0}),q&&e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:i?.backtext},component:"span",children:c})]}),e.jsxRuntimeExports.jsxs("div",{className:i?.selectoroptionscontainer,children:[Y&&O("day",v,s?.daySelectorAriaLabel,s?.daySelectorRole),O("month",C,s?.monthSelectorAriaLabel,s?.monthSelectorRole),O("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),e.jsxRuntimeExports.jsx("span",{style:{visibility:q?"hidden":"visible"},children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.rightarrow,customAttributes:z,"data-testid":"next-button",disabled:N(u),onClick:e=>{(()=>{const e=new Date(l);M(R.getAddMonths(e,1))})(),A.onClick?.(e),b?.(e)},...A})})]})};

package/dist/cjs/components/cardImage/cardImageStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../link/link.js"),i=require("../text/text.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/processText/processText.js"),n=require("../../lib/components/customComponent/customComponent.js"),c=t.forwardRef(({component:t="div",cssClasses:c,description:l,device:x,image:a,imageAltText:m,link:u,onClick:d,title:p,...j},C)=>{const b=o.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs(n.CustomComponent,{ref:C,className:c?.card_image,component:t,tabIndex:0,onClick:d,...b,children:[e.jsxRuntimeExports.jsx("div",{"aria-label":m||void 0,className:c?.imagecontainer,role:m?"img":void 0,style:a?.[x]?{backgroundImage:`url(${a[x]})`}:void 0}),e.jsxRuntimeExports.jsxs("div",{className:c?.content,children:[e.jsxRuntimeExports.jsxs("div",{className:c?.textcontainer,children:[e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.title},component:"h3",...r.processText(p)}),e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.description},...r.processText(l)})]}),u?.url&&e.jsxRuntimeExports.jsx("div",{className:c?.linkcontainer,children:e.jsxRuntimeExports.jsx(s.Link,{iconPosition:"right",...u,children:u.content||""})})]})]})});exports.CardImageStandAlone=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../link/link.js"),i=require("../text/text.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/processCommonProp.js"),n=require("../../lib/components/customComponent/customComponent.js"),c=t.forwardRef(({component:t="div",cssClasses:c,description:l,device:a,image:x,imageAltText:m,link:u,onClick:p,title:d,...j},C)=>{const b=o.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs(n.CustomComponent,{ref:C,className:c?.card_image,component:t,tabIndex:0,onClick:p,...b,children:[e.jsxRuntimeExports.jsx("div",{"aria-label":m||void 0,className:c?.imagecontainer,role:m?"img":void 0,style:x?.[a]?{backgroundImage:`url(${x[a]})`}:void 0}),e.jsxRuntimeExports.jsxs("div",{className:c?.content,children:[e.jsxRuntimeExports.jsxs("div",{className:c?.textcontainer,children:[e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.title},component:"h3",...r.processTextProp(d)}),e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.description},...r.processTextProp(l)})]}),u?.url&&e.jsxRuntimeExports.jsx("div",{className:c?.linkcontainer,children:e.jsxRuntimeExports.jsx(s.Link,{iconPosition:"right",...u,children:u.content||""})})]})]})});exports.CardImageStandAlone=c;

package/dist/cjs/components/carousel/hooks/useCarousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../../../lib/utils/resizeObserver/resizeObserver.js"),t=require("./useCarouselKeyNavigation.js"),r=require("./useCarouselSwipe.js"),a=require("./utils/calc.utils.js"),i=require("./utils/constants.js"),u=require("./utils/dom.utils.js");exports.useCarousel=({rootContainerRef:s,viewerContainerRef:l,contentContainerRef:c,circular:o=!0,centerMode:d=!1,extraPadding:g=0,elements:P,numElementsPerPage:f,numElementsToSlide:m,defaultPage:C=0,onePageAlign:w="center",allowModifySliceWidth:h=!1,centerExtremesWhenExtraPadding:E=!1,autoFitContainer:I=!1,disabled:x=!1,onNumPagesChange:R,onNumElementsPerPageChange:b,onPageChange:v})=>{const N=e.useRef(!0),S=e.useRef(C),p=e.useRef(C),y=e.useRef(f),L=e.useRef(0),V=e.useCallback(e=>{const n=c.current;if(!n||!y.current||e.propertyName!==i.default.PROPERTY_TO_HANDLE_TRANSITION_END||L.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=u.default.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:p.current,numPages:L.current,numElementsPerPage:y.current,elementsLength:P.length,extraPadding:g});p.current=t,S.current!==p.current&&(S.current=p.current,v?.(p.current));const{firstIndexInView:r,lastIndexInView:s}=a.default.calcFirstAndLastIndexInCarouselView({elementsLength:P.length,numElementsPerPage:y.current,numElementsToSlide:m,currentPage:p.current,isCircular:o});u.default.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:s}),d&&u.default.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:s,numElementsPerPage:y.current}),N.current=!0},[P,g,m,o,d,v]),T=e.useCallback(({newPage:e,animated:n=!0})=>{const t=l.current,r=c.current;if(!t||!r||!N.current||!y.current||!P.length||L.current<1||(o?e<-1:e<0)||(o?e>L.current:e>L.current-1))return;n&&r.setAttribute("data-shifting","true"),u.default.deleteCenterMode({contentContainer:r}),p.current=e;const{firstIndexInView:s,lastIndexInView:d}=a.default.calcFirstAndLastIndexInCarouselView({elementsLength:P.length,numElementsPerPage:y.current,numElementsToSlide:m,currentPage:p.current,isCircular:o});h||u.default.updateViewerWidth({viewerContainer:t,contentContainer:r,firstIndexInView:s,lastIndexInView:d,extraPadding:g});const f=r.style.left,C=a.default.calcContentContainerLeftPosition({contentContainer:r,numPages:L.current,currentPage:p.current,firstIndexInView:s,extraPadding:g,centerExtremesWhenExtraPadding:E,circular:o});r.style.left=C,n&&f!==C?N.current=!1:V({propertyName:i.default.PROPERTY_TO_HANDLE_TRANSITION_END})},[P,m,o,h,g,E,V]),O=e.useCallback(()=>{const e=l.current,n=c.current;e&&n&&y.current&&(h&&(e.style.width="100%",u.default.updateSlicesWidth({viewerContainer:e,contentContainer:n,centerMode:d,numElementsPerPage:y.current,extraPadding:g})),u.default.manageCircularClones({contentContainer:n,elementsLength:P.length,numElementsPerPage:y.current,circular:o}),T({newPage:p.current,animated:!1}))},[h,d,o,P,g,T]),A=e.useCallback(()=>{const e=s.current,n=l.current,t=c.current;if(!e||!n||!t)return;e.style.width="100%";const r=f||a.default.calcNumElementsPerPage({rootContainer:e,viewerContainer:n,contentContainer:t,elementsLength:P.length,extraPadding:g})||1;I&&(e.style.width="fit-content"),r!==y.current&&(y.current=r,b?.(r));const i=a.default.calcNumPages({elementsLength:P.length,numElementsPerPage:r,numElementsToSlide:m});L.current!==i&&(L.current=i,R?.(i),p.current=Math.min(Math.max(0,C),i-1)),i<=1&&u.default.alignOnePageCarousel({rootContainer:e,contentContainer:t,onePageAlign:w,allowModifySliceWidth:h})},[h,P,g,f,m,w,I,b,R,v]),M=e.useCallback(()=>{A(),O()},[A,O]);return e.useEffect(()=>{const e=c.current;if(!e)return;M(),window.addEventListener("resize",M);const t=new n.ResizeObserver(M);return t.observe(e),()=>{window.removeEventListener("resize",M),t.disconnect()}},[M]),e.useEffect(()=>{const e=c.current;return e?.addEventListener("transitionend",V),()=>{e?.removeEventListener("transitionend",V)}},[V]),r.useCarouselSwipe({viewerContainerRef:l,contentContainerRef:c,allowShiftRef:N,circular:o,extraPadding:g,elements:P,numElementsPerPageRef:y,numPagesRef:L,currentPageRef:p,centerExtremesWhenExtraPadding:E,disabled:x,changePage:T}),t.useCarouselKeyNavigation({rootContainerRef:s,allowShiftRef:N,circular:o,currentPageRef:p,numPagesRef:L,disabled:x,changePage:T}),{changePage:T,allowShiftRef:N,currentPageRef:p,numElementsPerPageRef:y,numPagesRef:L}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("./useCarouselKeyNavigation.js"),t=require("./useCarouselSwipe.js"),r=require("./utils/calc.utils.js"),a=require("./utils/constants.js"),u=require("./utils/dom.utils.js");exports.useCarousel=({allowModifySliceWidth:i=!1,autoFitContainer:s=!1,centerExtremesWhenExtraPadding:c=!1,centerMode:l=!1,circular:o=!0,contentContainerRef:d,defaultPage:g=0,disabled:P=!1,elements:f,extraPadding:m=0,numElementsPerPage:C,numElementsToSlide:w,onePageAlign:h="center",onNumElementsPerPageChange:E,onNumPagesChange:I,onPageChange:x,rootContainerRef:R,viewerContainerRef:v})=>{const N=e.useRef(!0),S=e.useRef(g),b=e.useRef(g),p=e.useRef(C),y=e.useRef(0),L=e.useCallback(e=>{const n=d.current;if(!n||!p.current||e.propertyName!==a.default.PROPERTY_TO_HANDLE_TRANSITION_END||y.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=u.default.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:b.current,elementsLength:f.length,extraPadding:m,numElementsPerPage:p.current,numPages:y.current});b.current=t,S.current!==b.current&&(S.current=b.current,x?.(b.current));const{firstIndexInView:i,lastIndexInView:s}=r.default.calcFirstAndLastIndexInCarouselView({currentPage:b.current,elementsLength:f.length,isCircular:o,numElementsPerPage:p.current,numElementsToSlide:w});u.default.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:i,lastIndexInView:s}),l&&u.default.applyCenterMode({contentContainer:n,firstIndexInView:i,lastIndexInView:s,numElementsPerPage:p.current}),N.current=!0},[f,m,w,o,l,x]),V=e.useCallback(({animated:e=!0,newPage:n})=>{const t=v.current,s=d.current;if(!t||!s||!N.current||!p.current||!f.length||y.current<1||(o?n<-1:n<0)||(o?n>y.current:n>y.current-1))return;e&&s.setAttribute("data-shifting","true"),u.default.deleteCenterMode({contentContainer:s}),b.current=n;const{firstIndexInView:l,lastIndexInView:g}=r.default.calcFirstAndLastIndexInCarouselView({currentPage:b.current,elementsLength:f.length,isCircular:o,numElementsPerPage:p.current,numElementsToSlide:w});i||u.default.updateViewerWidth({contentContainer:s,extraPadding:m,firstIndexInView:l,lastIndexInView:g,viewerContainer:t});const P=s.style.left,C=r.default.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:c,circular:o,contentContainer:s,currentPage:b.current,extraPadding:m,firstIndexInView:l,numPages:y.current});s.style.left=C,e&&P!==C?N.current=!1:L({propertyName:a.default.PROPERTY_TO_HANDLE_TRANSITION_END})},[f,w,o,i,m,c,L]),T=e.useCallback(()=>{const e=v.current,n=d.current;e&&n&&p.current&&(i&&(e.style.width="100%",u.default.updateSlicesWidth({centerMode:l,contentContainer:n,extraPadding:m,numElementsPerPage:p.current,viewerContainer:e})),u.default.manageCircularClones({circular:o,contentContainer:n,elementsLength:f.length,numElementsPerPage:p.current}),V({animated:!1,newPage:b.current}))},[i,l,o,f,m,V]),A=e.useCallback(()=>{const e=R.current,n=v.current,t=d.current;if(!e||!n||!t)return;e.style.width="100%";const a=C||r.default.calcNumElementsPerPage({contentContainer:t,elementsLength:f.length,extraPadding:m,rootContainer:e,viewerContainer:n})||1;s&&(e.style.width="fit-content"),a!==p.current&&(p.current=a,E?.(a));const c=r.default.calcNumPages({elementsLength:f.length,numElementsPerPage:a,numElementsToSlide:w});y.current!==c&&(y.current=c,I?.(c),b.current=Math.min(Math.max(0,g),c-1)),c<=1&&u.default.alignOnePageCarousel({allowModifySliceWidth:i,contentContainer:t,onePageAlign:h,rootContainer:e})},[i,f,m,C,w,h,s,E,I,x]),O=e.useCallback(()=>{A(),T()},[A,T]);return e.useEffect(()=>{const e=d.current;if(!e)return;O(),window.addEventListener("resize",O);const n=new ResizeObserver(O);return n.observe(e),()=>{window.removeEventListener("resize",O),n.disconnect()}},[O]),e.useEffect(()=>{const e=d.current;return e?.addEventListener("transitionend",L),()=>{e?.removeEventListener("transitionend",L)}},[L]),t.useCarouselSwipe({allowShiftRef:N,centerExtremesWhenExtraPadding:c,changePage:V,circular:o,contentContainerRef:d,currentPageRef:b,disabled:P,elements:f,extraPadding:m,numElementsPerPageRef:p,numPagesRef:y,viewerContainerRef:v}),n.useCarouselKeyNavigation({allowShiftRef:N,changePage:V,circular:o,currentPageRef:b,disabled:P,numPagesRef:y,rootContainerRef:R}),{allowShiftRef:N,changePage:V,currentPageRef:b,numElementsPerPageRef:p,numPagesRef:y}};

package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/keyboard/keyboard.js");exports.useCarouselKeyNavigation=({rootContainerRef:t,allowShiftRef:n,circular:u,currentPageRef:o,numPagesRef:s,disabled:c=!1,changePage:a})=>{e.useEffect(()=>{if(c)return;const e=e=>{!n.current||s.current<=1||(r.isArrowLeftPressed(e.key)?n.current&&(u||0!==o.current)&&a({newPage:o.current-1}):r.isArrowRightPressed(e.key)&&n.current&&(u||o.current!==s.current-1)&&a({newPage:o.current+1}))},i=t.current;return i?.addEventListener("keydown",e),()=>{i?.removeEventListener("keydown",e)}},[u,a,c])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../../lib/utils/keyboard/keyboard.js");exports.useCarouselKeyNavigation=({allowShiftRef:n,changePage:s,circular:u,currentPageRef:a,disabled:o=!1,numPagesRef:c,rootContainerRef:i})=>{e.useEffect(()=>{if(o)return;const e=e=>{!n.current||c.current<=1||(t.isKeyPressed(e.key,r.ARROW_LEFT.key)?n.current&&(u||0!==a.current)&&s({newPage:a.current-1}):t.isKeyPressed(e.key,r.ARROW_RIGHT.key)&&n.current&&(u||a.current!==c.current-1)&&s({newPage:a.current+1}))},y=i.current;return y?.addEventListener("keydown",e),()=>{y?.removeEventListener("keydown",e)}},[u,s,o])};

package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),r=require("./utils/calc.utils.js"),n=require("./utils/constants.js");exports.useCarouselSwipe=({contentContainerRef:c,viewerContainerRef:u,allowShiftRef:s,circular:l,extraPadding:o,elements:a,numElementsPerPageRef:i,numPagesRef:f,currentPageRef:d,centerExtremesWhenExtraPadding:v,disabled:E=!1,changePage:m})=>{const h=e.useRef(!1),L=e.useRef(!1),R=e.useRef(!1),_=e.useRef(),p=e.useRef(0),D=e.useRef(0),S=e.useRef(0),g=e.useRef(0),b=e.useCallback(()=>{s.current&&(l||d.current!==f.current-1)&&m({newPage:d.current+1})},[l,m]),C=e.useCallback(()=>{s.current&&(l||0!==d.current)&&m({newPage:d.current-1})},[l,m]),{allowScroll:y,blockScroll:P}=t.useScrollBlock(),X=e.useCallback(e=>{const t=c.current;!t||f.current<=1||(_.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(p.current=e.touches[0].clientX,S.current=e.touches[0].clientX,g.current=e.touches[0].clientY):(p.current=e.clientX,S.current=e.clientX,g.current=e.clientY),h.current=!0)},[]),k=e.useCallback(e=>{const t=c.current;if(!t||!h.current||!i?.current||f.current<=1)return;let u,s;"touchmove"===e.type?(D.current=p.current-e.touches[0].clientX,p.current=e.touches[0].clientX,u=e.touches[0].clientX-S.current,s=e.touches[0].clientY-g.current):(D.current=p.current-e.clientX,p.current=e.clientX,u=e.clientX-S.current,s=e.clientY-g.current);const E=parseFloat(t.style.left||"0")-D.current;if(L.current||R.current||(Math.abs(u)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(L.current=!0,P()):Math.abs(s)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(R.current=!0)),L.current)if(l&&a.length>i.current)t.style.left=`${E}px`;else{const e=r.default.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-i.current]);if(v)E-o<0&&-E<e-o&&(t.style.left=`${E}px`);else{let r=l?o:0;!l&&o&&d.current===f.current-1&&(r=2*o),E-r<0&&-E<e-r&&(t.style.left=`${E}px`)}}},[P,v,l,a,o]),O=e.useCallback(()=>{const e=c.current;if(R.current=!1,L.current&&y(),L.current=!1,!e||!h.current||void 0===_.current||f.current<=1)return;h.current=!1;const t=parseFloat(e.style.left||"0");t-_.current<-0?b():t-_.current>n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?C():e.style.left=`${_.current}px`},[y,b,C]);e.useEffect(()=>{if(E)return;const e=u.current,t={passive:!0};return e?.addEventListener("touchstart",X,t),e?.addEventListener("touchend",O,t),e?.addEventListener("touchmove",k,t),e?.addEventListener("mousedown",X,t),e?.addEventListener("mouseup",O,t),e?.addEventListener("mousemove",k,t),e?.addEventListener("mouseleave",O,t),()=>{e?.removeEventListener("touchstart",X,t),e?.removeEventListener("touchend",O,t),e?.removeEventListener("touchmove",k,t),e?.removeEventListener("mousedown",X,t),e?.removeEventListener("mouseup",O,t),e?.removeEventListener("mousemove",k,t),e?.removeEventListener("mouseleave",O,t)}},[X,O,k,E])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),r=require("./utils/calc.utils.js"),n=require("./utils/constants.js");exports.useCarouselSwipe=({allowShiftRef:c,centerExtremesWhenExtraPadding:u,changePage:s,circular:l,contentContainerRef:o,currentPageRef:a,disabled:i=!1,elements:f,extraPadding:d,numElementsPerPageRef:v,numPagesRef:E,viewerContainerRef:m})=>{const h=e.useRef(!1),L=e.useRef(!1),R=e.useRef(!1),_=e.useRef(),p=e.useRef(0),D=e.useRef(0),S=e.useRef(0),g=e.useRef(0),b=e.useCallback(()=>{c.current&&(l||a.current!==E.current-1)&&s({newPage:a.current+1})},[l,s]),C=e.useCallback(()=>{c.current&&(l||0!==a.current)&&s({newPage:a.current-1})},[l,s]),{allowScroll:y,blockScroll:P}=t.useScrollBlock(),X=e.useCallback(e=>{const t=o.current;!t||E.current<=1||(_.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(p.current=e.touches[0].clientX,S.current=e.touches[0].clientX,g.current=e.touches[0].clientY):(p.current=e.clientX,S.current=e.clientX,g.current=e.clientY),h.current=!0)},[]),k=e.useCallback(e=>{const t=o.current;if(!t||!h.current||!v?.current||E.current<=1)return;let c,s;"touchmove"===e.type?(D.current=p.current-e.touches[0].clientX,p.current=e.touches[0].clientX,c=e.touches[0].clientX-S.current,s=e.touches[0].clientY-g.current):(D.current=p.current-e.clientX,p.current=e.clientX,c=e.clientX-S.current,s=e.clientY-g.current);const i=parseFloat(t.style.left||"0")-D.current;if(L.current||R.current||(Math.abs(c)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(L.current=!0,P()):Math.abs(s)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(R.current=!0)),L.current)if(l&&f.length>v.current)t.style.left=`${i}px`;else{const e=r.default.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-v.current]);if(u)i-d<0&&-i<e-d&&(t.style.left=`${i}px`);else{let r=l?d:0;!l&&d&&a.current===E.current-1&&(r=2*d),i-r<0&&-i<e-r&&(t.style.left=`${i}px`)}}},[P,u,l,f,d]),O=e.useCallback(()=>{const e=o.current;if(R.current=!1,L.current&&y(),L.current=!1,!e||!h.current||void 0===_.current||E.current<=1)return;h.current=!1;const t=parseFloat(e.style.left||"0");t-_.current<-0?b():t-_.current>n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?C():e.style.left=`${_.current}px`},[y,b,C]);e.useEffect(()=>{if(i)return;const e=m.current,t={passive:!0};return e?.addEventListener("touchstart",X,t),e?.addEventListener("touchend",O,t),e?.addEventListener("touchmove",k,t),e?.addEventListener("mousedown",X,t),e?.addEventListener("mouseup",O,t),e?.addEventListener("mousemove",k,t),e?.addEventListener("mouseleave",O,t),()=>{e?.removeEventListener("touchstart",X,t),e?.removeEventListener("touchend",O,t),e?.removeEventListener("touchmove",k,t),e?.removeEventListener("mousedown",X,t),e?.removeEventListener("mouseup",O,t),e?.removeEventListener("mousemove",k,t),e?.removeEventListener("mouseleave",O,t)}},[X,O,k,i])};

package/dist/cjs/components/carousel/hooks/utils/calc.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const l=n({numElementsToSlide:r,numElementsPerPage:t});return Math.ceil((e-t+l)/l)},l=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:l,currentPage:s,isCircular:i})=>{if(e<=t)return{firstIndexInView:0,lastIndexInView:e-1};const o=n({numElementsToSlide:l,numElementsPerPage:t});let a=s*o+t-1;let c=0;i&&e>t&&(c=t+1,a+=c),s===r({elementsLength:e,numElementsPerPage:t,numElementsToSlide:o})?a=c+e+t-1:s<0?a=c-1:a-c>e-1&&(a=c+e-1);return{firstIndexInView:a-t+1,lastIndexInView:a}},s=({rootContainer:t,viewerContainer:n,contentContainer:r,elementsLength:l,extraPadding:s})=>{const i=r.firstElementChild;if(!i)return;let o=t.offsetWidth;o-=2*s;o-=e({element:n});let a=0;const c=i.offsetLeft;for(let e=0;e<r.children.length;e++){const t=r.children[e];if(c+t.offsetLeft+t.offsetWidth>o)break;a++}return Math.max(Math.min(l,a),1)},i=({contentContainer:e,centerMode:t})=>{let n=0;if(e.childNodes.length<2)return n;const r=e.childNodes[0],l=e.childNodes[1];t&&r.style&&l.style&&(r.style.transition="none",l.style.transition="none",r.style.transform="scale(1)",l.style.transform="scale(1)");const s=r?.getBoundingClientRect()?.right,i=l?.getBoundingClientRect()?.left;return t&&r.style&&l.style&&(r.style.removeProperty("transform"),l.style.removeProperty("transform"),r.offsetHeight,l.offsetHeight,r.style.removeProperty("transition"),l.style.removeProperty("transition")),void 0!==s&&void 0!==i&&(n=Math.abs(s-i)),n},o=({viewerContainer:t,contentContainer:n,centerMode:r,numElementsPerPage:l,extraPadding:s})=>{const o=(l-1)*i({contentContainer:n,centerMode:r}),a=e({element:t});return(t.getBoundingClientRect().width-o-2*s-a)/l},a=({viewerContainer:n,contentContainer:r,firstIndexInView:l,lastIndexInView:s,extraPadding:i})=>{const o=r.children[l],a=r.children[s],c=t(o,a),d=e({element:n});return`${c+a.offsetWidth+2*i+d}px`},c=({contentContainer:e,numPages:n,currentPage:r,firstIndexInView:l,extraPadding:s,centerExtremesWhenExtraPadding:i,circular:o})=>{let a=t(e.firstChild,e.children[l]);return s&&(i||o||0!==r&&r!==n-1?a-=s:o||r!==n-1||(a-=2*s)),-a+"px"},d={calcXDistanceBetween2Elements:t,calcAdjustedNumElementsToSlide:n,calcNumPages:r,calcFirstAndLastIndexInCarouselView:l,calcNumElementsPerPage:s,calcGapBetweenContentContainerElements:i,calcSliceWidth:o,calcViewerWidth:a,calcContentContainerLeftPosition:c};exports.calcAdjustedNumElementsToSlide=n,exports.calcContentContainerLeftPosition=c,exports.calcFirstAndLastIndexInCarouselView=l,exports.calcGapBetweenContentContainerElements=i,exports.calcHorizontalElementPadding=e,exports.calcNumElementsPerPage=s,exports.calcNumPages=r,exports.calcSliceWidth=o,exports.calcViewerWidth=a,exports.calcXDistanceBetween2Elements=t,exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const l=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+l)/l)},l=({currentPage:e,elementsLength:t,isCircular:l,numElementsPerPage:s,numElementsToSlide:i})=>{if(t<=s)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:s,numElementsToSlide:i});let a=e*o+s-1;let c=0;l&&t>s&&(c=s+1,a+=c),e===r({elementsLength:t,numElementsPerPage:s,numElementsToSlide:o})?a=c+t+s-1:e<0?a=c-1:a-c>t-1&&(a=c+t-1);return{firstIndexInView:a-s+1,lastIndexInView:a}},s=({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:l,viewerContainer:s})=>{const i=t.firstElementChild;if(!i)return;let o=l.offsetWidth;o-=2*r;o-=e({element:s});let a=0;const c=i.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(c+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},i=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],l=t.childNodes[1];e&&r.style&&l.style&&(r.style.transition="none",l.style.transition="none",r.style.transform="scale(1)",l.style.transform="scale(1)");const s=r?.getBoundingClientRect()?.right,i=l?.getBoundingClientRect()?.left;return e&&r.style&&l.style&&(r.style.removeProperty("transform"),l.style.removeProperty("transform"),r.offsetHeight,l.offsetHeight,r.style.removeProperty("transition"),l.style.removeProperty("transition")),void 0!==s&&void 0!==i&&(n=Math.abs(s-i)),n},o=({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:l,viewerContainer:s})=>{const o=(l-1)*i({centerMode:t,contentContainer:n}),a=e({element:s});return(s.getBoundingClientRect().width-o-2*r-a)/l},a=({contentContainer:n,extraPadding:r,firstIndexInView:l,lastIndexInView:s,viewerContainer:i})=>{const o=n.children[l],a=n.children[s],c=t(o,a),d=e({element:i});return`${c+a.offsetWidth+2*r+d}px`},c=({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:l,extraPadding:s,firstIndexInView:i,numPages:o})=>{let a=t(r.firstChild,r.children[i]);return s&&(e||n||0!==l&&l!==o-1?a-=s:n||l!==o-1||(a-=2*s)),-a+"px"},d={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:c,calcFirstAndLastIndexInCarouselView:l,calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:s,calcNumPages:r,calcSliceWidth:o,calcViewerWidth:a,calcXDistanceBetween2Elements:t};exports.calcAdjustedNumElementsToSlide=n,exports.calcContentContainerLeftPosition=c,exports.calcFirstAndLastIndexInCarouselView=l,exports.calcGapBetweenContentContainerElements=i,exports.calcHorizontalElementPadding=e,exports.calcNumElementsPerPage=s,exports.calcNumPages=r,exports.calcSliceWidth=o,exports.calcViewerWidth=a,exports.calcXDistanceBetween2Elements=t,exports.default=d;

package/dist/cjs/components/carousel/hooks/utils/dom.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calc.utils.js"),t=({viewerContainer:t,contentContainer:n,centerMode:i,numElementsPerPage:r,extraPadding:l})=>{const o=e.default.calcSliceWidth({viewerContainer:t,contentContainer:n,centerMode:i,numElementsPerPage:r,extraPadding:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({viewerContainer:t,contentContainer:n,firstIndexInView:i,lastIndexInView:r,extraPadding:l})=>{const o=e.default.calcViewerWidth({viewerContainer:t,contentContainer:n,firstIndexInView:i,lastIndexInView:r,extraPadding:l});t.style.width=o},r=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({contentContainer:e,elementsLength:t,numElementsPerPage:n,circular:i})=>{if(e.children.length>t){const n=(e.children.length-t)/2;for(let t=0;t<n;t++)e.firstElementChild&&e.removeChild(e.firstElementChild),e.lastElementChild&&e.removeChild(e.lastElementChild)}if(i&&t>n){const t=[],i=[],r=e.children.length,l=n+1;for(let n=0;n<l;n++){const l=e.children[n];l&&t.push(l.cloneNode(!0));const o=e.children[r-1-n];o&&i.push(o.cloneNode(!0))}t.forEach(t=>e.appendChild(t)),i.forEach(t=>e.insertBefore(t,e.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({rootContainer:e,contentContainer:t,onePageAlign:n,allowModifySliceWidth:i})=>{i?t.style.justifyContent=a[n]:e.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,numPages:i,numElementsPerPage:r,elementsLength:l,extraPadding:o})=>{const a=n===i;if(a||-1===n){const n=a?r+1:l+1;let d=e.default.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=o,t.style.left=-d+"px",{newPage:a?0:i-1}}return{newPage:n}},c={updateSlicesWidth:t,updateContentElementsAriaVisibility:n,updateViewerWidth:i,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,alignOnePageCarousel:d,udpateCarouselPositionOnEdge:s};exports.alignOnePageCarousel=d,exports.applyCenterMode=r,exports.default=c,exports.deleteCenterMode=l,exports.manageCircularClones=o,exports.udpateCarouselPositionOnEdge=s,exports.updateContentElementsAriaVisibility=n,exports.updateSlicesWidth=t,exports.updateViewerWidth=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calc.utils.js"),t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.default.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.default.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o},r=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{e?t.style.justifyContent=a[n]:i.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.default.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},c={alignOnePageCarousel:d,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,udpateCarouselPositionOnEdge:s,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};exports.alignOnePageCarousel=d,exports.applyCenterMode=r,exports.default=c,exports.deleteCenterMode=l,exports.manageCircularClones=o,exports.udpateCarouselPositionOnEdge=s,exports.updateContentElementsAriaVisibility=n,exports.updateSlicesWidth=t,exports.updateViewerWidth=i;

package/dist/cjs/components/checkbox/checkboxStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),s=require("../renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../checkboxBase/checkboxBaseControlled.js"),d=require("./components/errorMessage.js"),o=require("./components/label.js"),l=require("./utils/aria.utils.js"),n=r.forwardRef(({checkboxBase:r,cssClasses:n,errorMessage:c,id:b,label:u,screenReaderText:x,...j},h)=>{const m=a.pickCustomAttributes(j),{"aria-describedby":p,"aria-hidden":R,"aria-label":k,"aria-labelledby":y,...I}=m,C=i.useId("checkbox"),q=b??C,E=`${q}-label`,f=`${q}-error`,g=`${q}-screen-reader`,v=r?.variant,B=l.buildAriaDescribedBy({ariaDescribedBy:j["aria-describedby"],error:j.error&&!!c?.message,errorMessageId:f,screenReader:!!x,screenReaderId:g});return e.jsxRuntimeExports.jsxs("div",{ref:h,...I,className:n?.checkbox,children:[e.jsxRuntimeExports.jsxs("div",{className:n?.checkboxwithlabelcontainer,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!v,children:e.jsxRuntimeExports.jsx(t.CheckboxBaseControlled,{...j,"aria-describedby":B,"aria-hidden":j["aria-hidden"],"aria-label":j["aria-label"],"aria-labelledby":j["aria-labelledby"],id:q,variant:v})}),e.jsxRuntimeExports.jsx("screen-reader-only",{id:g,children:x}),e.jsxRuntimeExports.jsx(o.Label,{...u,cssClasses:n,id:E,inputId:q})]}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!j.error,children:e.jsxRuntimeExports.jsx(d.ErrorMessage,{"aria-live":"assertive",cssClasses:n,"data-testid":`${j["data-testid"]}-error-message`,...c,id:f,inputId:q,show:j.error&&!j.disabled})})]})});exports.CheckboxStandAlone=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../checkboxBase/checkboxBaseControlled.js"),i=require("./components/errorMessage.js"),t=require("./components/label.js"),d=require("./utils/aria.utils.js"),l=r.forwardRef(({checkboxBase:l,cssClasses:o,errorMessage:c,id:b,label:n,screenReaderText:u,...x},j)=>{const m=s.pickCustomAttributes(x),{"aria-describedby":p,"aria-hidden":h,"aria-label":k,"aria-labelledby":y,...C}=m,R=`checkbox-${r.useId().replace(/:/g,"")}`,g=b??R,v=`${g}-label`,q=`${g}-error`,E=`${g}-screen-reader`,B=l?.variant,A=d.buildAriaDescribedBy({ariaDescribedBy:x["aria-describedby"],error:x.error&&!!c?.message,errorMessageId:q,screenReader:!!u,screenReaderId:E});return e.jsxRuntimeExports.jsxs("div",{ref:j,...C,className:o?.checkbox,children:[e.jsxRuntimeExports.jsxs("div",{className:o?.checkboxwithlabelcontainer,children:[!!B&&e.jsxRuntimeExports.jsx(a.CheckboxBaseControlled,{...x,"aria-describedby":A,"aria-hidden":x["aria-hidden"],"aria-label":x["aria-label"],"aria-labelledby":x["aria-labelledby"],id:g,variant:B}),e.jsxRuntimeExports.jsx("screen-reader-only",{id:E,children:u}),e.jsxRuntimeExports.jsx(t.Label,{...n,cssClasses:o,id:v,inputId:g})]}),!!x.error&&e.jsxRuntimeExports.jsx(i.ErrorMessage,{"aria-live":"assertive",cssClasses:o,"data-testid":`${x["data-testid"]}-error-message`,...c,id:q,inputId:g,show:x.error&&!x.disabled})]})});exports.CheckboxStandAlone=l;

package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/utils/process/processIcon/processIcon.js"),a=require("../elementOrIcon/elementOrIcon.js"),r=s.forwardRef(({checkedIcon:s,cssClasses:r,inputRef:c,...n},o)=>{const i=n["data-testid"]??"checkbox-base";return e.jsxRuntimeExports.jsxs("div",{ref:o,className:r?.checkbox_base,"data-testid":i,children:[e.jsxRuntimeExports.jsx("input",{ref:c,className:r?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),e.jsxRuntimeExports.jsx("span",{className:r?.iconcontainer,"data-state":n["data-state"],children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:r?.icon,complex:!0,"data-state":n["data-state"],...t.processIcon(s)})})]})});exports.CheckboxBaseStandAlone=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/process/processCommonProp.js"),r=s.forwardRef(({checkedIcon:s,cssClasses:r,inputRef:o,...c},n)=>{const i=c["data-testid"]??"checkbox-base";return e.jsxRuntimeExports.jsxs("div",{ref:n,className:r?.checkbox_base,"data-testid":i,children:[e.jsxRuntimeExports.jsx("input",{ref:o,className:r?.input,type:"checkbox",...c,"data-testid":`${i}-input`}),e.jsxRuntimeExports.jsx("span",{className:r?.iconcontainer,"data-state":c["data-state"],children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:r?.icon,complex:!0,"data-state":c["data-state"],...a.processIconProp(s)})})]})});exports.CheckboxBaseStandAlone=r;

package/dist/cjs/components/chip/chipStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../renderIf/renderIf.js"),r=require("../text/text.js"),n=require("../../lib/types/states/states.js"),i=require("../../lib/utils/is/isReactNode.js"),o=require("../../lib/utils/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processIcon/processIcon.js"),l=require("../../lib/utils/process/processText/processText.js"),x=require("../elementOrIcon/elementOrIcon.js"),p=s.forwardRef(({closeIcon:s,cssClasses:p,deleteText:u="Delete",errorIcon:m,errorMessage:j={content:"Error message"},label:d,leftIcon:E,range:T,rangeIcon:b,rangeSeparator:I={content:"to"},state:R,...S},g)=>{const A={"data-state":R},h=a.pickCustomAttributes(S);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:g,"aria-disabled":R===n.STATES.DISABLED,"aria-hidden":R===n.STATES.DISABLED,className:p?.chip,"data-testid":"chip",...h,...A,children:[!T&&E&&e.jsxRuntimeExports.jsx(x.ElementOrIcon,{className:p?.lefticon,...c.processIcon(E)}),T?e.jsxRuntimeExports.jsx("span",{children:T.map((s,t)=>{const n=t!==T.length-1;return e.jsxRuntimeExports.jsxs("span",{className:p?.rangeitemwrapper,children:[e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:A,children:s.label}),n&&(b?.icon?e.jsxRuntimeExports.jsx(x.ElementOrIcon,{altText:(o.isString(d)||i.isReactNode(d),l.processText(I).children||""),className:p?.rangeicon,...c.processIcon(b),customAttributes:A}):e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:A,...l.processText(I)}))]},`option-${s.key??s.label}`)})}):e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:p?.label},component:"span",...l.processText(d),customAttributes:A}),e.jsxRuntimeExports.jsx(x.ElementOrIcon,{className:p?.closeicon,disabled:R===n.STATES.DISABLED,...c.processIcon(s),altText:!o.isString(s)&&s?.altText?s.altText:u,customAttributes:A})]}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:R===n.STATES.ERROR,children:e.jsxRuntimeExports.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[e.jsxRuntimeExports.jsx(x.ElementOrIcon,{className:p?.erroricon,...c.processIcon(m)}),e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:A,...l.processText(j)})]})})]})});exports.ChipStandAlone=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/types/states/states.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),a=t.forwardRef(({closeIcon:a,cssClasses:c,errorIcon:p,errorMessage:l={content:"Error message"},label:x,leftIcon:m,range:u,rangeIcon:j,rangeSeparator:d={content:"to"},state:E,...b},T)=>{const R={"data-state":E},A=n.pickCustomAttributes(b);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:T,"aria-disabled":E===o.STATES.DISABLED,"aria-hidden":E===o.STATES.DISABLED,className:c?.chip,"data-testid":"chip",...A,...R,children:[!u&&m&&e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.lefticon,...i.processIconProp(m)}),u?e.jsxRuntimeExports.jsx("span",{children:u.map((o,n)=>{const a=n!==u.length-1;return e.jsxRuntimeExports.jsxs("span",{className:c?.rangeitemwrapper,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.rangeitemtext},component:"span",customAttributes:R,children:o.label}),a&&(j?.icon?e.jsxRuntimeExports.jsx(r.ElementOrIcon,{altText:("string"==typeof x||t.isValidElement(x),i.processTextProp(d).children||""),className:c?.rangeicon,...i.processIconProp(j),customAttributes:R}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.rangeitemseparator},component:"span",customAttributes:R,...i.processTextProp(d)}))]},`option-${o.key??o.label}`)})}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.label},component:"span",...i.processTextProp(x),customAttributes:R}),e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.closeicon,disabled:E===o.STATES.DISABLED,...i.processIconProp(a),altText:"string"!=typeof a&&a?.altText?a.altText:"Close",customAttributes:R})]}),E===o.STATES.ERROR&&e.jsxRuntimeExports.jsxs("span",{"aria-live":"polite",className:c?.errorcontainer,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.erroricon,...i.processIconProp(p)}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.errormessage},component:"span",customAttributes:R,...i.processTextProp(l)})]})]})});exports.ChipStandAlone=a;

package/dist/cjs/components/container/containerStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),o=t.forwardRef(({children:t,cssClasses:o,title:n,...c},u)=>{const a=r.pickCustomAttributes(c);return e.jsxRuntimeExports.jsxs("div",{className:o?.container,"data-testid":"container",...a,children:[e.jsxRuntimeExports.jsx("div",{className:o?.header,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processText(n)})}),e.jsxRuntimeExports.jsx("div",{ref:u,className:o?.content,children:t})]})});exports.ContainerStandAlone=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),o=t.forwardRef(({children:t,cssClasses:o,title:n,...u},a)=>{const c=r.pickCustomAttributes(u);return e.jsxRuntimeExports.jsxs("div",{className:o?.container,"data-testid":"container",...c,children:[e.jsxRuntimeExports.jsx("div",{className:o?.header,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processTextProp(n)})}),e.jsxRuntimeExports.jsx("div",{ref:a,className:o?.content,children:t})]})});exports.ContainerStandAlone=o;

package/dist/cjs/components/dataTable/dataTableStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),a=require("react"),s=require("../renderIf/renderIf.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../table/table.js"),i=require("../tableBody/tableBody.js"),l=require("../tableCaption/tableCaption.js"),r=require("../tableDivider/tableDivider.js"),n=require("./components/dataTableHead.js"),d=require("./components/dataTableRows.js"),c=require("./components/hiddenDataTableHead.js"),b=require("./utils/tableConfig.js"),x=a.forwardRef(({activeRows:x,caption:u,columns:p,config:j,cssClasses:R,hasScroll:m,hoverable:h,hoverableRows:v,nonHoverableRows:w,rowGroups:C,rows:f,stickyHead:g,styles:E,...y},T)=>{const H=C&&C.length>0,S=t.pickCustomAttributes(y);return e.jsxRuntimeExports.jsxs("div",{ref:T,className:R?.data_table,"data-testid":"data-table",...S,children:[e.jsxRuntimeExports.jsxs("div",{"aria-label":m?y["aria-label"]:void 0,"aria-labelledby":m?y["aria-labelledby"]:void 0,className:R?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:m?"region":void 0,...m?{tabIndex:0}:{},children:[e.jsxRuntimeExports.jsxs(o.Table,{additionalClasses:R?.table,"aria-hidden":!!H||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:H?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:g,...b.applyZIndexToWrapper({tableConfig:j?.table}),children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!u?.content,children:e.jsxRuntimeExports.jsx(l.TableCaption,{additionalClasses:R?.table_caption,component:H?"div":void 0,...u,children:u?.content})}),e.jsxRuntimeExports.jsx(n.DataTableHead,{columns:p,cssClasses:R,sticky:g,tableHeadConfig:j?.tableHead,tableHeadRowConfig:j?.tableHeadRow,usingRowGroups:H}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!H&&f&&f.length>0,children:e.jsxRuntimeExports.jsx(i.TableBody,{additionalClasses:R?.table_body,...j?.tableBody,children:e.jsxRuntimeExports.jsx(d.DataTableRows,{activeRows:x,columns:p,cssClasses:R,hoverable:h,hoverableRows:v,nonHoverableRows:w,rows:f,usingRowGroups:H})})})]}),C?.map((t,n)=>e.jsxRuntimeExports.jsxs(a.Fragment,{children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!t.divider,children:e.jsxRuntimeExports.jsx(r.TableDivider,{variant:"DEFAULT",...t.divider,children:t.divider?.content})}),e.jsxRuntimeExports.jsxs(o.Table,{additionalClasses:R?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...b.applyPositionToWrapper({tableConfig:t.config?.table}),children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!t.caption?.content,children:e.jsxRuntimeExports.jsx(l.TableCaption,{additionalClasses:R?.row_group_table_caption,...t.caption,children:t.caption?.content})}),e.jsxRuntimeExports.jsx(c.HiddenDataTableHead,{columns:p,cssClasses:R}),e.jsxRuntimeExports.jsx(i.TableBody,{additionalClasses:R?.row_group_table_body,...t.config?.tableBody,children:e.jsxRuntimeExports.jsx(d.DataTableRows,{activeRows:x,columns:p,cssClasses:R,hoverable:h,hoverableRows:v,isRowGroup:!0,nonHoverableRows:w,rows:t.rows,usingRowGroups:H})})]})]},`${t.caption?.["data-testid"]}-${n.toString()}`))]}),e.jsxRuntimeExports.jsx("div",{className:R?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),e.jsxRuntimeExports.jsx("div",{className:R?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});exports.DataTableStandAlone=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),a=require("react"),s=require("../tableBody/tableBody.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../table/table.js"),i=require("../tableCaption/tableCaption.js"),l=require("../tableDivider/tableDivider.js"),r=require("./components/dataTableHead.js"),n=require("./components/dataTableRows.js"),d=require("./components/hiddenDataTableHead.js"),b=require("./utils/tableConfig.js"),c=a.forwardRef(({activeRows:c,caption:u,columns:p,config:x,cssClasses:j,hasScroll:m,hoverable:R,hoverableRows:h,nonHoverableRows:v,rowGroups:w,rows:C,stickyHead:g,styles:y,...f},E)=>{const T=w&&w.length>0,H=t.pickCustomAttributes(f);return e.jsxRuntimeExports.jsxs("div",{ref:E,className:j?.data_table,"data-testid":"data-table",...H,children:[e.jsxRuntimeExports.jsxs("div",{"aria-label":m?f["aria-label"]:void 0,"aria-labelledby":m?f["aria-labelledby"]:void 0,className:j?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:m?"region":void 0,...m?{tabIndex:0}:{},children:[e.jsxRuntimeExports.jsxs(o.Table,{additionalClasses:j?.table,"aria-hidden":!!T||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:T?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:g,...b.applyZIndexToWrapper({tableConfig:x?.table}),children:[!!u?.content&&e.jsxRuntimeExports.jsx(i.TableCaption,{additionalClasses:j?.table_caption,component:T?"div":void 0,...u,children:u?.content}),e.jsxRuntimeExports.jsx(r.DataTableHead,{columns:p,cssClasses:j,sticky:g,tableHeadConfig:x?.tableHead,tableHeadRowConfig:x?.tableHeadRow,usingRowGroups:T}),!T&&C&&C.length>0&&e.jsxRuntimeExports.jsx(s.TableBody,{additionalClasses:j?.table_body,...x?.tableBody,children:e.jsxRuntimeExports.jsx(n.DataTableRows,{activeRows:c,columns:p,cssClasses:j,hoverable:R,hoverableRows:h,nonHoverableRows:v,rows:C,usingRowGroups:T})})]}),w?.map((t,r)=>e.jsxRuntimeExports.jsxs(a.Fragment,{children:[!!t.divider&&e.jsxRuntimeExports.jsx(l.TableDivider,{variant:"DEFAULT",...t.divider,children:t.divider?.content}),e.jsxRuntimeExports.jsxs(o.Table,{additionalClasses:j?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...b.applyPositionToWrapper({tableConfig:t.config?.table}),children:[!!t.caption?.content&&e.jsxRuntimeExports.jsx(i.TableCaption,{additionalClasses:j?.row_group_table_caption,...t.caption,children:t.caption?.content}),e.jsxRuntimeExports.jsx(d.HiddenDataTableHead,{columns:p,cssClasses:j}),e.jsxRuntimeExports.jsx(s.TableBody,{additionalClasses:j?.row_group_table_body,...t.config?.tableBody,children:e.jsxRuntimeExports.jsx(n.DataTableRows,{activeRows:c,columns:p,cssClasses:j,hoverable:R,hoverableRows:h,isRowGroup:!0,nonHoverableRows:v,rows:t.rows,usingRowGroups:T})})]})]},`${t.caption?.["data-testid"]}-${r.toString()}`))]}),e.jsxRuntimeExports.jsx("div",{className:j?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),e.jsxRuntimeExports.jsx("div",{className:j?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});exports.DataTableStandAlone=c;

package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/resizeObserver/resizeObserver.js"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableHasScroll=({ref:s})=>{const[l,o]=e.useState(!1);return e.useEffect(()=>{const e=s.current?.querySelector?.("[data-datatable-scrollable-container]");let l;if(e instanceof HTMLElement){const s=e=>{o(t.hasScroll(e))};s(e),l=new r.ResizeObserver(()=>{s(e)}),l.observe(e)}return()=>{l?.disconnect()}},[]),{hasScroll:l}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableHasScroll=({ref:t})=>{const[s,l]=e.useState(!1);return e.useEffect(()=>{const e=t.current?.querySelector?.("[data-datatable-scrollable-container]");let s;if(e instanceof HTMLElement){const t=e=>{l(r.hasScroll(e))};t(e),s=new ResizeObserver(()=>{t(e)}),s.observe(e)}return()=>{s?.disconnect()}},[]),{hasScroll:s}};

package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js");exports.useDataTableShadow=({headBoxShadow:s,leftBoxShadow:a,ref:r,rightBoxShadow:l})=>(e.useEffect(()=>{const e=r.current,o=e?.querySelector("[data-datatable-scrollable-container]");let i;const c=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(o.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=a,t.classList.add(a),t.style.height=`${o.clientHeight}px`):t.classList.remove(a))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),i=new t.ResizeObserver(()=>{c()}),i.observe(o)),()=>{o?.removeEventListener("scroll",c),i?.disconnect()}},[]),{});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDataTableShadow=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e.useEffect(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});

package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyDividers=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let s;if(e instanceof HTMLElement){const a=e=>{const t=r.hasHorizontalScroll(e),s=e.querySelectorAll("[data-table-divider]"),a=e.querySelectorAll('[data-sticky="left"]').length>0;let o=0,i=0;if(a){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(o=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(i=Math.max(i,e.offsetWidth))})}s.forEach(e=>{e instanceof HTMLElement&&(a?(e.style.position=t?"sticky":"",e.style.left=t?"0":"",e.style.zIndex=t?`${o+1}`:""):e.style.width=t?`${i}px`:"")})};a(e),s=new t.ResizeObserver(()=>{a(e)}),s.observe(e)}return()=>{s?.disconnect()}},[]),{});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyDividers=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const a=e=>{const r=t.hasHorizontalScroll(e),a=e.querySelectorAll("[data-table-divider]"),o=e.querySelectorAll('[data-sticky="left"]').length>0;let s=0,c=0;if(o){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(s=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(c=Math.max(c,e.offsetWidth))})}a.forEach(e=>{e instanceof HTMLElement&&(o?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${s+1}`:""):e.style.width=r?`${c}px`:"")})};a(e),r=new ResizeObserver(()=>{a(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{});

package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyLeftColumns=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]"),a=l.current?.querySelector("[data-datatable-left-shadow]");let s;if(e instanceof HTMLElement){const l=e=>{const t=r.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let s=0;l.forEach(e=>{if(e instanceof HTMLElement){const r=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.left=t?`${l}px`:"auto",l+=e.offsetWidth)}),s=Math.max(s,l)}}),a instanceof HTMLElement&&(a.style.left=`${s}px`)};l(e),s=new t.ResizeObserver(()=>{l(e)}),s.observe(e)}return()=>{s?.disconnect()}},[]),{});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyLeftColumns=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]"),r=l.current?.querySelector("[data-datatable-left-shadow]");let a;if(e instanceof HTMLElement){const l=e=>{const l=t.hasHorizontalScroll(e),a=e.querySelectorAll("[data-table-row]");let o=0;a.forEach(e=>{if(e instanceof HTMLElement){const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let r=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=l?`${r}px`:"auto",r+=e.offsetWidth)}),o=Math.max(o,r)}}),r instanceof HTMLElement&&(r.style.left=`${o}px`)};l(e),a=new ResizeObserver(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[]),{});

package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/resizeObserver/resizeObserver.js"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyRightColumns=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]"),s=l.current?.querySelector("[data-datatable-right-shadow]");let a;if(e instanceof HTMLElement){const l=e=>{const t=r.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let a=0;if(l.forEach(e=>{if(e instanceof HTMLElement){const r=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.right=t?`${l}px`:"auto",l+=e.offsetWidth)}),a=Math.max(a,l)}}),s instanceof HTMLElement){if(r.hasVerticalScroll(e)){const t=e.offsetWidth-e.clientWidth;a+=t}s.style.right=`${a}px`}};l(e),a=new t.ResizeObserver(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[]),{});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyRightColumns=({ref:r})=>(e.useEffect(()=>{const e=r.current?.querySelector("[data-datatable-scrollable-container]"),a=r.current?.querySelector("[data-datatable-right-shadow]");let l;if(e instanceof HTMLElement){const r=e=>{const r=t.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let o=0;if(l.forEach(e=>{if(e instanceof HTMLElement){const t=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let a=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.right=r?`${a}px`:"auto",a+=e.offsetWidth)}),o=Math.max(o,a)}}),a instanceof HTMLElement){if(t.hasVerticalScroll(e)){const t=e.offsetWidth-e.clientWidth;o+=t}a.style.right=`${o}px`}};r(e),l=new ResizeObserver(()=>{r(e)}),l.observe(e)}return()=>{l?.disconnect()}},[]),{});

package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("../../lib/utils/keyboard/keyboard.js"),t=require("../../lib/utils/focusHandlers/focusHandlers.js"),i=require("./dropdownSelectedStandAlone.js"),l=s.forwardRef(({additionalClasses:l,closePopoverOnScroll:u,listOptions:a,onClosePopover:d,open:c,url:p,variant:f,...m},v)=>{const{LINK:C}=r.useGenericComponents(),b=o.useClassName({additionalClassNames:l,component:"DROPDOWN_SELECTED",variant:f}),j=s.useRef(null);return s.useEffect(()=>{if(u)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[u,d]),e.jsxRuntimeExports.jsx(i.DropdownSelectedStandAlone,{ref:v,component:p?C:"button",cssClasses:b,listOptions:a,listOptionsRef:j,open:c,onButtonKeyDown:e=>{c&&n.isKeyTabPressed(e.key)&&!e.shiftKey&&j.current&&("selection"===a.type?j.current.firstElementChild?.focus():t.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...m})});exports.DropdownSelectedControlled=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/hooks/useClassName/useClassName.js"),n=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),t=require("../../lib/utils/keyboard/keyboard.js"),i=require("../../lib/utils/focusHandlers/focusHandlers.js"),l=require("./dropdownSelectedStandAlone.js"),u=s.forwardRef(({additionalClasses:u,closePopoverOnScroll:a,listOptions:d,onClosePopover:c,open:p,url:f,variant:m,...v},y)=>{const{LINK:C}=n.useGenericComponents(),b=o.useClassName({additionalClassNames:u,component:"DROPDOWN_SELECTED",variant:m}),j=s.useRef(null);return s.useEffect(()=>{if(a)return window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}},[a,c]),e.jsxRuntimeExports.jsx(l.DropdownSelectedStandAlone,{ref:y,component:f?C:"button",cssClasses:b,listOptions:d,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&t.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===d.type?j.current.firstElementChild?.focus():i.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:c,...v})});exports.DropdownSelectedControlled=u;

package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../renderIf/renderIf.js"),s=require("../text/text.js"),n=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),l=require("../../lib/components/customComponent/customComponent.js"),a=require("../elementOrIcon/elementOrIcon.js"),c=require("../listOptions/listOptions.js"),p=require("../listOptions/utils/listOptions.utils.js"),u=require("../popover/popover.js"),d=t.forwardRef(({buttonOrLinkRef:d,component:x,cssClasses:m,icon:j,label:v,listOptions:b,listOptionsRef:C,onBlur:k,onButtonClick:f,onButtonKeyDown:h,onClosePopover:y,onFocus:O,onKeyDown:R,onOptionClick:D,open:E,optionSelected:M,popover:q,url:w,urlTarget:g,...I},F)=>{const T=n.useId("DropdownSelected"),A=E?`${T}-list`:void 0,S=I["data-testid"]||"dropdown-selected",K=r.pickCustomAttributes(I),B=t.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:p.keyDownMove(b.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=b.options,(t,o)=>{if(o?.shiftKey){const e=Math.max(t,0)-1;return e>=0&&o?.preventDefault(),Math.max(e,0)}const s=Math.max(t,0)+1;return s<=e.length-1&&o?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:p.keyUpMove,size:b.options.length};var e},[b.options]);return e.jsxRuntimeExports.jsxs("div",{ref:F,className:m?.dropdown_selected,"data-testid":S,role:"combobox",onBlur:k,onFocus:O,onKeyDown:R,...K,"aria-controls":"dropdown-selected-list","aria-expanded":E,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(l.CustomComponent,{ref:d,"aria-controls":A,"aria-expanded":E,"aria-haspopup":"listbox",className:m?.buttonorlinkcontainer,component:x,target:w?g:void 0,type:w?void 0:"button",url:w,onClick:f,onKeyDown:h,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:E?m?.labelopened:m?.labelclosed},component:"span",...i.processText(v)}),e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:E?m?.iconopened:m?.iconclosed,rotate:E?"180deg":"0deg",transitionDuration:"0.2s",...j})]}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!!q,children:e.jsxRuntimeExports.jsx(u.Popover,{anchorElement:d?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:A,open:E,placement:"bottom",preventCloseOnClickElements:[d?.current],strategy:"absolute",...q,onClose:()=>{y(),q?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:m?.listoptionscontainer,"data-testid":`${S}-list`,children:e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!!b.variant&&!!b.optionVariant,children:e.jsxRuntimeExports.jsx(c.ListOptions,{ref:C,roveFocus:"selection"===b.type?B:void 0,selectedValue:M,...b,onOptionClick:e=>{D(e),y()}})})})})})]})});exports.DropdownSelectedStandAlone=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../listOptions/listOptions.js"),a=require("../listOptions/utils/listOptions.utils.js"),p=require("../popover/popover.js"),c=o.forwardRef(({buttonOrLinkRef:c,component:u,cssClasses:d,icon:m,label:x,listOptions:v,listOptionsRef:b,onBlur:j,onButtonClick:C,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:h,onOptionClick:f,open:M,optionSelected:g,popover:w,url:D,urlTarget:E,...R},q)=>{const F=`dropdownselected-${o.useId().replace(/:/g,"")}`,A=M?`${F}-list`:void 0,S=R["data-testid"]||"dropdown-selected",T=n.pickCustomAttributes(R),I=o.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:a.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:a.keyUpMove,size:v.options.length};var e},[v.options]);return e.jsxRuntimeExports.jsxs("div",{ref:q,className:d?.dropdown_selected,"data-testid":S,role:"combobox",onBlur:j,onFocus:O,onKeyDown:h,...T,"aria-controls":"dropdown-selected-list","aria-expanded":M,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(r.CustomComponent,{ref:c,"aria-controls":A,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:D?E:void 0,type:D?void 0:"button",url:D,onClick:C,onKeyDown:k,children:[e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...i.processTextProp(x)}),e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...m})]}),!!w&&e.jsxRuntimeExports.jsx(p.Popover,{anchorElement:c?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:A,open:M,placement:"bottom",preventCloseOnClickElements:[c?.current],strategy:"absolute",...w,onClose:()=>{y(),w?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:d?.listoptionscontainer,"data-testid":`${S}-list`,children:!!v.variant&&!!v.optionVariant&&e.jsxRuntimeExports.jsx(l.ListOptions,{ref:b,roveFocus:"selection"===v.type?I:void 0,selectedValue:g,...v,onOptionClick:e=>{f(e),y()}})})})]})});exports.DropdownSelectedStandAlone=c;