@elliemae/ds-pagination 3.80.0-next.51 → 3.80.0-next.53

package/dist/cjs/parts/DSPaginator/DSPaginator.js

@@ -34,177 +34,21 @@ __export(DSPaginator_exports, {
 module.exports = __toCommonJS(DSPaginator_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_typography = require("@elliemae/ds-typography");
-var import_DSPaginationSeparator = require("../DSPaginationSeparator/index.js");
-var import_createPaginatorHeader = require("./config/createPaginatorHeader.js");
+var import_react = __toESM(require("react"));
 var import_usePaginator = require("./config/usePaginator.js");
 var import_constants = require("./constants/index.js");
+var import_DSPaginatorCTX = require("./DSPaginatorCTX.js");
+var import_Panel = require("./parts/Panel.js");
+var import_Trigger = require("./parts/Trigger.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_styled = require("./styled.js");
 const DSPaginator = (props) => {
-  const {
-    propsWithDefault: { pageIndex, pageCount, isLoadingPageCount, onPageChange, pageDetails, pageDetailsTitle },
-    xstyledProps,
-    globalAttributes,
-    ownerPropsConfig,
-    btnRef,
-    btnWidth,
-    pageInfoWidth,
-    options,
-    isOpened,
-    actionRef,
-    widestChildRef,
-    pageInfoRef,
-    checkMarkRef,
-    checkMarkWidth,
-    onKeyDown,
-    setIsOpened
-  } = (0, import_usePaginator.usePaginator)(props);
-  const widestTypographyRef = import_react.default.useRef(null);
-  const Header = (0, import_react.useMemo)(
-    () => (0, import_createPaginatorHeader.createPaginatorHeader)({ pageDetailsTitle, pageInfoWidth, ownerPropsConfig, checkMarkWidth }),
-    [pageDetailsTitle, pageInfoWidth, ownerPropsConfig, checkMarkWidth]
-  );
-  const buttonOnClick = (0, import_react.useMemo)(() => {
-    if (globalAttributes.onClick) return globalAttributes.onClick;
-    return () => setIsOpened((prev) => !prev);
-  }, [globalAttributes.onClick, setIsOpened]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_styled.StyledDropdown,
-    {
-      isOpened,
-      options,
-      selectedOptions: { [pageIndex.toString()]: true },
-      onOptionClick: (_, clickedOption) => {
-        onPageChange(clickedOption.value);
-        setIsOpened(false);
-        btnRef.current?.focus();
-      },
-      onClickOutside: () => {
-        setIsOpened(false);
-        btnRef.current?.focus();
-      },
-      customOffset: [-(checkMarkWidth + 7), 2],
-      startPlacementPreference: "top-start",
-      actionRef,
-      onKeyDown,
-      minWidth: pageDetails.length !== 0 ? btnWidth + checkMarkWidth + 7 : (
-        /**
-         * Structure of the width:
-         *   16px (left padding)
-         *   + chevronWidth (size of the chevron icon)
-         *   + 8px (spacing between chevron and text)
-         *   + pageCount length in ch
-         *   + 16px (right padding)
-         *   + a small scrollbar placeholder (to avoid text wrapping when scrollbars appear)
-         * By using `calc()` + `ch` units, the component stays responsive to font-size changes
-         * without requiring an extra ref to measure the page count text width.
-         */
-        `calc(${checkMarkWidth + 60}px + ${pageCount.toString().length}ch)`
-      ),
-      maxHeight: 300,
-      HeaderComp: Header,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_styled.PaginationDropdownButtonPaginator,
-          {
-            buttonType: "raw",
-            disabled: isLoadingPageCount,
-            innerRef: btnRef,
-            "aria-pressed": isOpened,
-            "aria-label": `Page ${pageIndex} out of ${pageCount}, ${pageDetails.length !== 0 ? pageDetails[pageIndex - 1] : "\b\b"}. Press to change the current page`,
-            "data-testid": import_constants.PAGINATOR_DATA_TESTID.PAGINATOR,
-            ...globalAttributes,
-            ...xstyledProps,
-            ...ownerPropsConfig,
-            onClick: buttonOnClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { gutter: "xxxs", alignItems: "center", style: { gridAutoFlow: "column" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledPageInfo, { innerRef: pageInfoRef, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_ds_typography.DSTypography,
-                  {
-                    id: "typography-page-index",
-                    variant: "b1",
-                    as: "span",
-                    fontWeight: "semibold",
-                    textAlign: "start",
-                    children: pageIndex
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  import_ds_typography.DSTypography,
-                  {
-                    variant: "b1",
-                    as: "span",
-                    className: "typography-page-info-and-detail",
-                    children: [
-                      "/ ",
-                      pageCount
-                    ]
-                  }
-                )
-              ] }),
-              isLoadingPageCount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator, { ml: "xxxs", mr: "xxxs", size: "xs" }),
-              pageDetails.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSPaginationSeparator.DSPaginationSeparator, { height: "12px", ml: "12px", mr: "xxxs", ...ownerPropsConfig }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_ds_typography.DSTypography,
-                  {
-                    className: "typography-page-info-and-detail",
-                    innerRef: widestTypographyRef,
-                    mr: "xxs",
-                    variant: "b1",
-                    as: "span",
-                    fontWeight: "semibold",
-                    textAlign: "start",
-                    children: pageDetails[pageIndex - 1]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { ml: "xxxs", color: ["brand-primary", "700"], innerRef: checkMarkRef })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { style: { position: "relative" }, children: pageDetails.map((pageDetail, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_styled.InvisibleDiv,
-          {
-            innerRef: (el) => {
-              if (!el) return;
-              if (!widestChildRef.current) {
-                widestChildRef.current = el;
-                return;
-              }
-              if (el.offsetWidth > widestChildRef.current.offsetWidth) {
-                widestChildRef.current = el;
-              }
-              if (index === pageDetails.length - 1) {
-                widestTypographyRef.current?.style.setProperty("min-width", `${widestChildRef.current?.offsetWidth}px`);
-              }
-            },
-            "data-testid": "ds-pagination-invisible-detail-for-width-calc",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_ds_typography.DSTypography,
-              {
-                className: "typography-page-info-and-detail",
-                mr: "xxs",
-                variant: "b1",
-                as: "span",
-                fontWeight: "semibold",
-                textAlign: "start",
-                children: pageDetail
-              }
-            )
-          },
-          pageDetail
-        )) })
-      ]
-    }
-  );
+  const config = (0, import_usePaginator.usePaginator)(props);
+  const ctx = import_react.default.useMemo(() => ({ ...config }), [config]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DSPaginatorCTX.DSPaginatorContext.Provider, { value: ctx, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Trigger.Trigger, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Panel.Panel, {})
+  ] });
 };
 DSPaginator.displayName = import_constants.DSPaginatorName;
 const DSPaginatorWithSchema = (0, import_ds_props_helpers.describe)(DSPaginator);

