@dnanpm/ui-components 0.8.0 → 0.10.0

package/dist/components/Pagination/Pagination.css

@@ -0,0 +1,256 @@
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._pagination_1w4hz_1 {
+    container: pagination / inline-size;
+    width: 100%;
+    min-width: 0;
+    font: var(--typography-label-lg);
+}
+
+._pagination__list_1w4hz_8 {
+    --_pagination-3: flex;
+    --_pagination-cell: var(--spacing-space-40);
+
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--spacing-space-8);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+._pagination__list--wide_1w4hz_21 {
+    --_pagination-cell: var(--spacing-space-64);
+}
+
+._pagination__list--arrows_1w4hz_25 {
+    --_pagination-3: initial;
+
+    flex-wrap: nowrap;
+}
+
+._pagination__item_1w4hz_31,
+._pagination__arrow_1w4hz_32 {
+    flex: 0 0 auto;
+    margin: 0;
+    padding: 0;
+}
+
+._pagination__item_1w4hz_31 {
+    display: var(
+        --_pagination-member-3,
+        var(--_pagination-member-5, var(--_pagination-member-7, var(--_pagination-member-9, none)))
+    );
+}
+
+._pagination__item--3_1w4hz_45 {
+    --_pagination-member-3: var(--_pagination-3);
+}
+
+._pagination__item--5_1w4hz_49 {
+    --_pagination-member-5: var(--_pagination-5);
+}
+
+._pagination__item--7_1w4hz_53 {
+    --_pagination-member-7: var(--_pagination-7);
+}
+
+._pagination__item--9_1w4hz_57 {
+    --_pagination-member-9: var(--_pagination-9);
+}
+
+/* Each query budget reserves one extra cell for a number focused before a resize. */
+._pagination__item_1w4hz_31:focus-within,
+._pagination__item--current_1w4hz_63 {
+    display: flex;
+}
+
+._pagination__button_1w4hz_67,
+._pagination__gap_1w4hz_68 {
+    box-sizing: border-box;
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--_pagination-cell);
+    min-height: var(--spacing-space-40);
+    font: inherit;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+}
+
+._pagination__button_1w4hz_67 {
+    appearance: none;
+    padding: var(--spacing-space-8);
+    border: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-mid);
+    border-radius: var(--radius-semantic-sm);
+    background: var(--color-semantic-surface-base);
+    color: var(--color-semantic-foreground-default);
+    cursor: pointer;
+
+    &:hover,
+    &:focus-visible {
+        background: var(--color-semantic-surface-neutral-mid);
+    }
+
+    &[aria-current='page'] {
+        border-color: transparent;
+        background: var(--color-semantic-interactive-primary-default);
+        color: var(--color-semantic-foreground-inverse);
+
+        &:hover,
+        &:focus-visible,
+        &:active {
+            background: var(--color-semantic-interactive-primary-hover);
+        }
+    }
+
+    &:disabled {
+        background: var(--color-semantic-interactive-neutral-disabled);
+        color: var(--color-semantic-foreground-muted);
+        cursor: default;
+    }
+
+    & > svg {
+        width: var(--spacing-space-16);
+        height: var(--spacing-space-16);
+    }
+}
+
+._pagination__arrow_1w4hz_32 ._pagination__button_1w4hz_67 {
+    min-width: var(--spacing-space-40);
+}
+
+._pagination__gap_1w4hz_68 {
+    color: var(--color-semantic-foreground-default);
+
+    & > svg {
+        width: var(--spacing-space-16);
+        height: var(--spacing-space-16);
+    }
+}
+
+@scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
+    ._pagination__gap_1w4hz_68 {
+        color: var(--color-semantic-foreground-inverse);
+    }
+}
+
+/* Thresholds include 8px gaps, 8px focus clearance, arrows, and one spare page cell. */
+@container pagination (width >= 17.5em) {
+    ._pagination__list--normal_1w4hz_140._pagination__list--arrows_1w4hz_25 {
+        --_pagination-3: flex;
+    }
+}
+
+@container pagination (width >= 18em) {
+    ._pagination__list--normal_1w4hz_140:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-3: initial;
+        --_pagination-5: flex;
+    }
+}
+
+@container pagination (width >= 23.5em) {
+    ._pagination__list--wide_1w4hz_21._pagination__list--arrows_1w4hz_25 {
+        --_pagination-3: flex;
+    }
+}
+
+@container pagination (width >= 24em) {
+    ._pagination__list--normal_1w4hz_140._pagination__list--arrows_1w4hz_25 {
+        --_pagination-3: initial;
+        --_pagination-5: flex;
+    }
+
+    ._pagination__list--normal_1w4hz_140:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-5: initial;
+        --_pagination-7: flex;
+    }
+}
+
+@container pagination (width >= 27em) {
+    ._pagination__list--wide_1w4hz_21:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-3: initial;
+        --_pagination-5: flex;
+    }
+}
+
+@container pagination (width >= 30em) {
+    ._pagination__list--normal_1w4hz_140._pagination__list--arrows_1w4hz_25 {
+        --_pagination-5: initial;
+        --_pagination-7: flex;
+    }
+
+    ._pagination__list--normal_1w4hz_140:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-7: initial;
+        --_pagination-9: flex;
+    }
+}
+
+@container pagination (width >= 33em) {
+    ._pagination__list--wide_1w4hz_21._pagination__list--arrows_1w4hz_25 {
+        --_pagination-3: initial;
+        --_pagination-5: flex;
+    }
+}
+
+@container pagination (width >= 36em) {
+    ._pagination__list--normal_1w4hz_140._pagination__list--arrows_1w4hz_25 {
+        --_pagination-7: initial;
+        --_pagination-9: flex;
+    }
+
+    ._pagination__list--wide_1w4hz_21:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-5: initial;
+        --_pagination-7: flex;
+    }
+}
+
+@container pagination (width >= 42em) {
+    ._pagination__list--wide_1w4hz_21._pagination__list--arrows_1w4hz_25 {
+        --_pagination-5: initial;
+        --_pagination-7: flex;
+    }
+}
+
+@container pagination (width >= 45em) {
+    ._pagination__list--wide_1w4hz_21:not(._pagination__list--arrows_1w4hz_25) {
+        --_pagination-7: initial;
+        --_pagination-9: flex;
+    }
+}
+
+@container pagination (width >= 51em) {
+    ._pagination__list--wide_1w4hz_21._pagination__list--arrows_1w4hz_25 {
+        --_pagination-7: initial;
+        --_pagination-9: flex;
+    }
+}
+
+._pagination__sr-only_1w4hz_229 {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    white-space: nowrap;
+    border: 0;
+    clip: rect(0, 0, 0, 0);
+}
+
+@media (forced-colors: active) {
+    ._pagination__button_1w4hz_67[aria-current='page'] {
+        border-color: Highlight;
+        background: Highlight;
+        color: HighlightText;
+    }
+
+    ._pagination__button_1w4hz_67:disabled {
+        border-color: GrayText;
+        color: GrayText;
+    }
+}
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from './Pagination.types';
+export declare const Pagination: ({ currentPage, totalPages, onPageChange, showPreviousNext, previousPageLabel, nextPageLabel, formatPageLabel, formatPageAnnouncement, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onFocusCapture, onBlurCapture, ref, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,UAAU,GAAI,6PAgBxB,eAAe,mDAoIjB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,142 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ChevronLeftFilled, MoreFilled, ChevronRightFilled } from "@dnanpm/icons";
+import { useRef, useState, useLayoutEffect } from "react";
+import { focusStyles } from "../../styles/utils/index.js";
+import { validatePages, getPageCandidates, getPageWidth } from "./Pagination.utils.js";
+import styles from "./Pagination.module.css.js";
+import { cn } from "../../utils/cn/cn.js";
+const defaultPageLabel = (page) => `Sivu ${page}`;
+const defaultAnnouncement = (page, total) => `Sivu ${page} / ${total}`;
+const Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange,
+  showPreviousNext = true,
+  previousPageLabel = "Edellinen sivu",
+  nextPageLabel = "Seuraava sivu",
+  formatPageLabel = defaultPageLabel,
+  formatPageAnnouncement = defaultAnnouncement,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  onFocusCapture,
+  onBlurCapture,
+  ref,
+  ...props
+}) => {
+  validatePages(currentPage, totalPages);
+  const currentButton = useRef(null);
+  const focusedButton = useRef(null);
+  const [announcement, setAnnouncement] = useState({
+    page: currentPage,
+    empty: totalPages === 0,
+    text: ""
+  });
+  if (announcement.page !== currentPage || announcement.empty !== (totalPages === 0)) {
+    setAnnouncement({
+      page: currentPage,
+      empty: totalPages === 0,
+      text: totalPages > 0 && !announcement.empty && announcement.page !== currentPage ? formatPageAnnouncement(currentPage, totalPages) : ""
+    });
+  }
+  useLayoutEffect(() => {
+    const focused = focusedButton.current;
+    if (focused && (!focused.isConnected || focused.disabled) && (document.activeElement === document.body || document.activeElement === focused)) {
+      currentButton.current?.focus();
+    }
+  }, [currentPage, totalPages, showPreviousNext]);
+  if (totalPages === 0) return null;
+  const requestPage = (page) => {
+    if (page !== currentPage) onPageChange(page);
+  };
+  const buttonClass = cn(styles.pagination__button, focusStyles.focusable);
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref,
+      className: cn(styles.pagination, className),
+      "aria-label": ariaLabel ?? (ariaLabelledBy ? void 0 : "Sivutus"),
+      "aria-labelledby": ariaLabelledBy,
+      onFocusCapture: (event) => {
+        if (event.target instanceof HTMLButtonElement) focusedButton.current = event.target;
+        onFocusCapture?.(event);
+      },
+      onBlurCapture: (event) => {
+        const button = focusedButton.current;
+        const focusLeftPagination = event.relatedTarget ? !event.currentTarget.contains(event.relatedTarget) : button?.isConnected && !button.disabled;
+        if (focusLeftPagination) {
+          focusedButton.current = null;
+        }
+        onBlurCapture?.(event);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "ul",
+          {
+            className: cn(
+              styles.pagination__list,
+              styles[`pagination__list--${getPageWidth(totalPages)}`],
+              { [styles["pagination__list--arrows"]]: showPreviousNext }
+            ),
+            children: [
+              showPreviousNext && /* @__PURE__ */ jsx("li", { className: styles.pagination__arrow, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: buttonClass,
+                  "aria-label": previousPageLabel,
+                  disabled: currentPage === 1,
+                  onClick: () => requestPage(currentPage - 1),
+                  children: /* @__PURE__ */ jsx(ChevronLeftFilled, { "aria-hidden": "true", size: "16" })
+                }
+              ) }),
+              getPageCandidates(currentPage, totalPages).map(({ item, budgets }) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: cn(
+                    styles.pagination__item,
+                    {
+                      [styles["pagination__item--current"]]: item.kind === "page" && item.page === currentPage
+                    },
+                    budgets.map((budget) => styles[`pagination__item--${budget}`])
+                  ),
+                  "aria-hidden": item.kind === "gap" ? true : void 0,
+                  children: item.kind === "page" ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      ref: item.page === currentPage ? currentButton : void 0,
+                      className: buttonClass,
+                      "aria-label": formatPageLabel(item.page),
+                      "aria-current": item.page === currentPage ? "page" : void 0,
+                      onClick: () => requestPage(item.page),
+                      children: item.page
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: styles.pagination__gap, children: /* @__PURE__ */ jsx(MoreFilled, { "aria-hidden": "true", size: "16" }) })
+                },
+                item.key
+              )),
+              showPreviousNext && /* @__PURE__ */ jsx("li", { className: styles.pagination__arrow, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: buttonClass,
+                  "aria-label": nextPageLabel,
+                  disabled: currentPage === totalPages,
+                  onClick: () => requestPage(currentPage + 1),
+                  children: /* @__PURE__ */ jsx(ChevronRightFilled, { "aria-hidden": "true", size: "16" })
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles["pagination__sr-only"], "aria-live": "polite", "aria-atomic": "true", children: announcement.text })
+      ]
+    }
+  );
+};
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeftFilled, ChevronRightFilled, MoreFilled } from '@dnanpm/icons';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { focusStyles } from '../../styles/utils';\nimport type { PaginationProps } from './Pagination.types';\nimport { getPageCandidates, getPageWidth, validatePages } from './Pagination.utils';\nimport styles from './Pagination.module.css';\n\nconst defaultPageLabel = (page: number) => `Sivu ${page}`;\nconst defaultAnnouncement = (page: number, total: number) => `Sivu ${page} / ${total}`;\n\nexport const Pagination = ({\n    currentPage,\n    totalPages,\n    onPageChange,\n    showPreviousNext = true,\n    previousPageLabel = 'Edellinen sivu',\n    nextPageLabel = 'Seuraava sivu',\n    formatPageLabel = defaultPageLabel,\n    formatPageAnnouncement = defaultAnnouncement,\n    className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    onFocusCapture,\n    onBlurCapture,\n    ref,\n    ...props\n}: PaginationProps) => {\n    validatePages(currentPage, totalPages);\n    const currentButton = useRef<HTMLButtonElement>(null);\n    const focusedButton = useRef<HTMLButtonElement | null>(null);\n    const [announcement, setAnnouncement] = useState({\n        page: currentPage,\n        empty: totalPages === 0,\n        text: '',\n    });\n\n    if (announcement.page !== currentPage || announcement.empty !== (totalPages === 0)) {\n        setAnnouncement({\n            page: currentPage,\n            empty: totalPages === 0,\n            text:\n                totalPages > 0 && !announcement.empty && announcement.page !== currentPage\n                    ? formatPageAnnouncement(currentPage, totalPages)\n                    : '',\n        });\n    }\n\n    useLayoutEffect(() => {\n        const focused = focusedButton.current;\n        if (\n            focused &&\n            (!focused.isConnected || focused.disabled) &&\n            (document.activeElement === document.body || document.activeElement === focused)\n        ) {\n            currentButton.current?.focus();\n        }\n    }, [currentPage, totalPages, showPreviousNext]);\n\n    if (totalPages === 0) return null;\n\n    const requestPage = (page: number) => {\n        if (page !== currentPage) onPageChange(page);\n    };\n    const buttonClass = cn(styles.pagination__button, focusStyles.focusable);\n\n    return (\n        <nav\n            ref={ref}\n            className={cn(styles.pagination, className)}\n            aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : 'Sivutus')}\n            aria-labelledby={ariaLabelledBy}\n            onFocusCapture={(event) => {\n                if (event.target instanceof HTMLButtonElement) focusedButton.current = event.target;\n                onFocusCapture?.(event);\n            }}\n            onBlurCapture={(event) => {\n                const button = focusedButton.current;\n                const focusLeftPagination = event.relatedTarget\n                    ? !event.currentTarget.contains(event.relatedTarget)\n                    : button?.isConnected && !button.disabled;\n\n                if (focusLeftPagination) {\n                    focusedButton.current = null;\n                }\n                onBlurCapture?.(event);\n            }}\n            {...props}\n        >\n            <ul\n                className={cn(\n                    styles.pagination__list,\n                    styles[`pagination__list--${getPageWidth(totalPages)}`],\n                    { [styles['pagination__list--arrows']]: showPreviousNext },\n                )}\n            >\n                {showPreviousNext && (\n                    <li className={styles.pagination__arrow}>\n                        <button\n                            type=\"button\"\n                            className={buttonClass}\n                            aria-label={previousPageLabel}\n                            disabled={currentPage === 1}\n                            onClick={() => requestPage(currentPage - 1)}\n                        >\n                            <ChevronLeftFilled aria-hidden=\"true\" size=\"16\" />\n                        </button>\n                    </li>\n                )}\n                {getPageCandidates(currentPage, totalPages).map(({ item, budgets }) => (\n                    <li\n                        key={item.key}\n                        className={cn(\n                            styles.pagination__item,\n                            {\n                                [styles['pagination__item--current']]:\n                                    item.kind === 'page' && item.page === currentPage,\n                            },\n                            budgets.map((budget) => styles[`pagination__item--${budget}`]),\n                        )}\n                        aria-hidden={item.kind === 'gap' ? true : undefined}\n                    >\n                        {item.kind === 'page' ? (\n                            <button\n                                type=\"button\"\n                                ref={item.page === currentPage ? currentButton : undefined}\n                                className={buttonClass}\n                                aria-label={formatPageLabel(item.page)}\n                                aria-current={item.page === currentPage ? 'page' : undefined}\n                                onClick={() => requestPage(item.page)}\n                            >\n                                {item.page}\n                            </button>\n                        ) : (\n                            <span className={styles.pagination__gap}>\n                                <MoreFilled aria-hidden=\"true\" size=\"16\" />\n                            </span>\n                        )}\n                    </li>\n                ))}\n                {showPreviousNext && (\n                    <li className={styles.pagination__arrow}>\n                        <button\n                            type=\"button\"\n                            className={buttonClass}\n                            aria-label={nextPageLabel}\n                            disabled={currentPage === totalPages}\n                            onClick={() => requestPage(currentPage + 1)}\n                        >\n                            <ChevronRightFilled aria-hidden=\"true\" size=\"16\" />\n                        </button>\n                    </li>\n                )}\n            </ul>\n            <span className={styles['pagination__sr-only']} aria-live=\"polite\" aria-atomic=\"true\">\n                {announcement.text}\n            </span>\n        </nav>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pagination/Pagination.module.css.cjs

@@ -0,0 +1,34 @@
+require('./Pagination.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pagination = "_pagination_1w4hz_1";
+const pagination__list = "_pagination__list_1w4hz_8";
+const pagination__item = "_pagination__item_1w4hz_31";
+const pagination__arrow = "_pagination__arrow_1w4hz_32";
+const pagination__button = "_pagination__button_1w4hz_67";
+const pagination__gap = "_pagination__gap_1w4hz_68";
+const styles = {
+  pagination,
+  pagination__list,
+  "pagination__list--wide": "_pagination__list--wide_1w4hz_21",
+  "pagination__list--arrows": "_pagination__list--arrows_1w4hz_25",
+  pagination__item,
+  pagination__arrow,
+  "pagination__item--3": "_pagination__item--3_1w4hz_45",
+  "pagination__item--5": "_pagination__item--5_1w4hz_49",
+  "pagination__item--7": "_pagination__item--7_1w4hz_53",
+  "pagination__item--9": "_pagination__item--9_1w4hz_57",
+  "pagination__item--current": "_pagination__item--current_1w4hz_63",
+  pagination__button,
+  pagination__gap,
+  "pagination__list--normal": "_pagination__list--normal_1w4hz_140",
+  "pagination__sr-only": "_pagination__sr-only_1w4hz_229"
+};
+exports.default = styles;
+exports.pagination = pagination;
+exports.pagination__arrow = pagination__arrow;
+exports.pagination__button = pagination__button;
+exports.pagination__gap = pagination__gap;
+exports.pagination__item = pagination__item;
+exports.pagination__list = pagination__list;
+//# sourceMappingURL=Pagination.module.css.cjs.map

package/dist/components/Pagination/Pagination.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.module.css.js

@@ -0,0 +1,34 @@
+import './Pagination.css';
+const pagination = "_pagination_1w4hz_1";
+const pagination__list = "_pagination__list_1w4hz_8";
+const pagination__item = "_pagination__item_1w4hz_31";
+const pagination__arrow = "_pagination__arrow_1w4hz_32";
+const pagination__button = "_pagination__button_1w4hz_67";
+const pagination__gap = "_pagination__gap_1w4hz_68";
+const styles = {
+  pagination,
+  pagination__list,
+  "pagination__list--wide": "_pagination__list--wide_1w4hz_21",
+  "pagination__list--arrows": "_pagination__list--arrows_1w4hz_25",
+  pagination__item,
+  pagination__arrow,
+  "pagination__item--3": "_pagination__item--3_1w4hz_45",
+  "pagination__item--5": "_pagination__item--5_1w4hz_49",
+  "pagination__item--7": "_pagination__item--7_1w4hz_53",
+  "pagination__item--9": "_pagination__item--9_1w4hz_57",
+  "pagination__item--current": "_pagination__item--current_1w4hz_63",
+  pagination__button,
+  pagination__gap,
+  "pagination__list--normal": "_pagination__list--normal_1w4hz_140",
+  "pagination__sr-only": "_pagination__sr-only_1w4hz_229"
+};
+export {
+  styles as default,
+  pagination,
+  pagination__arrow,
+  pagination__button,
+  pagination__gap,
+  pagination__item,
+  pagination__list
+};
+//# sourceMappingURL=Pagination.module.css.js.map

package/dist/components/Pagination/Pagination.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef } from 'react';
+export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'children' | 'onChange'> {
+    /** One-based current page. The application owns this value. */
+    readonly currentPage: number;
+    /** Nonnegative safe integer. Zero renders nothing. */
+    readonly totalPages: number;
+    /** Requests a different page; does not load results or update currentPage. */
+    readonly onPageChange: (page: number) => void;
+    /** Show the Previous and Next controls. @default true */
+    readonly showPreviousNext?: boolean;
+    /** Accessible name of the Previous control. @default 'Edellinen sivu' */
+    readonly previousPageLabel?: string;
+    /** Accessible name of the Next control. @default 'Seuraava sivu' */
+    readonly nextPageLabel?: string;
+    /** Accessible name of each numbered control. @default page => `Sivu ${page}` */
+    readonly formatPageLabel?: (page: number) => string;
+    /** Announcement after a controlled page change. @default (page, total) => `Sivu ${page} / ${total}` */
+    readonly formatPageAnnouncement?: (page: number, totalPages: number) => string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/components/Pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CACzC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,UAAU,CAC1B;IACG,+DAA+D;IAC/D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,yEAAyE;IACzE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,oEAAoE;IACpE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,gFAAgF;IAChF,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpD,uGAAuG;IACvG,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAClF"}

package/dist/components/Pagination/Pagination.utils.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pageBudgets = [3, 5, 7, 9];
+const validatePages = (currentPage, totalPages) => {
+  if (!Number.isSafeInteger(totalPages) || totalPages < 0) {
+    throw new RangeError("Pagination: totalPages must be a nonnegative safe integer.");
+  }
+  if (!Number.isSafeInteger(currentPage) || currentPage < 1 || totalPages > 0 && currentPage > totalPages) {
+    throw new RangeError(
+      "Pagination: currentPage must be a positive safe integer within totalPages."
+    );
+  }
+};
+const pageItem = (page) => ({
+  key: `page-${page}`,
+  kind: "page",
+  page
+});
+const getPageItems = (currentPage, totalPages, budget) => {
+  if (totalPages === 0) return [];
+  const count = Math.min(budget, totalPages);
+  if (totalPages <= budget || budget < 7) {
+    const start2 = Math.max(
+      1,
+      Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1)
+    );
+    return Array.from({ length: count }, (_, index) => pageItem(start2 + index));
+  }
+  const siblings = (budget - 5) / 2;
+  const windowSize = budget - 4;
+  const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));
+  const pages = [1];
+  if (currentPage <= siblings + 2) {
+    for (let page = 2; page <= budget - 2; page++) pages.push(page);
+  } else if (currentPage >= totalPages - siblings - 1) {
+    for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);
+  } else {
+    for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);
+  }
+  pages.push(totalPages);
+  return pages.flatMap((page, index) => {
+    const previous = pages[index - 1];
+    if (previous === void 0 || page === previous + 1) return [pageItem(page)];
+    if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];
+    return [
+      { key: `gap-${previous}-${page}`, kind: "gap", after: previous, before: page },
+      pageItem(page)
+    ];
+  });
+};
+const getPageCandidates = (currentPage, totalPages) => {
+  const candidates = /* @__PURE__ */ new Map();
+  for (const budget of pageBudgets) {
+    for (const item of getPageItems(currentPage, totalPages, budget)) {
+      const existing = candidates.get(item.key);
+      if (existing) existing.budgets.push(budget);
+      else candidates.set(item.key, { item, budgets: [budget] });
+    }
+  }
+  return [...candidates.values()].sort((a, b) => {
+    const aPosition = a.item.kind === "page" ? a.item.page : a.item.after;
+    const bPosition = b.item.kind === "page" ? b.item.page : b.item.after;
+    return aPosition - bPosition || Number(a.item.kind === "gap") - Number(b.item.kind === "gap");
+  });
+};
+const getPageWidth = (totalPages) => {
+  const digits = String(totalPages).length;
+  if (digits <= 2) return "normal";
+  return "wide";
+};
+exports.getPageCandidates = getPageCandidates;
+exports.getPageItems = getPageItems;
+exports.getPageWidth = getPageWidth;
+exports.pageBudgets = pageBudgets;
+exports.validatePages = validatePages;
+//# sourceMappingURL=Pagination.utils.cjs.map

