@elliemae/ds-pagination 3.57.0-next.9 → 3.57.0-rc.0

package/dist/esm/parts/DSPerPageSelector/styled.js

@@ -0,0 +1,87 @@
+import * as React from "react";
+import { DSButtonV3 } from "@elliemae/ds-button-v2";
+import { css, styled } from "@elliemae/ds-system";
+import { DSPaginationName, PER_PAGE_SELECTOR_SLOTS } from "./constants/index.js";
+const fontSize13Base13 = 13 / 13;
+const fontSize13Base16 = 13 / 16;
+const fontSize12Base13 = 12 / 13;
+const fontSize12Base16 = 12 / 16;
+const styledFocusCss = css`
+  &:after {
+    display: block;
+    content: ' ';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+    pointer-events: none;
+    z-index: 7;
+  }
+`;
+const InvisibleDiv = styled.div`
+  opacity: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  position: absolute;
+`;
+const paginationDropdownButtonCommonStyles = css`
+  min-height: 42px;
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  padding-left: 16px;
+  padding-right: 16px;
+  grid-gap: 8px;
+  font-size: 13px;
+  color: neutral-700;
+  cursor: pointer;
+  border-radius: 0;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  :focus {
+    ${styledFocusCss}
+  }
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+  white-space: nowrap;
+`;
+const PaginationDropdownButtonPerPageSelector = styled(DSButtonV3, {
+  name: DSPaginationName,
+  slot: PER_PAGE_SELECTOR_SLOTS.PER_PAGE_SELECTOR,
+  preserveLegacyDataTestId: true
+})`
+  ${paginationDropdownButtonCommonStyles}
+  /**
+ * Pagination uses DSTypography internally, but each typography variant defines
+ * its own font-size. When these components are placed inside a styled() wrapper,
+ * trying to style them via styled(DSTypography) triggers TypeScript errors
+ * because DSTypography exposes  "as"  props and variant-specific overrides.
+ *
+ * Instead of wrapping DSTypography directly in styled(), we target the
+ * underlying rendered elements via className/id. This avoids the TS conflicts
+ * while still allowing us to override their font-size reliably.
+ */
+  .typography-per-page-selector {
+    font-size: ${fontSize13Base16}rem;
+    @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
+      font-size: ${fontSize13Base13}rem;
+    }
+  }
+`;
+const StyledHeader = styled.div`
+  font-size: ${fontSize12Base16}rem;
+  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
+    font-size: ${fontSize12Base13}rem;
+  }
+`;
+export {
+  InvisibleDiv,
+  PaginationDropdownButtonPerPageSelector,
+  StyledHeader
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/parts/DSPerPageSelector/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPerPageSelector/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButtonV3 } from '@elliemae/ds-button-v2';\n\nimport { css, styled } from '@elliemae/ds-system';\nimport type {} from '@xstyled/system';\nimport { DSPaginationName, PER_PAGE_SELECTOR_SLOTS } from './constants/index.js';\nconst fontSize13Base13 = 13 / 13;\nconst fontSize13Base16 = 13 / 16;\n\nconst fontSize12Base13 = 12 / 13;\nconst fontSize12Base16 = 12 / 16;\n\nconst styledFocusCss = css`\n  &:after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nexport const InvisibleDiv = styled.div`\n  opacity: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n`;\n\nconst paginationDropdownButtonCommonStyles = css`\n  min-height: 42px;\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-left: 16px;\n  padding-right: 16px;\n  grid-gap: 8px;\n  font-size: 13px;\n  color: neutral-700;\n  cursor: pointer;\n  border-radius: 0;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  :focus {\n    ${styledFocusCss}\n  }\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n  white-space: nowrap;\n`;\nexport const PaginationDropdownButtonPerPageSelector = styled(DSButtonV3, {\n  name: DSPaginationName,\n  slot: PER_PAGE_SELECTOR_SLOTS.PER_PAGE_SELECTOR,\n  preserveLegacyDataTestId: true,\n})`\n  ${paginationDropdownButtonCommonStyles}\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  .typography-per-page-selector {\n    font-size: ${fontSize13Base16}rem;\n    @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${fontSize13Base13}rem;\n    }\n  }\n`;\n\nexport const StyledHeader = styled.div`\n  font-size: ${fontSize12Base16}rem;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: ${fontSize12Base13}rem;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAE3B,SAAS,KAAK,cAAc;AAE5B,SAAS,kBAAkB,+BAA+B;AAC1D,MAAM,mBAAmB,KAAK;AAC9B,MAAM,mBAAmB,KAAK;AAE9B,MAAM,mBAAmB,KAAK;AAC9B,MAAM,mBAAmB,KAAK;AAE9B,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQnC,MAAM,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAc5B,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA,MAErD,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOb,MAAM,0CAA0C,OAAO,YAAY;AAAA,EACxE,MAAM;AAAA,EACN,MAAM,wBAAwB;AAAA,EAC9B,0BAA0B;AAC5B,CAAC;AAAA,IACG,oCAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYvB,gBAAgB;AAAA,yBACR,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,mBAC5C,gBAAgB;AAAA;AAAA;AAAA;AAK5B,MAAM,eAAe,OAAO;AAAA,eACpB,gBAAgB;AAAA,uBACR,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,iBAC5C,gBAAgB;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/DSPerPageSelector/typescript-testing/slots-props.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsPaginationPerPageSelector: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsPaginationPerPageSelector: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slots-props.js.map

