@digital-b2c/coreui-kit 0.13.0 → 0.13.2

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Luxottica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

package/dist/index.cjs

@@ -514,15 +514,15 @@ var useViewPort = () => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
-  const is = (what, range) => {
+  const is = (what, range2) => {
     const isArray = Array.isArray(what);
-    if (!range && !isArray) {
+    if (!range2 && !isArray) {
       return what === device;
     }
-    if (!range && isArray) {
+    if (!range2 && isArray) {
       return device ? what.includes(device) : false;
     }
-    const list = range === "above" ? ORDER : [...ORDER].reverse();
+    const list = range2 === "above" ? ORDER : [...ORDER].reverse();
     const devices = getOtherDevices(list, what, true);
     return device && devices.includes(device);
   };
@@ -1121,6 +1121,31 @@ var InfoCard2 = Object.assign(InfoCard, {
   Subtitle: InfoCardSubtitle
 });
 
+// src/utils/getPaginationRange.ts
+var DOTS = "...";
+var range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
+var getPaginationRange = (totalPages, currentPage, siblingCount = 1, boundaryCount = 1) => {
+  const totalPageNumbers = siblingCount * 2 + boundaryCount * 2 + 3;
+  if (totalPageNumbers >= totalPages) {
+    return range(1, totalPages);
+  }
+  const leftSiblingIndex = Math.max(currentPage - siblingCount, boundaryCount + 1);
+  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages - boundaryCount);
+  const showLeftDots = leftSiblingIndex > boundaryCount + 2;
+  const showRightDots = rightSiblingIndex < totalPages - boundaryCount - 1;
+  const firstPages = range(1, boundaryCount);
+  const lastPages = range(totalPages - boundaryCount + 1, totalPages);
+  if (!showLeftDots && showRightDots) {
+    const leftRange = range(1, boundaryCount + siblingCount * 2 + 2);
+    return [...leftRange, DOTS, ...lastPages];
+  }
+  if (showLeftDots && !showRightDots) {
+    const rightRange = range(totalPages - (boundaryCount + siblingCount * 2 + 1), totalPages);
+    return [...firstPages, DOTS, ...rightRange];
+  }
+  return [...firstPages, DOTS, ...range(leftSiblingIndex, rightSiblingIndex), DOTS, ...lastPages];
+};
+
 // src/components/Pagination/Pagination.module.scss
 var Pagination_module_default = {
   pagination: "Pagination_module_pagination",
@@ -1128,8 +1153,10 @@ var Pagination_module_default = {
   prev: "Pagination_module_prev",
   pages: "Pagination_module_pages",
   page: "Pagination_module_page",
+  "no-border": "Pagination_module_no-border",
+  number: "Pagination_module_number",
   active: "Pagination_module_active",
-  number: "Pagination_module_number"
+  dots: "Pagination_module_dots"
 };
 var Pagination = ({
   className,
@@ -1139,6 +1166,10 @@ var Pagination = ({
   hasNumber = false,
   disableArrows = false,
   onPageChange,
+  showEllipsis,
+  boundaryCount,
+  siblingCount,
+  hidePagesBorder = false,
   renderLink
 }) => {
   const [activePage, setActivePage] = React66.useState(currentPage);
@@ -1173,6 +1204,7 @@ var Pagination = ({
   };
   const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
   const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
+  const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx16__default.default(Pagination_module_default.pagination, className), children: [
     !disableArrows && (renderLink ? renderLink({
       page: prevPage,
@@ -1189,11 +1221,15 @@ var Pagination = ({
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronLeft" })
       }
     )),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Pagination_module_default.pages, children: Array.from({ length: totalPages }, (_, i) => {
-      const page = i + 1;
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Pagination_module_default.pages, children: pageItems.map((item, index) => {
+      if (item === "...") {
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
+      }
+      const page = item;
       const pageClassName = clsx16__default.default(Pagination_module_default.page, {
         [Pagination_module_default.active]: activePage === page,
-        [Pagination_module_default.number]: hasNumber
+        [Pagination_module_default.number]: hasNumber,
+        [Pagination_module_default["no-border"]]: hidePagesBorder
       });
       return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React66.Fragment, { children: renderLink({
         page,
@@ -3370,7 +3406,7 @@ var Teaser5050WithCta = ({
             titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx16__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
-          (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               className: Teaser5050WithCta_module_default.cta,