package/dist/components/Pagination/Pagination.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.utils.cjs","sources":["../../../src/components/Pagination/Pagination.utils.ts"],"sourcesContent":["export const pageBudgets = [3, 5, 7, 9] as const;\nexport type PageBudget = (typeof pageBudgets)[number];\n\nexport type PaginationItem =\n    | { readonly key: string; readonly kind: 'page'; readonly page: number }\n    | {\n          readonly key: string;\n          readonly kind: 'gap';\n          readonly after: number;\n          readonly before: number;\n      };\n\nexport interface PaginationCandidate {\n    readonly item: PaginationItem;\n    readonly budgets: readonly PageBudget[];\n}\n\nexport const validatePages = (currentPage: number, totalPages: number) => {\n    if (!Number.isSafeInteger(totalPages) || totalPages < 0) {\n        throw new RangeError('Pagination: totalPages must be a nonnegative safe integer.');\n    }\n    if (\n        !Number.isSafeInteger(currentPage) ||\n        currentPage < 1 ||\n        (totalPages > 0 && currentPage > totalPages)\n    ) {\n        throw new RangeError(\n            'Pagination: currentPage must be a positive safe integer within totalPages.',\n        );\n    }\n};\n\nconst pageItem = (page: number): PaginationItem => ({\n    key: `page-${page}`,\n    kind: 'page',\n    page,\n});\n\nexport const getPageItems = (\n    currentPage: number,\n    totalPages: number,\n    budget: PageBudget,\n): PaginationItem[] => {\n    if (totalPages === 0) return [];\n\n    const count = Math.min(budget, totalPages);\n    if (totalPages <= budget || budget < 7) {\n        const start = Math.max(\n            1,\n            Math.min(currentPage - Math.floor(count / 2), totalPages - count + 1),\n        );\n        return Array.from({ length: count }, (_, index) => pageItem(start + index));\n    }\n\n    const siblings = (budget - 5) / 2;\n    const windowSize = budget - 4;\n    const start = Math.max(2, Math.min(currentPage - siblings, totalPages - windowSize));\n    const pages = [1];\n    if (currentPage <= siblings + 2) {\n        for (let page = 2; page <= budget - 2; page++) pages.push(page);\n    } else if (currentPage >= totalPages - siblings - 1) {\n        for (let offset = budget - 3; offset >= 1; offset--) pages.push(totalPages - offset);\n    } else {\n        for (let offset = 0; offset < windowSize; offset++) pages.push(start + offset);\n    }\n    pages.push(totalPages);\n\n    return pages.flatMap((page, index): PaginationItem[] => {\n        const previous = pages[index - 1];\n        if (previous === undefined || page === previous + 1) return [pageItem(page)];\n        if (page === previous + 2) return [pageItem(previous + 1), pageItem(page)];\n        return [\n            { key: `gap-${previous}-${page}`, kind: 'gap', after: previous, before: page },\n            pageItem(page),\n        ];\n    });\n};\n\nexport const getPageCandidates = (\n    currentPage: number,\n    totalPages: number,\n): PaginationCandidate[] => {\n    const candidates = new Map<string, { item: PaginationItem; budgets: PageBudget[] }>();\n    for (const budget of pageBudgets) {\n        for (const item of getPageItems(currentPage, totalPages, budget)) {\n            const existing = candidates.get(item.key);\n            if (existing) existing.budgets.push(budget);\n            else candidates.set(item.key, { item, budgets: [budget] });\n        }\n    }\n    return [...candidates.values()].sort((a, b) => {\n        const aPosition = a.item.kind === 'page' ? a.item.page : a.item.after;\n        const bPosition = b.item.kind === 'page' ? b.item.page : b.item.after;\n        return (\n            aPosition - bPosition || Number(a.item.kind === 'gap') - Number(b.item.kind === 'gap')\n        );\n    });\n};\n\nexport const getPageWidth = (totalPages: number) => {\n    const digits = String(totalPages).length;\n    if (digits <= 2) return 'normal';\n    return 'wide';\n};\n"],"names":["start"],"mappings":"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"}