package/dist/cjs/parts/DSPaginator/DSPaginator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSPaginator/DSPaginator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport type { DSButtonT } from '@elliemae/ds-button-v2';\nimport { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { type DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { DSPaginationSeparator } from '../DSPaginationSeparator/index.js';\nimport { createPaginatorHeader } from './config/createPaginatorHeader.js';\nimport { usePaginator } from './config/usePaginator.js';\nimport { DSPaginatorName, PAGINATOR_DATA_TESTID } from './constants/index.js';\nimport { DSPaginatorPropTypesSchema, type DSPaginatorT } from './react-desc-prop-types.js';\nimport { InvisibleDiv, PaginationDropdownButtonPaginator, StyledDropdown, StyledPageInfo } from './styled.js';\n\nconst DSPaginator: React.ComponentType<DSPaginatorT.Props> = (props) => {\n  const {\n    propsWithDefault: { pageIndex, pageCount, isLoadingPageCount, onPageChange, pageDetails, pageDetailsTitle },\n    xstyledProps,\n    globalAttributes,\n    ownerPropsConfig,\n    btnRef,\n    btnWidth,\n    pageInfoWidth,\n    options,\n    isOpened,\n    actionRef,\n    widestChildRef,\n    pageInfoRef,\n    checkMarkRef,\n    checkMarkWidth,\n    onKeyDown,\n    setIsOpened,\n  } = usePaginator(props);\n\n  const widestTypographyRef = React.useRef<HTMLDivElement>(null);\n\n  const Header = useMemo(\n    () => createPaginatorHeader({ pageDetailsTitle, pageInfoWidth, ownerPropsConfig, checkMarkWidth }),\n    [pageDetailsTitle, pageInfoWidth, ownerPropsConfig, checkMarkWidth],\n  );\n\n  const buttonOnClick: DSButtonT.Props['onClick'] = useMemo(() => {\n    if (globalAttributes.onClick) return globalAttributes.onClick as DSButtonT.Props['onClick'];\n    return () => setIsOpened((prev) => !prev);\n  }, [globalAttributes.onClick, setIsOpened]);\n\n  return (\n    <StyledDropdown\n      isOpened={isOpened}\n      options={options}\n      selectedOptions={{ [pageIndex.toString()]: true }}\n      onOptionClick={(_, clickedOption) => {\n        onPageChange((clickedOption as DSDropdownMenuT.ItemSingleOptions).value as number);\n        setIsOpened(false);\n        btnRef.current?.focus();\n      }}\n      onClickOutside={() => {\n        setIsOpened(false);\n        btnRef.current?.focus();\n      }}\n      customOffset={[-(checkMarkWidth + 7), 2]}\n      startPlacementPreference=\"top-start\"\n      actionRef={actionRef}\n      onKeyDown={onKeyDown}\n      minWidth={\n        pageDetails.length !== 0\n          ? btnWidth + checkMarkWidth + 7\n          : /**\n             * Structure of the width:\n             *   16px (left padding)\n             *   + chevronWidth (size of the chevron icon)\n             *   + 8px (spacing between chevron and text)\n             *   + pageCount length in ch\n             *   + 16px (right padding)\n             *   + a small scrollbar placeholder (to avoid text wrapping when scrollbars appear)\n             * By using `calc()` + `ch` units, the component stays responsive to font-size changes\n             * without requiring an extra ref to measure the page count text width.\n             */\n\n            `calc(${checkMarkWidth + 60}px + ${pageCount.toString().length}ch)`\n      }\n      maxHeight={300}\n      HeaderComp={Header}\n    >\n      <PaginationDropdownButtonPaginator\n        buttonType=\"raw\"\n        disabled={isLoadingPageCount}\n        innerRef={btnRef}\n        aria-pressed={isOpened}\n        aria-label={`Page ${pageIndex} out of ${pageCount}, ${\n          pageDetails.length !== 0 ? pageDetails[pageIndex - 1] : '\\b\\b'\n        }. Press to change the current page`}\n        data-testid={PAGINATOR_DATA_TESTID.PAGINATOR}\n        {...globalAttributes}\n        {...xstyledProps}\n        {...ownerPropsConfig}\n        onClick={buttonOnClick}\n      >\n        <Grid gutter=\"xxxs\" alignItems=\"center\" style={{ gridAutoFlow: 'column' }}>\n          <StyledPageInfo innerRef={pageInfoRef}>\n            <DSTypography\n              /**\n               * Pagination uses DSTypography internally, but each typography variant defines\n               * its own font-size. When these components are placed inside a styled() wrapper,\n               * trying to style them via styled(DSTypography) triggers TypeScript errors\n               * because DSTypography exposes  \"as\"  props and variant-specific overrides.\n               *\n               * Instead of wrapping DSTypography directly in styled(), we target the\n               * underlying rendered elements via className/id. This avoids the TS conflicts\n               * while still allowing us to override their font-size reliably.\n               */\n              id=\"typography-page-index\"\n              variant=\"b1\"\n              as=\"span\"\n              fontWeight=\"semibold\"\n              textAlign=\"start\"\n            >\n              {pageIndex}\n            </DSTypography>\n            <DSTypography\n              variant=\"b1\"\n              as=\"span\"\n              /**\n               * Pagination uses DSTypography internally, but each typography variant defines\n               * its own font-size. When these components are placed inside a styled() wrapper,\n               * trying to style them via styled(DSTypography) triggers TypeScript errors\n               * because DSTypography exposes  \"as\"  props and variant-specific overrides.\n               *\n               * Instead of wrapping DSTypography directly in styled(), we target the\n               * underlying rendered elements via className/id. This avoids the TS conflicts\n               * while still allowing us to override their font-size reliably.\n               */ className=\"typography-page-info-and-detail\"\n            >\n              / {pageCount}\n            </DSTypography>\n          </StyledPageInfo>\n          {isLoadingPageCount && <DSCircularIndeterminateIndicator ml=\"xxxs\" mr=\"xxxs\" size=\"xs\" />}\n          {pageDetails.length !== 0 && (\n            <>\n              <DSPaginationSeparator height=\"12px\" ml=\"12px\" mr=\"xxxs\" {...ownerPropsConfig} />\n              <DSTypography\n                className=\"typography-page-info-and-detail\"\n                innerRef={widestTypographyRef}\n                mr=\"xxs\"\n                variant=\"b1\"\n                as=\"span\"\n                fontWeight=\"semibold\"\n                textAlign=\"start\"\n              >\n                {pageDetails[pageIndex - 1]}\n              </DSTypography>\n            </>\n          )}\n          <ChevronDown ml=\"xxxs\" color={['brand-primary', '700']} innerRef={checkMarkRef} />\n        </Grid>\n      </PaginationDropdownButtonPaginator>\n      {/* We calculate the length of the longest detail here (this is as per specs) */}\n      <Grid style={{ position: 'relative' }}>\n        {pageDetails.map((pageDetail, index) => (\n          <InvisibleDiv\n            innerRef={(el) => {\n              if (!el) return;\n              if (!widestChildRef.current) {\n                widestChildRef.current = el;\n                return;\n              }\n              if (el.offsetWidth > widestChildRef.current.offsetWidth) {\n                widestChildRef.current = el;\n              }\n              if (index === pageDetails.length - 1) {\n                widestTypographyRef.current?.style.setProperty('min-width', `${widestChildRef.current?.offsetWidth}px`);\n              }\n            }}\n            data-testid=\"ds-pagination-invisible-detail-for-width-calc\"\n            key={pageDetail}\n          >\n            <DSTypography\n              className=\"typography-page-info-and-detail\"\n              mr=\"xxs\"\n              variant=\"b1\"\n              as=\"span\"\n              fontWeight=\"semibold\"\n              textAlign=\"start\"\n            >\n              {pageDetail}\n            </DSTypography>\n          </InvisibleDiv>\n        ))}\n      </Grid>\n    </StyledDropdown>\n  );\n};\n\nDSPaginator.displayName = DSPaginatorName;\nconst DSPaginatorWithSchema = describe(DSPaginator);\nDSPaginatorWithSchema.propTypes = DSPaginatorPropTypesSchema;\n\nexport { DSPaginator, DSPaginatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { usePaginator } from './config/usePaginator.js';\nimport { DSPaginatorName } from './constants/index.js';\nimport { DSPaginatorContext, type DSPaginatorCTX } from './DSPaginatorCTX.js';\nimport { Panel } from './parts/Panel.js';\nimport { Trigger } from './parts/Trigger.js';\nimport { DSPaginatorPropTypesSchema, type DSPaginatorT } from './react-desc-prop-types.js';\n\n/**\n * A trigger (aria-haspopup=\"dialog\") that owns a non-modal dialog, positioned by the floating context, whose content is\n * a listbox of pages (virtualized with DSFastList). It replaced a DSDropdownMenuV2 based implementation keeping its\n * public contract; see KNOWN_INTENTIONAL_DEVIATIONS.md (package root) for the accepted deviations and the release notes for the behavior changes.\n */\nconst DSPaginator: React.ComponentType<DSPaginatorT.Props> = (props) => {\n  const config = usePaginator(props);\n  const ctx: DSPaginatorCTX = React.useMemo(() => ({ ...config }), [config]);\n\n  return (\n    <DSPaginatorContext.Provider value={ctx}>\n      <Trigger />\n      <Panel />\n    </DSPaginatorContext.Provider>\n  );\n};\n\nDSPaginator.displayName = DSPaginatorName;\nconst DSPaginatorWithSchema = describe(DSPaginator);\nDSPaginatorWithSchema.propTypes = DSPaginatorPropTypesSchema;\n\nexport { DSPaginator, DSPaginatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAnBJ,8BAAyB;AACzB,mBAAkB;AAClB,0BAA6B;AAC7B,uBAAgC;AAChC,4BAAwD;AACxD,mBAAsB;AACtB,qBAAwB;AACxB,mCAA8D;AAO9D,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,aAAS,kCAAa,KAAK;AACjC,QAAM,MAAsB,aAAAA,QAAM,QAAQ,OAAO,EAAE,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC;AAEzE,SACE,6CAAC,yCAAmB,UAAnB,EAA4B,OAAO,KAClC;AAAA,gDAAC,0BAAQ;AAAA,IACT,4CAAC,sBAAM;AAAA,KACT;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/parts/DSPaginator/{config/usePaginationSearch.js → DSPaginatorCTX.js}

@@ -26,38 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var usePaginationSearch_exports = {};
-__export(usePaginationSearch_exports, {
-  usePaginationSearch: () => usePaginationSearch
+var DSPaginatorCTX_exports = {};
+__export(DSPaginatorCTX_exports, {
+  DSPaginatorContext: () => DSPaginatorContext
 });
-module.exports = __toCommonJS(usePaginationSearch_exports);
+module.exports = __toCommonJS(DSPaginatorCTX_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-const usePaginationSearch = (pageCount, actionRef) => {
-  const [searchValue, setSearchValue] = (0, import_react.useState)("");
-  const [shouldResetSearchValue, setShouldResetSearchValue] = (0, import_react.useState)(true);
-  const timeoutRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    if (typeof pageCount === "string") return;
-    if (searchValue !== "" && Number.parseInt(searchValue, 10) <= pageCount) {
-      actionRef.current.setActiveDescendant(searchValue);
-      actionRef.current.scrollOptionIntoView(searchValue);
-    }
-  }, [searchValue]);
-  const onKeyDown = (0, import_react.useCallback)(
-    (e) => {
-      if (e.code.startsWith("Digit")) {
-        if (shouldResetSearchValue) setSearchValue(e.key);
-        else setSearchValue((prevValue) => prevValue + e.key);
-        setShouldResetSearchValue(false);
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-          setShouldResetSearchValue(true);
-        }, 1e3);
-      }
-    },
-    [shouldResetSearchValue]
-  );
-  return onKeyDown;
-};
-//# sourceMappingURL=usePaginationSearch.js.map
+const defaultContext = {};
+const DSPaginatorContext = (0, import_react.createContext)(defaultContext);
+//# sourceMappingURL=DSPaginatorCTX.js.map

package/dist/cjs/parts/DSPaginator/DSPaginatorCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSPaginator/DSPaginatorCTX.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { usePaginator } from './config/usePaginator.js';\n\nexport interface DSPaginatorCTX extends ReturnType<typeof usePaginator> {}\n\nconst defaultContext = {} as DSPaginatorCTX;\n\n/** Single source of truth for the parts of DSPaginator: props, owner props, floating context, focus tracker. */\nexport const DSPaginatorContext = createContext<DSPaginatorCTX>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAK9B,MAAM,iBAAiB,CAAC;AAGjB,MAAM,yBAAqB,4BAA8B,cAAc;",
+  "names": []
+}

package/dist/cjs/parts/DSPaginator/config/{createPaginatorHeader.js → getAmountOfPages.js}

@@ -26,29 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createPaginatorHeader_exports = {};
-__export(createPaginatorHeader_exports, {
-  createPaginatorHeader: () => createPaginatorHeader
+var getAmountOfPages_exports = {};
+__export(getAmountOfPages_exports, {
+  getAmountOfPages: () => getAmountOfPages
 });
-module.exports = __toCommonJS(createPaginatorHeader_exports);
+module.exports = __toCommonJS(getAmountOfPages_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_DSPaginationSeparator = require("../../DSPaginationSeparator/index.js");
-var import_styled = require("../styled.js");
-const createPaginatorHeader = ({
-  pageDetailsTitle,
-  pageInfoWidth,
-  ownerPropsConfig,
-  checkMarkWidth
-}) => {
-  const Comp = () => {
-    if (pageDetailsTitle === "") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledHeader, { children: "Page" });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledHeader, { cols: [`${pageInfoWidth + checkMarkWidth + 34}px`, "8px", "auto"], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { marginLeft: "8px" }, children: "Page" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSPaginationSeparator.DSPaginationSeparator, { height: "100%", ...ownerPropsConfig }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pageDetailsTitle })
-    ] });
-  };
-  return Comp;
+const getAmountOfPages = (pageCount, pageIndex) => {
+  const amount = typeof pageCount === "string" ? pageIndex + 1 : pageCount;
+  return Number.isFinite(amount) && amount > 0 ? Math.floor(amount) : 0;
 };
-//# sourceMappingURL=createPaginatorHeader.js.map
+//# sourceMappingURL=getAmountOfPages.js.map

package/dist/cjs/parts/DSPaginator/config/getAmountOfPages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPaginator/config/getAmountOfPages.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// same rule as the existing DSPaginator: when the page count is not known (a string, e.g. \"many\"),\n// the user can only reach the pages up to the one after the current\nexport const getAmountOfPages = (pageCount: number | string, pageIndex: number): number => {\n  const amount = typeof pageCount === 'string' ? pageIndex + 1 : pageCount;\n  return Number.isFinite(amount) && amount > 0 ? Math.floor(amount) : 0;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,mBAAmB,CAAC,WAA4B,cAA8B;AACzF,QAAM,SAAS,OAAO,cAAc,WAAW,YAAY,IAAI;AAC/D,SAAO,OAAO,SAAS,MAAM,KAAK,SAAS,IAAI,KAAK,MAAM,MAAM,IAAI;AACtE;",
+  "names": []
+}