package/dist/esm/parts/DSPerPageSelector/typescript-testing/slots-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPerPageSelector/typescript-testing/slots-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSPaginationName, PER_PAGE_SELECTOR_SLOTS } from '../constants/index.js';\nimport type { DSPerPageSelectorT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSPerPageSelectorT.Props> = {\n  dsPaginationPerPageSelector: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSPerPageSelectorT.SlotFunctionArguments = {\n  dsPaginationPerPageSelector: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSPaginationName, typeof PER_PAGE_SELECTOR_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAoD;AAAA,EACxD,6BAA6B,EAAE,cAAc,yBAAyB;AACxE;AACA,MAAM,uBAAiE;AAAA,EACrE,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAC/E;AACA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/{typescript-testing/typescript-per-page-selector-valid.js → parts/DSPerPageSelector/typescript-testing/typescript-testing.js}

@@ -63,4 +63,4 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSPerPageSelector, { ...testDefinitionAsConst }),
   /* @__PURE__ */ jsx(DSPerPageSelector, { pageSize: 10, onPageSizeChange: () => null, perPageStep: 5, minPerPage: 0, maxPerPage: 100 })
 ] });
-//# sourceMappingURL=typescript-per-page-selector-valid.js.map
+//# sourceMappingURL=typescript-testing.js.map

package/dist/esm/parts/DSPerPageSelector/typescript-testing/typescript-testing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPerPageSelector/typescript-testing/typescript-testing.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPerPageSelector } from '../index.js';\nimport type { DSPerPageSelectorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPerPageSelectorT.Props;\ntype ComponentPropsInternals = DSPerPageSelectorT.InternalProps;\ntype ComponentPropsDefaultProps = DSPerPageSelectorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPerPageSelectorT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPerPageSelectorT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  perPageOptions: [5, 10, 20],\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPerPageSelector {...testExplicitDefinition} />\n    <DSPerPageSelector {...testInferedTypeCompatibility} />\n    <DSPerPageSelector {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPerPageSelector pageSize={10} onPageSizeChange={() => null} perPageStep={5} minPerPage={0} maxPerPage={100} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoFrB,mBAEE,KAFF;AAnFF,SAAS,yBAAyB;AAUlC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,gBAAgB,CAAC,GAAG,IAAI,EAAE;AAC5B;AAIA,MAAM,sBAA2D;AAAA,EAC/D,kBAAkB,MAAM;AAAA,EACxB,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AAAA,EACV,kBAAkB,MAAM;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU;AAAA,EACV,kBAAkB,MAAM;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU;AAAA,EACV,kBAAkB,MAAM;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,kBAAkB,MAAM;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,qBAAmB,GAAG,wBAAwB;AAAA,EAC/C,oBAAC,qBAAmB,GAAG,8BAA8B;AAAA,EACrD,oBAAC,qBAAmB,GAAG,uBAAuB;AAAA,EAE9C,oBAAC,qBAAkB,UAAU,IAAI,kBAAkB,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,YAAY,KAAK;AAAA,GACjH;",
+  "names": []
+}

package/dist/esm/parts/PaginationContent.js

@@ -1,12 +1,11 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useOwnerProps } from "@elliemae/ds-props-helpers";
-import { DSPaginationContainer } from "./DSPaginationContainer.js";
-import { DSPaginationSeparator } from "../styled.js";
+import { DSPaginationContainer } from "./DSPaginationContainer/index.js";
+import { DSPaginationSeparator } from "./DSPaginationSeparator/index.js";
 import { DSPerPageSelector } from "./DSPerPageSelector/index.js";
 import { DSPaginator } from "./DSPaginator/index.js";
