@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.10

package/README.md

@@ -7,16 +7,20 @@
   </a>
 </p>
 
-<div align='center'>
-  
-<a href='#'>
-<img src='./assets/version.png' width="150px">
-</a>
-  
-<a href='#'>
-<img src='./assets/license.png' width="230px">
-</a>
-  
+<div align="center">
+
+[![NPM Version](https://img.shields.io/npm/v/@kubit-ui-web/react-components?style=for-the-badge&logo=npm&color=CB3837)](https://www.npmjs.com/package/@kubit-ui-web/react-components)
+[![NPM Downloads](https://img.shields.io/npm/dm/@kubit-ui-web/react-components?style=for-the-badge&logo=npm&color=CB3837)](https://www.npmjs.com/package/@kubit-ui-web/react-components)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/@kubit-ui-web/react-components?style=for-the-badge&logo=webpack&color=8DD6F9)](https://bundlephobia.com/package/@kubit-ui-web/react-components)
+
+[![License](https://img.shields.io/github/license/kubit-ui/kubit-react-components?style=for-the-badge&color=blue)](./LICENSE.md)
+[![GitHub Stars](https://img.shields.io/github/stars/kubit-ui/kubit-react-components?style=for-the-badge&logo=github&color=yellow)](https://github.com/kubit-ui/kubit-react-components/stargazers)
+[![GitHub Issues](https://img.shields.io/github/issues/kubit-ui/kubit-react-components?style=for-the-badge&logo=github&color=red)](https://github.com/kubit-ui/kubit-react-components/issues)
+
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
+[![React](https://img.shields.io/badge/React-18.3-61DAFB?style=for-the-badge&logo=react)](https://reactjs.org/)
+[![Storybook](https://img.shields.io/badge/Storybook-10.1-FF4785?style=for-the-badge&logo=storybook)](https://storybook.js.org/)
+
 </div>
 
 <br />
@@ -27,9 +31,23 @@
 
 # Getting Started
 
+> **Kubit React Components** is a customizable, accessible library of React web components, designed to enhance your application's user experience with production-ready components.
+
+## 📋 Table of Contents
+
+- [Installation](#installation)
+- [Quick Start](#quick-start)
+- [Usage](#usage)
+- [Documentation](#documentation)
+- [Storybook](#storybook)
+- [Features](#features)
+- [Browser Support](#browser-support)
+- [Contributing](#contributing)
+- [License](#license)
+
 ## Installation
 
-To install the package, run the following command:
+Install the package using your preferred package manager:
 
 ### npm
 
@@ -43,16 +61,33 @@ npm install @kubit-ui-web/react-components
 yarn add @kubit-ui-web/react-components
 ```
 
-This will install the package and its dependencies. Now you can import the components and use them in your application.
+### pnpm
 
-## Usage
+```bash
+pnpm add @kubit-ui-web/react-components
+```
+
+**Package Info:**
+
+- 📦 Size: ~235 KB (gzipped)
+- 🎯 Tree-shakeable: Yes
+- 📘 TypeScript: Full support
+- ⚛️ React: 17+ and 18+
+
+## Quick Start
+
+Import and use components in your application:
+
+## Quick Start
 
-To use the components, import them from the package and use them in your application.
+Import and use components in your application:
 
 ```tsx
-import { Button, KubitProvider } from '@kubit-ui-web/react-components';
 import React from 'react';
 
+import { Button, KubitProvider } from '@kubit-ui-web/react-components';
+import '@kubit-ui-web/react-components/styles/default/default.min.css';
+
 const App = () => {
   return (
     <KubitProvider>
@@ -66,74 +101,313 @@ const App = () => {
 export default App;
 ```
 
-This will render the button with the default styles and functionality.
+> **Note:** The `KubitProvider` is required to use the components. It provides the theme and other context.
+
+## Usage
+
+### Basic Components
+
+```tsx
+import {
+  Button,
+  Input,
+  KubitProvider,
+  Modal,
+  Tooltip,
+} from '@kubit-ui-web/react-components';
+
+function MyApp() {
+  return (
+    <KubitProvider>
+      <Input label="Email" placeholder="Enter your email" type="email" />
+
+      <Button variant="PRIMARY" onClick={handleClick}>
+        Submit
+      </Button>
+
+      <Tooltip content="Helpful information">
+        <span>Hover me</span>
+      </Tooltip>
+    </KubitProvider>
+  );
+}
+```
+
+### Custom Theme
+
+Customize the theme to match your brand:
+
+```tsx
+import { KubitProvider } from '@kubit-ui-web/react-components';
+
+const customTheme = {
+  colors: {
+    primary: '#your-color',
+    secondary: '#your-secondary',
+  },
+};
+
+function App() {
+  return (
+    <KubitProvider theme={customTheme}>{/* Your components */}</KubitProvider>
+  );
+}
+```
+
+For more information about theme customization, visit [Kubit UI Documentation](https://kubit-ui.com).
+
+## Features
+
+✨ **50+ Production-Ready Components**
 
-> Note: The `KubitProvider` is required to use the components. It provides the theme and other context to the components.
+- Buttons, Inputs, Modals, Tooltips, and more
+- Fully customizable and themeable
 
-You can foud more information about change the theme and other options in the [Customize theme](https://kubit-ui.com)
+♿ **Accessible by Default**
+
+- WCAG 2.1 AA compliant
+- Keyboard navigation support
+- Screen reader friendly
+
+🎨 **Design System Integration**
+
+- Built with design tokens
+- CSS variables for easy customization
+- Bernova CSS generation
+
+📦 **Developer Experience**
+
+- Full TypeScript support
+- Tree-shakeable exports
+- Comprehensive documentation
+- Rich Storybook examples
+
+🚀 **Performance Optimized**
+
+- Small bundle size (~235 KB gzipped)
+- Code splitting ready
+- Minimal runtime overhead
+
+## Browser Support
+
+| Browser | Version         |
+| ------- | --------------- |
+| Chrome  | Last 2 versions |
+| Firefox | Last 2 versions |
+| Safari  | Last 2 versions |
+| Edge    | Last 2 versions |
 
 ## Documentation
 
-You can find the documentation for the web components in the [Kubit UI website](https://kubit-ui.com)
+You can find comprehensive documentation for all components at:
+
+🌐 **[Kubit UI Website](https://kubit-ui.com)**
+
+- Component API documentation
+- Interactive examples
+- Design guidelines
+- Migration guides
 
 ## Storybook
 
-To run the storybook, first of all clone the repository and install the dependencies. Then run the following command:
+Explore all components interactively in Storybook.
 
-```bash
-npm run storybook
+### View Online
 
-yarn storybook
-```
+🎭 **[View Storybook](https://kubit-ui.com/storybook)** - Browse all components online
 
-This will start the storybook server and you can see the components in action.
+### Run Locally
+
+To run Storybook locally:
+
+1. Clone the repository:
+
+   ```bash
+   git clone https://github.com/kubit-ui/kubit-react-components.git
+   cd kubit-react-components
+   ```
+
+2. Install dependencies:
+
+   ```bash
+   npm install
+   # or
+   yarn install
+   ```
+
+3. Start Storybook:
+   ```bash
+   npm run storybook
+   # or
+   yarn storybook
+   ```
+
+This will start the Storybook server at `http://localhost:6006` where you can see all components in action.
 
 ## Tests
 
-To run the tests, you can use the following command:
+Run the test suite to ensure everything works correctly:
 
 ```bash
+# Run all tests
 npm run test
-
+# or
 yarn test
+
+# Watch mode (for development)
+npm run test:watch
+# or
+yarn test:watch
+
+# Coverage report
+npm run test:coverage
+# or
+yarn test:coverage
 ```
 
-This will run the tests and show the results in the terminal.
+**Test Stack:**
+
+- ✅ Vitest - Fast unit testing
+- 🧪 Testing Library - Component testing
+- ♿ vitest-axe - Accessibility testing
 
 ## Contributing
 
-We are open to contributions. If you want to contribute to the project, please follow the steps below:
+We welcome contributions from the community! Here's how you can help:
+
+### Ways to Contribute
 
-1. **Fork the Repository**: Click the "Fork" button in the upper right corner of the repository's page on GitHub. This will create a copy of the repository in your account.
+- 🐛 Report bugs
+- 💡 Suggest new features
+- 📝 Improve documentation
+- 🔧 Submit pull requests
+- ⭐ Star the repository
 
-2. **Clone the Repository**: Use `git clone` to clone the repository to your local machine.
+### Contribution Steps
 
-   ```sh
-   git clone
+1. **Fork the Repository**: Click the "Fork" button in the upper right corner of the [repository's page](https://github.com/kubit-ui/kubit-react-components) on GitHub.
+
+2. **Clone the Repository**: Clone your fork to your local machine.
+
+   ```bash
+   git clone https://github.com/YOUR_USERNAME/kubit-react-components.git
+   cd kubit-react-components
    ```
 
-3. **Create a Branch**: Use `git checkout` to create a new branch for your changes.
+3. **Create a Branch**: Create a new branch for your changes.
 
-   ```sh
-   git checkout -b <branch-name>
+   ```bash
+   git checkout -b feature/your-feature-name
    ```
 
-4. **Make Changes**: Make any necessary changes to the codebase. And **test** the changes.
+4. **Install Dependencies**:
+
+   ```bash
+   yarn install
+   ```
+
+5. **Make Changes**: Make your changes and test them thoroughly.
+
+   ```bash
+   yarn test
+   yarn lint
+   yarn typecheck
+   ```
 
-5. **Commit Changes**: Use `git commit` to commit your changes to the branch.
+6. **Commit Changes**: Use conventional commits for your messages.
 
-   ```sh
-   git commit -m "Your commit message"
+   ```bash
+   git commit -m "feat: add new component feature"
    ```
 
-6. **Push Changes**: Use `git push` to push your changes to your forked repository.
+   **Commit Types:**
+   - `feat:` - New feature
+   - `fix:` - Bug fix
+   - `docs:` - Documentation changes
+   - `style:` - Code style changes (formatting)
+   - `refactor:` - Code refactoring
+   - `test:` - Adding or updating tests
+   - `chore:` - Maintenance tasks
 
-   ```sh
-   git push origin <branch-name>
+7. **Push Changes**: Push your changes to your fork.
+
+   ```bash
+   git push origin feature/your-feature-name
    ```
 
-7. **Open a Pull Request**: Go to the original repository on GitHub and click the "New pull request" button. Fill out the form with details about your changes and submit the pull request.
+8. **Open a Pull Request**: Go to the original repository and click "New pull request". Fill out the PR template with details about your changes.
+
+### Development Commands
 
-Once your pull request has been submitted, a maintainer will review your changes and provide feedback. If everything looks good, your pull request will be merged and your changes will become part of the project.
+```bash
+# Start development server
+yarn dev
 
-For more information on contributing to our projects, please refer to the `CONTRIBUTING.md` file.
+# Run Storybook
+yarn storybook
+
+# Build library
+yarn dist
+
+# Run tests
+yarn test
+
+# Lint code
+yarn lint
+
+# Type check
+yarn typecheck
+
+# Check package size
+yarn pack:size
+```
+
+For more detailed information, please refer to the [CONTRIBUTING.md](./CONTRIBUTING.md) file.
+
+## Community & Support
+
+- 💬 [GitHub Discussions](https://github.com/kubit-ui/kubit-react-components/discussions) - Ask questions and share ideas
+- 🐛 [Issue Tracker](https://github.com/kubit-ui/kubit-react-components/issues) - Report bugs and request features
+- 📧 [Email](mailto:kubit@opendigitalservices.com) - Contact the team
+- 🐦 [Twitter](https://twitter.com/kubit_ui) - Follow for updates
+
+## Related Projects
+
+- [Kubit Design System](https://kubit-ui.com) - Complete design system documentation
+- [Kubit Figma Kit](https://figma.com/@kubit) - Design files and components
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for a list of changes and migration guides.
+
+## Migration Guides
+
+- [v1.x to v2.0.0](./MIGRATION_GUIDE.md) - Complete migration guide for major version
+
+## License
+
+This project is licensed under the **Apache License 2.0** - see the [LICENSE.md](./LICENSE.md) file for details.
+
+```
+Copyright 2025 Kubit
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+```
+
+---
+
+<div align="center">
+
+**Made with ❤️ by the Kubit Team**
+
+[![GitHub](https://img.shields.io/badge/GitHub-kubit--ui-181717?style=for-the-badge&logo=github)](https://github.com/kubit-ui/kubit-react-components)
+[![NPM](https://img.shields.io/badge/NPM-%40kubit--ui--web%2Freact--components-CB3837?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/@kubit-ui-web/react-components)
+[![Website](https://img.shields.io/badge/Website-kubit--ui.com-4A90E2?style=for-the-badge&logo=google-chrome&logoColor=white)](https://kubit-ui.com)
+
+If you find this project useful, please consider giving it a ⭐️!
+
+</div>

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/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 s=require("../../../_virtual/jsx-runtime.js"),e=require("../../dot/dot.js"),t=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/utils/process/processIcon/processIcon.js"),i=require("../../../lib/utils/process/processText/processText.js");exports.DrawContent=({contentType:n,cssClasses:c,customAttributes:x,dot:u,icon:l,initials:p,maxLengthInitials:a})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[!!u?.number&&s.jsxRuntimeExports.jsx("span",{className:c?.dot,children:s.jsxRuntimeExports.jsx(e.Dot,{...u})}),"with-icon"===n&&s.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.icon,customAttributes:x,...o.processIcon(l)}),"with-initials"===n&&s.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:x,...i.processText(p,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"),s=require("react"),t=require("../dot/dot.js"),r=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processIcon/processIcon.js"),a=require("../../lib/utils/process/processText/processText.js"),c=s.forwardRef(({active:c,ariaLiveText:l,cssSizeClasses:u,cssVariantClasses:x,dot:d,hasDot:p,icon:m,label:j,labelIcon:b,onBadgeBlur:R,onClick:E,role:C,...I},g)=>{const h=s.useRef(null),A=s.useRef(null),k={"data-active":!!c},q=o.pickCustomAttributes({...I,customAttributes:k}),v=o.pickCustomAttributes(k),f=q["data-testid"]||"badge";s.useImperativeHandle(g,()=>A.current,[]);const N=s.useCallback(e=>{R?.(e)},[R]),$=s.useCallback(e=>{E?.(e)},[E]);return e.jsxRuntimeExports.jsx("div",{ref:A,className:`${x?.badge} ${u?.badge}`,"data-testid":`${f}-container`,...v,children:e.jsxRuntimeExports.jsxs("button",{ref:h,className:x?.button,"data-testid":f,role:C,type:"button",onBlur:N,onClick:$,...q,children:[e.jsxRuntimeExports.jsxs("span",{className:x?.dotcontainer,children:[!!d&&!!p&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:x?.dot,children:e.jsxRuntimeExports.jsx(t.Dot,{...d})}),e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:`${x?.icon} ${u?.icon}`,...n.processIcon(m),customAttributes:k})]}),!!j&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:x?.labelcontainer,children:[e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:`${u?.label} ${x?.label}`},component:"span",...a.processText(j),customAttributes:k}),e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:x?.labelicon,rotate:c?"180deg":"0deg",transitionDuration:"0.2s",...n.processIcon(b),customAttributes:k})]}),e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"polite",children:l})]})})});exports.BadgeStandAlone=c;

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/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/processIcon/processIcon.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:I,loading:f,minWidth:N,onClick:h,role:y,tabIndex:C,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":f,"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:C,title:g,type:q,onClick:h,...S,...R,children:[!!I&&!!f&&s.jsxRuntimeExports.jsx("span",{className:o.classNames(c?.loader,u?.loader),children:I}),!f&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{...n.processIcon(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/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("../../../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=({allowModifySliceWidth:s=!1,autoFitContainer:l=!1,centerExtremesWhenExtraPadding:c=!1,centerMode:o=!1,circular:d=!0,contentContainerRef:g,defaultPage:P=0,disabled:f=!1,elements:m,extraPadding:C=0,numElementsPerPage:w,numElementsToSlide:h,onePageAlign:E="center",onNumElementsPerPageChange:I,onNumPagesChange:x,onPageChange:R,rootContainerRef:b,viewerContainerRef:v})=>{const N=e.useRef(!0),S=e.useRef(P),p=e.useRef(P),y=e.useRef(w),L=e.useRef(0),V=e.useCallback(e=>{const n=g.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,elementsLength:m.length,extraPadding:C,numElementsPerPage:y.current,numPages:L.current});p.current=t,S.current!==p.current&&(S.current=p.current,R?.(p.current));const{firstIndexInView:r,lastIndexInView:s}=a.default.calcFirstAndLastIndexInCarouselView({currentPage:p.current,elementsLength:m.length,isCircular:d,numElementsPerPage:y.current,numElementsToSlide:h});u.default.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:s}),o&&u.default.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:s,numElementsPerPage:y.current}),N.current=!0},[m,C,h,d,o,R]),T=e.useCallback(({animated:e=!0,newPage:n})=>{const t=v.current,r=g.current;if(!t||!r||!N.current||!y.current||!m.length||L.current<1||(d?n<-1:n<0)||(d?n>L.current:n>L.current-1))return;e&&r.setAttribute("data-shifting","true"),u.default.deleteCenterMode({contentContainer:r}),p.current=n;const{firstIndexInView:l,lastIndexInView:o}=a.default.calcFirstAndLastIndexInCarouselView({currentPage:p.current,elementsLength:m.length,isCircular:d,numElementsPerPage:y.current,numElementsToSlide:h});s||u.default.updateViewerWidth({contentContainer:r,extraPadding:C,firstIndexInView:l,lastIndexInView:o,viewerContainer:t});const P=r.style.left,f=a.default.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:c,circular:d,contentContainer:r,currentPage:p.current,extraPadding:C,firstIndexInView:l,numPages:L.current});r.style.left=f,e&&P!==f?N.current=!1:V({propertyName:i.default.PROPERTY_TO_HANDLE_TRANSITION_END})},[m,h,d,s,C,c,V]),O=e.useCallback(()=>{const e=v.current,n=g.current;e&&n&&y.current&&(s&&(e.style.width="100%",u.default.updateSlicesWidth({centerMode:o,contentContainer:n,extraPadding:C,numElementsPerPage:y.current,viewerContainer:e})),u.default.manageCircularClones({circular:d,contentContainer:n,elementsLength:m.length,numElementsPerPage:y.current}),T({animated:!1,newPage:p.current}))},[s,o,d,m,C,T]),A=e.useCallback(()=>{const e=b.current,n=v.current,t=g.current;if(!e||!n||!t)return;e.style.width="100%";const r=w||a.default.calcNumElementsPerPage({contentContainer:t,elementsLength:m.length,extraPadding:C,rootContainer:e,viewerContainer:n})||1;l&&(e.style.width="fit-content"),r!==y.current&&(y.current=r,I?.(r));const i=a.default.calcNumPages({elementsLength:m.length,numElementsPerPage:r,numElementsToSlide:h});L.current!==i&&(L.current=i,x?.(i),p.current=Math.min(Math.max(0,P),i-1)),i<=1&&u.default.alignOnePageCarousel({allowModifySliceWidth:s,contentContainer:t,onePageAlign:E,rootContainer:e})},[s,m,C,w,h,E,l,I,x,R]),M=e.useCallback(()=>{A(),O()},[A,O]);return e.useEffect(()=>{const e=g.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=g.current;return e?.addEventListener("transitionend",V),()=>{e?.removeEventListener("transitionend",V)}},[V]),r.useCarouselSwipe({allowShiftRef:N,centerExtremesWhenExtraPadding:c,changePage:T,circular:d,contentContainerRef:g,currentPageRef:p,disabled:f,elements:m,extraPadding:C,numElementsPerPageRef:y,numPagesRef:L,viewerContainerRef:v}),t.useCarouselKeyNavigation({allowShiftRef:N,changePage:T,circular:d,currentPageRef:p,disabled:f,numPagesRef:L,rootContainerRef:b}),{allowShiftRef:N,changePage:T,currentPageRef:p,numElementsPerPageRef:y,numPagesRef:L}};

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/utils/keyboard/keyboard.js");exports.useCarouselKeyNavigation=({allowShiftRef:t,changePage:n,circular:u,currentPageRef:o,disabled:s=!1,numPagesRef:c,rootContainerRef:a})=>{e.useEffect(()=>{if(s)return;const e=e=>{!t.current||c.current<=1||(r.isArrowLeftPressed(e.key)?t.current&&(u||0!==o.current)&&n({newPage:o.current-1}):r.isArrowRightPressed(e.key)&&t.current&&(u||o.current!==c.current-1)&&n({newPage:o.current+1}))},i=a.current;return i?.addEventListener("keydown",e),()=>{i?.removeEventListener("keydown",e)}},[u,n,s])};

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])};