package/dist/cjs/parts/DSPaginator/config/getInstanceIds.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getInstanceIds_exports = {};
+__export(getInstanceIds_exports, {
+  getDialogId: () => getDialogId,
+  getHeaderId: () => getHeaderId,
+  getListId: () => getListId
+});
+module.exports = __toCommonJS(getInstanceIds_exports);
+var React = __toESM(require("react"));
+const getHeaderId = (instanceUid) => `ds-paginator-header-${instanceUid}`;
+const getListId = (instanceUid) => `ds-paginator-list-${instanceUid}`;
+const getDialogId = (instanceUid) => `ds-paginator-dialog-${instanceUid}`;
+//# sourceMappingURL=getInstanceIds.js.map

package/dist/cjs/parts/DSPaginator/config/getInstanceIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPaginator/config/getInstanceIds.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// one place composes the ids so the parts and the aria relationships cannot drift apart\nexport const getHeaderId = (instanceUid: string) => `ds-paginator-header-${instanceUid}`;\nexport const getListId = (instanceUid: string) => `ds-paginator-list-${instanceUid}`;\nexport const getDialogId = (instanceUid: string) => `ds-paginator-dialog-${instanceUid}`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,cAAc,CAAC,gBAAwB,uBAAuB,WAAW;AAC/E,MAAM,YAAY,CAAC,gBAAwB,qBAAqB,WAAW;AAC3E,MAAM,cAAc,CAAC,gBAAwB,uBAAuB,WAAW;",
+  "names": []
+}