package/dist/components/Pagination/Pagination.utils.d.ts

@@ -0,0 +1,21 @@
+export declare const pageBudgets: readonly [3, 5, 7, 9];
+export type PageBudget = (typeof pageBudgets)[number];
+export type PaginationItem = {
+    readonly key: string;
+    readonly kind: 'page';
+    readonly page: number;
+} | {
+    readonly key: string;
+    readonly kind: 'gap';
+    readonly after: number;
+    readonly before: number;
+};
+export interface PaginationCandidate {
+    readonly item: PaginationItem;
+    readonly budgets: readonly PageBudget[];
+}
+export declare const validatePages: (currentPage: number, totalPages: number) => void;
+export declare const getPageItems: (currentPage: number, totalPages: number, budget: PageBudget) => PaginationItem[];
+export declare const getPageCandidates: (currentPage: number, totalPages: number) => PaginationCandidate[];
+export declare const getPageWidth: (totalPages: number) => "normal" | "wide";
+//# sourceMappingURL=Pagination.utils.d.ts.map

package/dist/components/Pagination/Pagination.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.utils.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,uBAAwB,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,cAAc,GACpB;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtE;IACI,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CAC3B,CAAC;AAER,MAAM,WAAW,mBAAmB;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,EAAE,YAAY,MAAM,SAapE,CAAC;AAQF,eAAO,MAAM,YAAY,GACrB,aAAa,MAAM,EACnB,YAAY,MAAM,EAClB,QAAQ,UAAU,KACnB,cAAc,EAkChB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC1B,aAAa,MAAM,EACnB,YAAY,MAAM,KACnB,mBAAmB,EAgBrB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,sBAI9C,CAAC"}