-import { DSPagePrevButton } from "./DSPagePrevButton.js";
-import { DSPageNextButton } from "./DSPageNextButton.js";
+import { DSPagePrevButton } from "./DSPagePrevButton/index.js";
+import { DSPageNextButton } from "./DSPageNextButton/index.js";
 const PaginationContent = (props) => {
   const {
     pageIndex,
@@ -27,7 +26,6 @@ const PaginationContent = (props) => {
     perPageStep,
     minPerPage
   } = props;
-  const ownerPropsConfig = useOwnerProps(props);
   return /* @__PURE__ */ jsxs(DSPaginationContainer, { ...props, children: [
     showPerPageSelector && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -41,10 +39,10 @@ const PaginationContent = (props) => {
           minPerPage
         }
       ),
-      /* @__PURE__ */ jsx(DSPaginationSeparator, { mr: 24, ...ownerPropsConfig })
+      /* @__PURE__ */ jsx(DSPaginationSeparator, { mr: 24 })
     ] }),
     /* @__PURE__ */ jsx(DSPagePrevButton, { canPreviousPage, onPreviousPage }),
-    /* @__PURE__ */ jsx(DSPaginationSeparator, { ...ownerPropsConfig }),
+    /* @__PURE__ */ jsx(DSPaginationSeparator, {}),
     /* @__PURE__ */ jsx(
       DSPaginator,
       {
@@ -56,7 +54,7 @@ const PaginationContent = (props) => {
         pageDetailsTitle
       }
     ),
-    /* @__PURE__ */ jsx(DSPaginationSeparator, { ...ownerPropsConfig }),
+    /* @__PURE__ */ jsx(DSPaginationSeparator, {}),
     /* @__PURE__ */ jsx(DSPageNextButton, { canNextPage, onNextPage })
   ] });
 };