package/dist/cjs/parts/DSPaginator/config/navigationKeys.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigationKeys_exports = {};
+__export(navigationKeys_exports, {
+  NAVIGATION_KEYS: () => NAVIGATION_KEYS
+});
+module.exports = __toCommonJS(navigationKeys_exports);
+var React = __toESM(require("react"));
+var import_constants = require("../constants/index.js");
+const NAVIGATION_KEYS = {
+  ArrowDown: (currentPage) => currentPage + 1,
+  ArrowUp: (currentPage) => currentPage - 1,
+  PageDown: (currentPage) => currentPage + import_constants.PAGINATOR_PAGE_JUMP,
+  PageUp: (currentPage) => currentPage - import_constants.PAGINATOR_PAGE_JUMP,
+  Home: () => 1,
+  End: (_currentPage, amountOfPages) => amountOfPages
+};
+//# sourceMappingURL=navigationKeys.js.map

package/dist/cjs/parts/DSPaginator/config/navigationKeys.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPaginator/config/navigationKeys.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PAGINATOR_PAGE_JUMP } from '../constants/index.js';\n\ntype GetTargetPage = (currentPage: number, amountOfPages: number) => number;\n\n// the keys that only MOVE the focus through the options (APG listbox / select-only combobox navigation)\nexport const NAVIGATION_KEYS: Record<string, GetTargetPage> = {\n  ArrowDown: (currentPage) => currentPage + 1,\n  ArrowUp: (currentPage) => currentPage - 1,\n  PageDown: (currentPage) => currentPage + PAGINATOR_PAGE_JUMP,\n  PageUp: (currentPage) => currentPage - PAGINATOR_PAGE_JUMP,\n  Home: () => 1,\n  End: (_currentPage, amountOfPages) => amountOfPages,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoC;AAK7B,MAAM,kBAAiD;AAAA,EAC5D,WAAW,CAAC,gBAAgB,cAAc;AAAA,EAC1C,SAAS,CAAC,gBAAgB,cAAc;AAAA,EACxC,UAAU,CAAC,gBAAgB,cAAc;AAAA,EACzC,QAAQ,CAAC,gBAAgB,cAAc;AAAA,EACvC,MAAM,MAAM;AAAA,EACZ,KAAK,CAAC,cAAc,kBAAkB;AACxC;",
+  "names": []
+}