package/dist/esm/parts/PaginationContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PaginationContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSPaginationContainer } from './DSPaginationContainer.js';\nimport { DSPaginationSeparator } from '../styled.js';\nimport { DSPerPageSelector } from './DSPerPageSelector/index.js';\nimport { DSPaginator } from './DSPaginator/index.js';\nimport { DSPagePrevButton } from './DSPagePrevButton.js';\nimport { DSPageNextButton } from './DSPageNextButton.js';\nimport type { DSPaginationT } from '../react-desc-prop-types.js';\n\nexport const PaginationContent: React.ComponentType<DSPaginationT.InternalProps> = (props) => {\n  const {\n    pageIndex,\n    pageSize,\n    canPreviousPage,\n    canNextPage,\n    onPageSizeChange,\n    onNextPage,\n    onPreviousPage,\n    onPageChange,\n    pageCount,\n    isLoadingPageCount,\n    showPerPageSelector,\n    pageDetails,\n    pageDetailsTitle,\n    perPageOptions,\n    maxPerPage,\n    perPageStep,\n    minPerPage,\n  } = props;\n\n  const ownerPropsConfig = useOwnerProps(props);\n\n  return (\n    <DSPaginationContainer {...props}>\n      {showPerPageSelector && (\n        <>\n          <DSPerPageSelector\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            perPageOptions={perPageOptions}\n            maxPerPage={maxPerPage}\n            perPageStep={perPageStep}\n            minPerPage={minPerPage}\n          />\n          <DSPaginationSeparator mr={24} {...ownerPropsConfig} />\n        </>\n      )}\n      <DSPagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n      <DSPaginationSeparator {...ownerPropsConfig} />\n\n      <DSPaginator\n        pageCount={pageCount}\n        isLoadingPageCount={isLoadingPageCount}\n        pageIndex={pageIndex}\n        onPageChange={onPageChange}\n        pageDetails={pageDetails}\n        pageDetailsTitle={pageDetailsTitle}\n      />\n      <DSPaginationSeparator {...ownerPropsConfig} />\n\n      <DSPageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n    </DSPaginationContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqCf,mBACE,KADF;AAnCR,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAG1B,MAAM,oBAAsE,CAAC,UAAU;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,cAAc,KAAK;AAE5C,SACE,qBAAC,yBAAuB,GAAG,OACxB;AAAA,2BACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,yBAAsB,IAAI,IAAK,GAAG,kBAAkB;AAAA,OACvD;AAAA,IAEF,oBAAC,oBAAiB,iBAAkC,gBAAgC;AAAA,IACpF,oBAAC,yBAAuB,GAAG,kBAAkB;AAAA,IAE7C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,yBAAuB,GAAG,kBAAkB;AAAA,IAE7C,oBAAC,oBAAiB,aAA0B,YAAwB;AAAA,KACtE;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { DSPaginationContainer } from './DSPaginationContainer/index.js';\nimport { DSPaginationSeparator } from './DSPaginationSeparator/index.js';\nimport { DSPerPageSelector } from './DSPerPageSelector/index.js';\nimport { DSPaginator } from './DSPaginator/index.js';\nimport { DSPagePrevButton } from './DSPagePrevButton/index.js';\nimport { DSPageNextButton } from './DSPageNextButton/index.js';\nimport type { DSPaginationT } from '../react-desc-prop-types.js';\n\nexport const PaginationContent: React.ComponentType<DSPaginationT.InternalProps> = (props) => {\n  const {\n    pageIndex,\n    pageSize,\n    canPreviousPage,\n    canNextPage,\n    onPageSizeChange,\n    onNextPage,\n    onPreviousPage,\n    onPageChange,\n    pageCount,\n    isLoadingPageCount,\n    showPerPageSelector,\n    pageDetails,\n    pageDetailsTitle,\n    perPageOptions,\n    maxPerPage,\n    perPageStep,\n    minPerPage,\n  } = props;\n\n  return (\n    <DSPaginationContainer {...props}>\n      {showPerPageSelector && (\n        <>\n          <DSPerPageSelector\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            perPageOptions={perPageOptions}\n            maxPerPage={maxPerPage}\n            perPageStep={perPageStep}\n            minPerPage={minPerPage}\n          />\n          <DSPaginationSeparator mr={24} />\n        </>\n      )}\n      <DSPagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n      <DSPaginationSeparator />\n\n      <DSPaginator\n        pageCount={pageCount}\n        isLoadingPageCount={isLoadingPageCount}\n        pageIndex={pageIndex}\n        onPageChange={onPageChange}\n        pageDetails={pageDetails}\n        pageDetailsTitle={pageDetailsTitle}\n      />\n      <DSPaginationSeparator />\n\n      <DSPageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n    </DSPaginationContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmCf,mBACE,KADF;AAhCR,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAG1B,MAAM,oBAAsE,CAAC,UAAU;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE,qBAAC,yBAAuB,GAAG,OACxB;AAAA,2BACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,yBAAsB,IAAI,IAAI;AAAA,OACjC;AAAA,IAEF,oBAAC,oBAAiB,iBAAkC,gBAAgC;AAAA,IACpF,oBAAC,yBAAsB;AAAA,IAEvB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,yBAAsB;AAAA,IAEvB,oBAAC,oBAAiB,aAA0B,YAAwB;AAAA,KACtE;AAEJ;",
   "names": []
 }

package/dist/esm/parts/index.js

@@ -1,19 +1,76 @@
 import * as React from "react";
-import { DSPageNextButton, DSPageNextButtonWithSchema } from "./DSPageNextButton.js";
-import { DSPagePrevButton, DSPagePrevButtonWithSchema } from "./DSPagePrevButton.js";
-import { DSPaginationContainer, DSPaginationContainerWithSchema } from "./DSPaginationContainer.js";
-import { DSPerPageSelector, DSPerPageSelectorWithSchema } from "./DSPerPageSelector/index.js";
-import { DSPaginator, DSPaginatorWithSchema } from "./DSPaginator/index.js";
+import {
+  DSPageNextButton,
+  DSPageNextButtonWithSchema,
+  DSPageNextButtonName,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS
+} from "./DSPageNextButton/index.js";
+import {
+  DSPagePrevButton,
+  DSPagePrevButtonWithSchema,
+  DSPagePrevButtonName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+} from "./DSPagePrevButton/index.js";
+import {
+  DSPaginationContainer,
+  DSPaginationContainerWithSchema,
+  DSPaginationContainerName,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS
+} from "./DSPaginationContainer/index.js";
+import {
+  DSPerPageSelector,
+  DSPerPageSelectorWithSchema,
+  DSPerPageSelectorName,
+  PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS
+} from "./DSPerPageSelector/index.js";
+import {
+  DSPaginator,
+  DSPaginatorWithSchema,
+  DSPaginatorName,
+  PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS
+} from "./DSPaginator/index.js";
+import {
+  DSPaginationSeparator,
+  DSPaginationSeparatorWithSchema,
+  DSPaginationSeparatorName,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS
+} from "./DSPaginationSeparator/index.js";
 export {
   DSPageNextButton,
+  DSPageNextButtonName,
   DSPageNextButtonWithSchema,
   DSPagePrevButton,
+  DSPagePrevButtonName,
   DSPagePrevButtonWithSchema,
   DSPaginationContainer,
+  DSPaginationContainerName,
   DSPaginationContainerWithSchema,
+  DSPaginationSeparator,
+  DSPaginationSeparatorName,
+  DSPaginationSeparatorWithSchema,
   DSPaginator,
+  DSPaginatorName,
   DSPaginatorWithSchema,
   DSPerPageSelector,
-  DSPerPageSelectorWithSchema
+  DSPerPageSelectorName,
+  DSPerPageSelectorWithSchema,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS,
+  PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS,
+  PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/parts/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPageNextButton, DSPageNextButtonWithSchema } from './DSPageNextButton.js';\nexport { DSPagePrevButton, DSPagePrevButtonWithSchema } from './DSPagePrevButton.js';\nexport { DSPaginationContainer, DSPaginationContainerWithSchema } from './DSPaginationContainer.js';\nexport { DSPerPageSelector, DSPerPageSelectorWithSchema } from './DSPerPageSelector/index.js';\nexport { DSPaginator, DSPaginatorWithSchema } from './DSPaginator/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,uBAAuB,uCAAuC;AACvE,SAAS,mBAAmB,mCAAmC;AAC/D,SAAS,aAAa,6BAA6B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  DSPageNextButton,\n  DSPageNextButtonWithSchema,\n  DSPageNextButtonName,\n  PAGE_NEXT_BUTTON_DATA_TESTID,\n  PAGE_NEXT_BUTTON_SLOTS,\n  type DSPageNextButtonT,\n} from './DSPageNextButton/index.js';\nexport {\n  DSPagePrevButton,\n  DSPagePrevButtonWithSchema,\n  DSPagePrevButtonName,\n  PAGE_PREV_BUTTON_DATA_TESTID,\n  PAGE_PREV_BUTTON_SLOTS,\n  type DSPagePrevButtonT,\n} from './DSPagePrevButton/index.js';\nexport {\n  DSPaginationContainer,\n  DSPaginationContainerWithSchema,\n  DSPaginationContainerName,\n  PAGINATION_CONTAINER_DATA_TESTID,\n  PAGINATION_CONTAINER_SLOTS,\n  type DSPaginationContainerT,\n} from './DSPaginationContainer/index.js';\nexport {\n  DSPerPageSelector,\n  DSPerPageSelectorWithSchema,\n  DSPerPageSelectorName,\n  PER_PAGE_SELECTOR_DATA_TESTID,\n  PER_PAGE_SELECTOR_SLOTS,\n  type DSPerPageSelectorT,\n} from './DSPerPageSelector/index.js';\nexport {\n  DSPaginator,\n  DSPaginatorWithSchema,\n  DSPaginatorName,\n  PAGINATOR_DATA_TESTID,\n  PAGINATOR_SLOTS,\n  type DSPaginatorT,\n} from './DSPaginator/index.js';\nexport {\n  DSPaginationSeparator,\n  DSPaginationSeparatorWithSchema,\n  DSPaginationSeparatorName,\n  PAGINATION_SEPARATOR_DATA_TESTID,\n  PAGINATION_SEPARATOR_SLOTS,\n  type DSPaginationSeparatorT,\n} from './DSPaginationSeparator/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;",
   "names": []
 }

package/dist/esm/parts/{DSPaginator → shared}/useOnElementOnResize.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPaginator/useOnElementOnResize.tsx"],
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/shared/useOnElementOnResize.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nexport const useOnElementResize = <T extends HTMLElement>(\n  targetRef: React.RefObject<T>,\n): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current?.offsetWidth ?? 0);\n  const [height, setHeight] = useState(targetRef.current?.offsetHeight ?? 0);\n  const observer = useRef<ResizeObserver>();\n\n  useEffect(() => {\n    function outputsize() {\n      setWidth(targetRef.current?.offsetWidth ?? 0);\n      setHeight(targetRef.current?.offsetHeight ?? 0);\n    }\n\n    observer.current = new ResizeObserver(outputsize);\n    const el = targetRef.current as Element | null;\n    if (el) observer.current.observe(el);\n\n    return () => {\n      if (el) observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,UAAU,WAAW,QAAQ,eAAe;AAI9C,MAAM,qBAAqB,CAChC,cACuC;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,UAAU,SAAS,eAAe,CAAC;AACtE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,UAAU,SAAS,gBAAgB,CAAC;AACzE,QAAM,WAAW,OAAuB;AAExC,YAAU,MAAM;AACd,aAAS,aAAa;AACpB,eAAS,UAAU,SAAS,eAAe,CAAC;AAC5C,gBAAU,UAAU,SAAS,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,IAAI,eAAe,UAAU;AAChD,UAAM,KAAK,UAAU;AACrB,QAAI,GAAI,UAAS,QAAQ,QAAQ,EAAE;AAEnC,WAAO,MAAM;AACX,UAAI,GAAI,UAAS,SAAS,WAAW;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,MAAM;AAAA,EAChB;AACF;",
   "names": []

package/dist/esm/react-desc-prop-types.js

@@ -1,28 +1,5 @@
 import * as React from "react";
 import { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
-const perPageSelectorDefaultProps = {
-  pageSize: 10,
-  onPageSizeChange: () => null,
-  perPageStep: 5,
-  minPerPage: 0,
-  maxPerPage: 100
-};
-const pagePrevButtonDefaultProps = {
-  canPreviousPage: true,
-  onPreviousPage: () => null
-};
-const pageNextButtonDefaultProps = {
-  canNextPage: true,
-  onNextPage: () => null
-};
-const paginatorDefaultProps = {
-  pageCount: 0,
-  isLoadingPageCount: false,
-  pageIndex: 1,
-  onPageChange: () => null,
-  pageDetails: [],
-  pageDetailsTitle: ""
-};
 const defaultProps = {
   pageCount: 0,
   pageIndex: 1,
@@ -65,71 +42,9 @@ const DSPaginationPropTypes = {
   isLoadingPageCount: PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false)
 };
 const DSPaginationPropTypesSchema = DSPaginationPropTypes;
-const DSPerPageSelectorPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  pageSize: PropTypes.number.description("The current page size").defaultValue(10),
-  onPageSizeChange: PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
-  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object])).description("The available options for page size").defaultValue([10]),
-  minPerPage: PropTypes.number.description("Min for the per page options").defaultValue(0),
-  maxPerPage: PropTypes.number.description("Max for the per page options").defaultValue(100),
-  perPageStep: PropTypes.number.description("Step for the per page options").defaultValue(5)
-};
-const DSPerPageSelectorPropTypesSchema = DSPerPageSelectorPropTypes;
-const DSPagePrevButtonPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  canPreviousPage: PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
-  onPreviousPage: PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null)
-};
-const DSPagePrevButtonPropTypesSchema = DSPagePrevButtonPropTypes;
-const DSPageNextButtonPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  canNextPage: PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
-  onNextPage: PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null)
-};
-const DSPageNextButtonPropTypesSchema = DSPageNextButtonPropTypes;
-const DSPaginatorPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  pageIndex: PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
-  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("How many pages are there"),
-  onPageChange: PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
-  isLoadingPageCount: PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false),
-  pageDetails: PropTypes.arrayOf(PropTypes.string).description("Details to provide for each page").defaultValue([]),
-  pageDetailsTitle: PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue("")
-};
-const DSPaginatorPropTypesSchema = DSPaginatorPropTypes;
-const DSPaginationContainerPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes
-};
-const DSPaginationContainerPropTypesSchema = DSPaginationContainerPropTypes;
-const DSPaginationStyledPartPropTypes = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes
-};
-const DSPaginationStyledPartPropTypesSchema = DSPaginationStyledPartPropTypes;
 export {
-  DSPageNextButtonPropTypes,
-  DSPageNextButtonPropTypesSchema,
-  DSPagePrevButtonPropTypes,
-  DSPagePrevButtonPropTypesSchema,
-  DSPaginationContainerPropTypes,
-  DSPaginationContainerPropTypesSchema,
   DSPaginationPropTypes,
   DSPaginationPropTypesSchema,
-  DSPaginationStyledPartPropTypes,
-  DSPaginationStyledPartPropTypesSchema,
-  DSPaginatorPropTypes,
-  DSPaginatorPropTypesSchema,
-  DSPerPageSelectorPropTypes,
-  DSPerPageSelectorPropTypesSchema,
-  defaultProps,
-  pageNextButtonDefaultProps,
-  pagePrevButtonDefaultProps,
-  paginatorDefaultProps,
-  perPageSelectorDefaultProps
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\n\nexport namespace DSPaginationT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface PerPageSelectorDefaultProps {\n    pageSize: number;\n    onPageSizeChange: (pageSize: number) => void;\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n  }\n  export interface PerPageSelectorOptionalProps {\n    perPageOptions?: (number | DSDropdownMenuT.ItemSingleOptions)[];\n  }\n  export interface PerPageSelectorRequiredProps {}\n\n  export type PerPageSelectorProps = PropsT<\n    PerPageSelectorDefaultProps,\n    PerPageSelectorRequiredProps,\n    PerPageSelectorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type PerPageSelectorInternalProps = InternalPropsT<\n    PerPageSelectorDefaultProps,\n    PerPageSelectorRequiredProps,\n    PerPageSelectorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export interface PagePrevButtonDefaultProps {\n    canPreviousPage: boolean;\n    onPreviousPage: () => void;\n  }\n  export interface PagePrevButtonOptionalProps {}\n  export interface PagePrevButtonRequiredProps {}\n\n  export type PagePrevButtonProps = PropsT<\n    PagePrevButtonDefaultProps,\n    PagePrevButtonRequiredProps,\n    PagePrevButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type PagePrevButtonInternalProps = InternalPropsT<\n    PagePrevButtonDefaultProps,\n    PagePrevButtonRequiredProps,\n    PagePrevButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export interface PageNextButtonDefaultProps {\n    canNextPage: boolean;\n    onNextPage: () => void;\n  }\n  export interface PageNextButtonOptionalProps {}\n  export interface PageNextButtonRequiredProps {}\n\n  export type PageNextButtonProps = PropsT<\n    PageNextButtonDefaultProps,\n    PageNextButtonRequiredProps,\n    PageNextButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type PageNextButtonInternalProps = InternalPropsT<\n    PageNextButtonDefaultProps,\n    PageNextButtonRequiredProps,\n    PageNextButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export interface PaginatorDefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    onPageChange: (page: number) => void;\n    pageDetails: string[] | readonly string[];\n    pageDetailsTitle: string;\n  }\n  export interface PaginatorOptionalProps {}\n  export interface PaginatorRequiredProps {}\n\n  export type PaginatorProps = PropsT<\n    PaginatorDefaultProps,\n    PaginatorRequiredProps,\n    PaginatorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type PaginatorInternalProps = InternalPropsT<\n    PaginatorDefaultProps,\n    PaginatorRequiredProps,\n    PaginatorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export interface ContainerDefaultProps {}\n  export interface ContainerOptionalProps {}\n  export interface ContainerRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ContainerProps = PropsT<\n    ContainerDefaultProps,\n    ContainerRequiredProps,\n    ContainerOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type ContainerInternalProps = InternalPropsT<\n    ContainerDefaultProps,\n    ContainerRequiredProps,\n    ContainerOptionalProps,\n    HTMLDivElement\n  >;\n\n  // LEGACY WAY OF USING THE PAGINATION COMPONENT\n  export interface DefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    canPreviousPage: boolean;\n    canNextPage: boolean;\n    pageSize: number;\n    showPerPageSelector: boolean;\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n    onPageSizeChange: (pageSize: number) => void;\n    onPreviousPage: () => void;\n    onNextPage: () => void;\n    onPageChange: (page: number) => void;\n    pageDetails: string[] | readonly string[];\n    pageDetailsTitle: string;\n    width: string | number;\n  }\n  export interface OptionalProps {\n    perPageOptions?: (number | DSDropdownMenuT.ItemSingleOptions)[];\n  }\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n}\n\nexport const perPageSelectorDefaultProps: DSPaginationT.PerPageSelectorDefaultProps = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n};\n\nexport const pagePrevButtonDefaultProps: DSPaginationT.PagePrevButtonDefaultProps = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n};\n\nexport const pageNextButtonDefaultProps: DSPaginationT.PageNextButtonDefaultProps = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\nexport const paginatorDefaultProps: DSPaginationT.PaginatorDefaultProps = {\n  pageCount: 0,\n  isLoadingPageCount: false,\n  pageIndex: 1,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n};\n\nexport const defaultProps: DSPaginationT.DefaultProps = {\n  pageCount: 0,\n  pageIndex: 1,\n  isLoadingPageCount: false,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: () => null,\n  onPreviousPage: () => null,\n  onNextPage: () => null,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n\nexport const DSPaginationPropTypes: DSPropTypesSchema<DSPaginationT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object]))\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n  width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%'),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n};\n\nexport const DSPaginationPropTypesSchema = DSPaginationPropTypes as unknown as WeakValidationMap<DSPaginationT.Props>;\n\nexport const DSPerPageSelectorPropTypes: DSPropTypesSchema<DSPaginationT.PerPageSelectorProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object]))\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n};\n\nexport const DSPerPageSelectorPropTypesSchema =\n  DSPerPageSelectorPropTypes as unknown as WeakValidationMap<DSPaginationT.PerPageSelectorProps>;\n\nexport const DSPagePrevButtonPropTypes: DSPropTypesSchema<DSPaginationT.PagePrevButtonProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPagePrevButtonPropTypesSchema =\n  DSPagePrevButtonPropTypes as unknown as WeakValidationMap<DSPaginationT.PagePrevButtonProps>;\n\nexport const DSPageNextButtonPropTypes: DSPropTypesSchema<DSPaginationT.PageNextButtonProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n};\n\nexport const DSPageNextButtonPropTypesSchema =\n  DSPageNextButtonPropTypes as unknown as WeakValidationMap<DSPaginationT.PageNextButtonProps>;\n\nexport const DSPaginatorPropTypes: DSPropTypesSchema<DSPaginationT.PaginatorProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n};\n\nexport const DSPaginatorPropTypesSchema =\n  DSPaginatorPropTypes as unknown as WeakValidationMap<DSPaginationT.PaginatorProps>;\n\nexport const DSPaginationContainerPropTypes: DSPropTypesSchema<DSPaginationT.ContainerProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationContainerPropTypesSchema =\n  DSPaginationContainerPropTypes as unknown as WeakValidationMap<DSPaginationT.ContainerProps>;\n\nexport const DSPaginationStyledPartPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationStyledPartPropTypesSchema =\n  DSPaginationStyledPartPropTypes as unknown as WeakValidationMap<unknown>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\n\nexport namespace DSPaginationT {\n  // LEGACY WAY OF USING THE PAGINATION COMPONENT\n  export interface DefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    canPreviousPage: boolean;\n    canNextPage: boolean;\n    pageSize: number;\n    showPerPageSelector: boolean;\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n    onPageSizeChange: (pageSize: number) => void;\n    onPreviousPage: () => void;\n    onNextPage: () => void;\n    onPageChange: (page: number) => void;\n    pageDetails: string[] | readonly string[];\n    pageDetailsTitle: string;\n    width: string | number;\n  }\n  export interface OptionalProps {\n    perPageOptions?: (number | DSDropdownMenuT.ItemSingleOptions)[];\n  }\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPaginationT.DefaultProps = {\n  pageCount: 0,\n  pageIndex: 1,\n  isLoadingPageCount: false,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: () => null,\n  onPreviousPage: () => null,\n  onNextPage: () => null,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n\nexport const DSPaginationPropTypes: DSPropTypesSchema<DSPaginationT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object]))\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n  width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%'),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n};\n\nexport const DSPaginationPropTypesSchema = DSPaginationPropTypes as unknown as ValidationMap<DSPaginationT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,WAAW,wBAAwB;AA6ChE,MAAM,eAA2C;AAAA,EACtD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EACtB,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM;AAAA,EACpB,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,0BAA0B;AAAA,EAC3G,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,iBAAiB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,EAC1G,YAAY,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,EAC9G,qBAAqB,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EACxF,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,YAAY,UAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,CAAC;AAAA,EACvF,YAAY,UAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,GAAG;AAAA,EACzF,aAAa,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,kBAAkB,UAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,aAAa,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,EAChH,kBAAkB,UAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,EAClB,OAAO,UAAU,IAAI,YAAY,2CAA2C,EAAE,aAAa,MAAM;AAAA,EACjG,oBAAoB,UAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,KAAK;AAC/G;AAEO,MAAM,8BAA8B;",
   "names": []
 }

package/dist/types/config/usePagination.d.ts

@@ -0,0 +1,5 @@
+import { type DSPaginationT } from '../react-desc-prop-types.js';
+export declare const usePagination: (propsFromUser: DSPaginationT.Props) => {
+    propsWithDefault: DSPaginationT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { ValidationMap } from '@elliemae/ds-props-helpers';
+import { type DSPaginationT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSPaginationT.InternalProps, propTypes: ValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,29 @@
+export declare const DSPaginationName = "DSPagination";
+export declare const PAGINATION_SLOTS: {
+    ROOT: string;
+    WRAPPER: string;
+    SEPARATOR: string;
+    PAGINATOR: string;
+    PER_PAGE_SELECTOR: string;
+    PREVIOUS_BUTTON: string;
+    NEXT_BUTTON: string;
+};
+export declare const PaginationSlots: {
+    ROOT: string;
+    WRAPPER: string;
+    SEPARATOR: string;
+    PAGINATOR: string;
+    PER_PAGE_SELECTOR: string;
+    PREVIOUS_BUTTON: string;
+    NEXT_BUTTON: string;
+};
+export declare const PAGINATION_DATA_TESTID: {
+    PREVIOUS_BUTTON: string;
+    NEXT_BUTTON: string;
+    ROOT: string;
+    CONTAINER: string;
+    WRAPPER: `ds-pagination-${string}`;
+    SEPARATOR: `ds-pagination-${string}`;
+    PAGINATOR: `ds-pagination-${string}`;
+    PER_PAGE_SELECTOR: `ds-pagination-${string}`;
+};

package/dist/types/index.d.ts

@@ -1,8 +1,4 @@
-declare const DSPaginationSeparatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{}>;
-export { DSPagination, DSPaginationWithSchema } from './Pagination.js';
-export { DSPageNextButton, DSPageNextButtonWithSchema, DSPagePrevButton, DSPagePrevButtonWithSchema, DSPaginationContainer, DSPaginationContainerWithSchema, DSPerPageSelector, DSPerPageSelectorWithSchema, DSPaginator, DSPaginatorWithSchema, } from './parts/index.js';
-export { DSPaginationSeparator } from './styled.js';
-export { DSPaginationName, PaginationSlots } from './DSPaginationDefinitions.js';
-export { DSPaginationSeparatorWithSchema };
-export { PAGINATION_DATA_TESTID } from './PaginationDataTestID.js';
+export { DSPagination, DSPaginationWithSchema } from './DSPagination.js';
+export { DSPaginationName, PaginationSlots, PAGINATION_DATA_TESTID, PAGINATION_SLOTS } from './constants/index.js';
 export type { DSPaginationT } from './react-desc-prop-types.js';
+export { DSPageNextButton, DSPageNextButtonWithSchema, DSPageNextButtonName, PAGE_NEXT_BUTTON_DATA_TESTID, PAGE_NEXT_BUTTON_SLOTS, type DSPageNextButtonT, DSPagePrevButton, DSPagePrevButtonWithSchema, DSPagePrevButtonName, PAGE_PREV_BUTTON_DATA_TESTID, PAGE_PREV_BUTTON_SLOTS, type DSPagePrevButtonT, DSPaginationContainer, DSPaginationContainerWithSchema, DSPaginationContainerName, PAGINATION_CONTAINER_DATA_TESTID, PAGINATION_CONTAINER_SLOTS, type DSPaginationContainerT, DSPerPageSelector, DSPerPageSelectorWithSchema, DSPerPageSelectorName, PER_PAGE_SELECTOR_DATA_TESTID, PER_PAGE_SELECTOR_SLOTS, type DSPerPageSelectorT, DSPaginator, DSPaginatorWithSchema, DSPaginatorName, PAGINATOR_DATA_TESTID, PAGINATOR_SLOTS, type DSPaginatorT, DSPaginationSeparator, DSPaginationSeparatorWithSchema, DSPaginationSeparatorName, DSPaginationSeparatorName as PaginationSeparatorName, PAGINATION_SEPARATOR_DATA_TESTID, PAGINATION_SEPARATOR_SLOTS, type DSPaginationSeparatorT, } from './parts/index.js';

package/dist/types/parts/DSPageNextButton/DSPageNextButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSPageNextButtonT } from './react-desc-prop-types.js';
+declare const DSPageNextButton: React.ComponentType<DSPageNextButtonT.Props>;
+declare const DSPageNextButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPageNextButtonT.Props>;
+export { DSPageNextButton, DSPageNextButtonWithSchema };