package/dist/cjs/parts/DSPaginator/config/useFocusTracker.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useFocusTracker_exports = {};
+__export(useFocusTracker_exports, {
+  getOptionRegionId: () => getOptionRegionId,
+  useFocusTracker: () => useFocusTracker
+});
+module.exports = __toCommonJS(useFocusTracker_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("../constants/index.js");
+const getOptionRegionId = (page) => `${import_constants.PAGINATOR_REGION_FOCUSES.OPTION_PREFIX}${page}`;
+const getPageFromRegion = (region) => {
+  if (!region.startsWith(import_constants.PAGINATOR_REGION_FOCUSES.OPTION_PREFIX)) return null;
+  return Number(region.slice(import_constants.PAGINATOR_REGION_FOCUSES.OPTION_PREFIX.length));
+};
+const useFocusTracker = ({ amountOfPages, pageIndex }) => {
+  const [focusRegion, setFocusRegion] = (0, import_react.useState)(import_constants.PAGINATOR_REGION_FOCUSES.RESET);
+  const focusedPage = (0, import_react.useMemo)(() => getPageFromRegion(focusRegion), [focusRegion]);
+  const clampPage = (0, import_react.useCallback)((page) => Math.min(Math.max(page, 1), amountOfPages), [amountOfPages]);
+  const trackFocusRegionReset = (0, import_react.useCallback)(() => setFocusRegion(import_constants.PAGINATOR_REGION_FOCUSES.RESET), []);
+  const trackFocusTrigger = (0, import_react.useCallback)(() => setFocusRegion(import_constants.PAGINATOR_REGION_FOCUSES.TRIGGER), []);
+  const trackFocusOption = (0, import_react.useCallback)(
+    (page) => {
+      if (amountOfPages > 0) setFocusRegion(getOptionRegionId(clampPage(page)));
+    },
+    [amountOfPages, clampPage]
+  );
+  const trackFocusSelectedOption = (0, import_react.useCallback)(() => trackFocusOption(pageIndex), [pageIndex, trackFocusOption]);
+  return (0, import_react.useMemo)(
+    () => ({
+      focusRegion,
+      focusedPage,
+      clampPage,
+      trackFocusRegionReset,
+      trackFocusTrigger,
+      trackFocusOption,
+      trackFocusSelectedOption
+    }),
+    [
+      focusRegion,
+      focusedPage,
+      clampPage,
+      trackFocusRegionReset,
+      trackFocusTrigger,
+      trackFocusOption,
+      trackFocusSelectedOption
+    ]
+  );
+};
+//# sourceMappingURL=useFocusTracker.js.map

package/dist/cjs/parts/DSPaginator/config/useFocusTracker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSPaginator/config/useFocusTracker.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\nimport { PAGINATOR_REGION_FOCUSES } from '../constants/index.js';\n\ntype FocusTrackerConfigT = {\n  amountOfPages: number;\n  pageIndex: number;\n};\n\n// the identity of an option is the page it represents: stable, never the position in the (virtualized) DOM\nexport const getOptionRegionId = (page: number) => `${PAGINATOR_REGION_FOCUSES.OPTION_PREFIX}${page}`;\n\nconst getPageFromRegion = (region: string): number | null => {\n  if (!region.startsWith(PAGINATOR_REGION_FOCUSES.OPTION_PREFIX)) return null;\n  return Number(region.slice(PAGINATOR_REGION_FOCUSES.OPTION_PREFIX.length));\n};\n\n/**\n * Focus tracker (see .github/memories/project_focus_tracker.md): the handlers declare WHAT must receive focus\n * (a semantic identity), each part checks whether it IS that identity, and only the matching part focuses itself\n * from its ref callback. Nothing in here calls `.focus()`.\n */\nexport const useFocusTracker = ({ amountOfPages, pageIndex }: FocusTrackerConfigT) => {\n  const [focusRegion, setFocusRegion] = useState<string>(PAGINATOR_REGION_FOCUSES.RESET);\n\n  const focusedPage = useMemo(() => getPageFromRegion(focusRegion), [focusRegion]);\n\n  const clampPage = useCallback((page: number) => Math.min(Math.max(page, 1), amountOfPages), [amountOfPages]);\n\n  const trackFocusRegionReset = useCallback(() => setFocusRegion(PAGINATOR_REGION_FOCUSES.RESET), []);\n  const trackFocusTrigger = useCallback(() => setFocusRegion(PAGINATOR_REGION_FOCUSES.TRIGGER), []);\n  const trackFocusOption = useCallback(\n    (page: number) => {\n      if (amountOfPages > 0) setFocusRegion(getOptionRegionId(clampPage(page)));\n    },\n    [amountOfPages, clampPage],\n  );\n  const trackFocusSelectedOption = useCallback(() => trackFocusOption(pageIndex), [pageIndex, trackFocusOption]);\n\n  return useMemo(\n    () => ({\n      focusRegion,\n      focusedPage,\n      clampPage,\n      trackFocusRegionReset,\n      trackFocusTrigger,\n      trackFocusOption,\n      trackFocusSelectedOption,\n    }),\n    [\n      focusRegion,\n      focusedPage,\n      clampPage,\n      trackFocusRegionReset,\n      trackFocusTrigger,\n      trackFocusOption,\n      trackFocusSelectedOption,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,uBAAyC;AAQlC,MAAM,oBAAoB,CAAC,SAAiB,GAAG,0CAAyB,aAAa,GAAG,IAAI;AAEnG,MAAM,oBAAoB,CAAC,WAAkC;AAC3D,MAAI,CAAC,OAAO,WAAW,0CAAyB,aAAa,EAAG,QAAO;AACvE,SAAO,OAAO,OAAO,MAAM,0CAAyB,cAAc,MAAM,CAAC;AAC3E;AAOO,MAAM,kBAAkB,CAAC,EAAE,eAAe,UAAU,MAA2B;AACpF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAiB,0CAAyB,KAAK;AAErF,QAAM,kBAAc,sBAAQ,MAAM,kBAAkB,WAAW,GAAG,CAAC,WAAW,CAAC;AAE/E,QAAM,gBAAY,0BAAY,CAAC,SAAiB,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,aAAa,GAAG,CAAC,aAAa,CAAC;AAE3G,QAAM,4BAAwB,0BAAY,MAAM,eAAe,0CAAyB,KAAK,GAAG,CAAC,CAAC;AAClG,QAAM,wBAAoB,0BAAY,MAAM,eAAe,0CAAyB,OAAO,GAAG,CAAC,CAAC;AAChG,QAAM,uBAAmB;AAAA,IACvB,CAAC,SAAiB;AAChB,UAAI,gBAAgB,EAAG,gBAAe,kBAAkB,UAAU,IAAI,CAAC,CAAC;AAAA,IAC1E;AAAA,IACA,CAAC,eAAe,SAAS;AAAA,EAC3B;AACA,QAAM,+BAA2B,0BAAY,MAAM,iBAAiB,SAAS,GAAG,CAAC,WAAW,gBAAgB,CAAC;AAE7G,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}