@elliemae/ds-pagination 3.57.0-next.4 → 3.57.0-next.40

package/dist/cjs/parts/index.js

@@ -29,21 +29,42 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var parts_exports = {};
 __export(parts_exports, {
   DSPageNextButton: () => import_DSPageNextButton.DSPageNextButton,
+  DSPageNextButtonName: () => import_DSPageNextButton.DSPageNextButtonName,
   DSPageNextButtonWithSchema: () => import_DSPageNextButton.DSPageNextButtonWithSchema,
   DSPagePrevButton: () => import_DSPagePrevButton.DSPagePrevButton,
+  DSPagePrevButtonName: () => import_DSPagePrevButton.DSPagePrevButtonName,
   DSPagePrevButtonWithSchema: () => import_DSPagePrevButton.DSPagePrevButtonWithSchema,
   DSPaginationContainer: () => import_DSPaginationContainer.DSPaginationContainer,
+  DSPaginationContainerName: () => import_DSPaginationContainer.DSPaginationContainerName,
   DSPaginationContainerWithSchema: () => import_DSPaginationContainer.DSPaginationContainerWithSchema,
+  DSPaginationSeparator: () => import_DSPaginationSeparator.DSPaginationSeparator,
+  DSPaginationSeparatorName: () => import_DSPaginationSeparator.DSPaginationSeparatorName,
+  DSPaginationSeparatorWithSchema: () => import_DSPaginationSeparator.DSPaginationSeparatorWithSchema,
   DSPaginator: () => import_DSPaginator.DSPaginator,
+  DSPaginatorName: () => import_DSPaginator.DSPaginatorName,
   DSPaginatorWithSchema: () => import_DSPaginator.DSPaginatorWithSchema,
   DSPerPageSelector: () => import_DSPerPageSelector.DSPerPageSelector,
-  DSPerPageSelectorWithSchema: () => import_DSPerPageSelector.DSPerPageSelectorWithSchema
+  DSPerPageSelectorName: () => import_DSPerPageSelector.DSPerPageSelectorName,
+  DSPerPageSelectorWithSchema: () => import_DSPerPageSelector.DSPerPageSelectorWithSchema,
+  PAGE_NEXT_BUTTON_DATA_TESTID: () => import_DSPageNextButton.PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS: () => import_DSPageNextButton.PAGE_NEXT_BUTTON_SLOTS,
+  PAGE_PREV_BUTTON_DATA_TESTID: () => import_DSPagePrevButton.PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS: () => import_DSPagePrevButton.PAGE_PREV_BUTTON_SLOTS,
+  PAGINATION_CONTAINER_DATA_TESTID: () => import_DSPaginationContainer.PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS: () => import_DSPaginationContainer.PAGINATION_CONTAINER_SLOTS,
+  PAGINATION_SEPARATOR_DATA_TESTID: () => import_DSPaginationSeparator.PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS: () => import_DSPaginationSeparator.PAGINATION_SEPARATOR_SLOTS,
+  PAGINATOR_DATA_TESTID: () => import_DSPaginator.PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS: () => import_DSPaginator.PAGINATOR_SLOTS,
+  PER_PAGE_SELECTOR_DATA_TESTID: () => import_DSPerPageSelector.PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS: () => import_DSPerPageSelector.PER_PAGE_SELECTOR_SLOTS
 });
 module.exports = __toCommonJS(parts_exports);
 var React = __toESM(require("react"));
-var import_DSPageNextButton = require("./DSPageNextButton.js");
-var import_DSPagePrevButton = require("./DSPagePrevButton.js");
-var import_DSPaginationContainer = require("./DSPaginationContainer.js");
+var import_DSPageNextButton = require("./DSPageNextButton/index.js");
+var import_DSPagePrevButton = require("./DSPagePrevButton/index.js");
+var import_DSPaginationContainer = require("./DSPaginationContainer/index.js");
 var import_DSPerPageSelector = require("./DSPerPageSelector/index.js");
 var import_DSPaginator = require("./DSPaginator/index.js");
+var import_DSPaginationSeparator = require("./DSPaginationSeparator/index.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6D;AAC7D,8BAA6D;AAC7D,mCAAuE;AACvE,+BAA+D;AAC/D,yBAAmD;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAOO;AACP,8BAOO;AACP,mCAOO;AACP,+BAOO;AACP,yBAOO;AACP,mCAOO;",
   "names": []
 }

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

@@ -28,52 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
-  DSPageNextButtonPropTypes: () => DSPageNextButtonPropTypes,
-  DSPageNextButtonPropTypesSchema: () => DSPageNextButtonPropTypesSchema,
-  DSPagePrevButtonPropTypes: () => DSPagePrevButtonPropTypes,
-  DSPagePrevButtonPropTypesSchema: () => DSPagePrevButtonPropTypesSchema,
-  DSPaginationContainerPropTypes: () => DSPaginationContainerPropTypes,
-  DSPaginationContainerPropTypesSchema: () => DSPaginationContainerPropTypesSchema,
   DSPaginationPropTypes: () => DSPaginationPropTypes,
   DSPaginationPropTypesSchema: () => DSPaginationPropTypesSchema,
-  DSPaginationStyledPartPropTypes: () => DSPaginationStyledPartPropTypes,
-  DSPaginationStyledPartPropTypesSchema: () => DSPaginationStyledPartPropTypesSchema,
-  DSPaginatorPropTypes: () => DSPaginatorPropTypes,
-  DSPaginatorPropTypesSchema: () => DSPaginatorPropTypesSchema,
-  DSPerPageSelectorPropTypes: () => DSPerPageSelectorPropTypes,
-  DSPerPageSelectorPropTypesSchema: () => DSPerPageSelectorPropTypesSchema,
-  defaultProps: () => defaultProps,
-  pageNextButtonDefaultProps: () => pageNextButtonDefaultProps,
-  pagePrevButtonDefaultProps: () => pagePrevButtonDefaultProps,
-  paginatorDefaultProps: () => paginatorDefaultProps,
-  perPageSelectorDefaultProps: () => perPageSelectorDefaultProps
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@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,
@@ -116,50 +77,4 @@ const DSPaginationPropTypes = {
   isLoadingPageCount: import_ds_props_helpers.PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false)
 };
 const DSPaginationPropTypesSchema = DSPaginationPropTypes;
-const DSPerPageSelectorPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  pageSize: import_ds_props_helpers.PropTypes.number.description("The current page size").defaultValue(10),
-  onPageSizeChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
-  perPageOptions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object])).description("The available options for page size").defaultValue([10]),
-  minPerPage: import_ds_props_helpers.PropTypes.number.description("Min for the per page options").defaultValue(0),
-  maxPerPage: import_ds_props_helpers.PropTypes.number.description("Max for the per page options").defaultValue(100),
-  perPageStep: import_ds_props_helpers.PropTypes.number.description("Step for the per page options").defaultValue(5)
-};
-const DSPerPageSelectorPropTypesSchema = DSPerPageSelectorPropTypes;
-const DSPagePrevButtonPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  canPreviousPage: import_ds_props_helpers.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
-  onPreviousPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null)
-};
-const DSPagePrevButtonPropTypesSchema = DSPagePrevButtonPropTypes;
-const DSPageNextButtonPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  canNextPage: import_ds_props_helpers.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
-  onNextPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null)
-};
-const DSPageNextButtonPropTypesSchema = DSPageNextButtonPropTypes;
-const DSPaginatorPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  pageIndex: import_ds_props_helpers.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
-  pageCount: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("How many pages are there"),
-  onPageChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
-  isLoadingPageCount: import_ds_props_helpers.PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false),
-  pageDetails: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("Details to provide for each page").defaultValue([]),
-  pageDetailsTitle: import_ds_props_helpers.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue("")
-};
-const DSPaginatorPropTypesSchema = DSPaginatorPropTypes;
-const DSPaginationContainerPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes
-};
-const DSPaginationContainerPropTypesSchema = DSPaginationContainerPropTypes;
-const DSPaginationStyledPartPropTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes
-};
-const DSPaginationStyledPartPropTypesSchema = DSPaginationStyledPartPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;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,kCAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,0BAA0B;AAAA,EAC3G,UAAU,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,iBAAiB,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,kCAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,gBAAgB,kCAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,kCAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,EAC1G,YAAY,kCAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,EAC9G,qBAAqB,kCAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC,EACxF,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,YAAY,kCAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,CAAC;AAAA,EACvF,YAAY,kCAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,GAAG;AAAA,EACzF,aAAa,kCAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,kBAAkB,kCAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,aAAa,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,EAChH,kBAAkB,kCAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,EAClB,OAAO,kCAAU,IAAI,YAAY,2CAA2C,EAAE,aAAa,MAAM;AAAA,EACjG,oBAAoB,kCAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,KAAK;AAC/G;AAEO,MAAM,8BAA8B;",
   "names": []
 }

package/dist/esm/{Pagination.js → DSPagination.js}

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { describe } from "@elliemae/ds-props-helpers";
+import { usePagination } from "./config/usePagination.js";
+import { DSPaginationName } from "./constants/index.js";
 import { PaginationContent } from "./parts/PaginationContent.js";
-import { DSPaginationName } from "./DSPaginationDefinitions.js";
-import { defaultProps, DSPaginationPropTypesSchema } from "./react-desc-prop-types.js";
+import { DSPaginationPropTypesSchema } from "./react-desc-prop-types.js";
 const DSPagination = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, DSPaginationPropTypesSchema, DSPaginationName);
+  const { propsWithDefault } = usePagination(props);
   return /* @__PURE__ */ jsx(PaginationContent, { ...propsWithDefault });
 };
 DSPagination.displayName = DSPaginationName;
@@ -16,4 +16,4 @@ export {
   DSPagination,
   DSPaginationWithSchema
 };
-//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=DSPagination.js.map

package/dist/esm/DSPagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSPagination.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { usePagination } from './config/usePagination.js';\nimport { DSPaginationName } from './constants/index.js';\nimport { PaginationContent } from './parts/PaginationContent.js';\nimport type { DSPaginationT } from './react-desc-prop-types.js';\nimport { DSPaginationPropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSPagination: React.ComponentType<DSPaginationT.Props> = (props) => {\n  const { propsWithDefault } = usePagination(props);\n  return <PaginationContent {...propsWithDefault} />;\n};\n\nDSPagination.displayName = DSPaginationName;\nconst DSPaginationWithSchema = describe(DSPagination).description('DSPagination');\nDSPaginationWithSchema.propTypes = DSPaginationPropTypesSchema;\n\nexport { DSPagination, DSPaginationWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACUd;AATT,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,mCAAmC;AAE5C,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,iBAAiB,IAAI,cAAc,KAAK;AAChD,SAAO,oBAAC,qBAAmB,GAAG,kBAAkB;AAClD;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/esm/config/usePagination.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSPaginationPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const usePagination = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSPaginationPropTypes);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+export {
+  usePagination
+};
+//# sourceMappingURL=usePagination.js.map

package/dist/esm/config/usePagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/usePagination.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\n\nimport { type DSPaginationT, DSPaginationPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePagination = (propsFromUser: DSPaginationT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPaginationT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPaginationPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  // const instanceUid = React.useMemo(() => `ds-pagination-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB,oCAAoC;AAEjE,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,qBAAqB;AAIxD,QAAM,eAAe,mBAAmB,gBAAgB;AAWxD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPaginationName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSPaginationName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSPaginationT } from '../react-desc-prop-types.js';\nimport { DSPaginationName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSPaginationT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPaginationName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAE/G,iCAA+B,OAAO,WAAW,gBAAgB;AACnE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSPaginationName = "DSPagination";
+const PAGINATION_SLOTS = {
+  ROOT: "root",
+  WRAPPER: "wrapper",
+  SEPARATOR: "separator",
+  PAGINATOR: "paginator",
+  PER_PAGE_SELECTOR: "per-page-selector",
+  PREVIOUS_BUTTON: "previous-button",
+  NEXT_BUTTON: "next-button"
+};
+const PaginationSlots = PAGINATION_SLOTS;
+const PAGINATION_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSPaginationName, PaginationSlots),
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button",
+  NEXT_BUTTON: "data-table-pagination-next-button",
+  ROOT: "data-table-pagination-container",
+  CONTAINER: "data-table-pagination-container"
+};
+export {
+  DSPaginationName,
+  PAGINATION_DATA_TESTID,
+  PAGINATION_SLOTS,
+  PaginationSlots
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSPaginationName = 'DSPagination';\n\n// NEW Convention for Slots\nexport const PAGINATION_SLOTS = {\n  ROOT: 'root',\n  WRAPPER: 'wrapper',\n  SEPARATOR: 'separator',\n  PAGINATOR: 'paginator',\n  PER_PAGE_SELECTOR: 'per-page-selector',\n  PREVIOUS_BUTTON: 'previous-button',\n  NEXT_BUTTON: 'next-button',\n};\n// Legacy export for backwards compatibility\nexport const PaginationSlots = PAGINATION_SLOTS;\n\nexport const PAGINATION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PaginationSlots),\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n  NEXT_BUTTON: 'data-table-pagination-next-button',\n  ROOT: 'data-table-pagination-container',\n  CONTAINER: 'data-table-pagination-container',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,mBAAmB;AAGzB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AACf;AAEO,MAAM,kBAAkB;AAExB,MAAM,yBAAyB;AAAA,EACpC,GAAG,wBAAwB,kBAAkB,eAAe;AAAA,EAC5D,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AACb;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,44 +1,76 @@
 import * as React from "react";
-import { describe } from "@elliemae/ds-props-helpers";
-import { DSPaginationSeparator } from "./styled.js";
-import { DSPaginationStyledPartPropTypesSchema } from "./react-desc-prop-types.js";
-import { PaginationSeparatorName } from "./DSPaginationDefinitions.js";
-DSPaginationSeparator.propTypes = DSPaginationStyledPartPropTypesSchema;
-DSPaginationSeparator.displayName = PaginationSeparatorName;
-const DSPaginationSeparatorWithSchema = describe(DSPaginationSeparator).description("Pagination Separator");
-import { DSPagination, DSPaginationWithSchema } from "./Pagination.js";
+import { DSPagination, DSPaginationWithSchema } from "./DSPagination.js";
+import { DSPaginationName, PaginationSlots, PAGINATION_DATA_TESTID, PAGINATION_SLOTS } from "./constants/index.js";
 import {
   DSPageNextButton,
   DSPageNextButtonWithSchema,
+  DSPageNextButtonName,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS,
   DSPagePrevButton,
   DSPagePrevButtonWithSchema,
+  DSPagePrevButtonName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS,
   DSPaginationContainer,
   DSPaginationContainerWithSchema,
+  DSPaginationContainerName,
+  PAGINATION_CONTAINER_DATA_TESTID,
+  PAGINATION_CONTAINER_SLOTS,
   DSPerPageSelector,
   DSPerPageSelectorWithSchema,
+  DSPerPageSelectorName,
+  PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS,
   DSPaginator,
-  DSPaginatorWithSchema
+  DSPaginatorWithSchema,
+  DSPaginatorName,
+  PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS,
+  DSPaginationSeparator,
+  DSPaginationSeparatorWithSchema,
+  DSPaginationSeparatorName,
+  DSPaginationSeparatorName as DSPaginationSeparatorName2,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS
 } from "./parts/index.js";
-import { DSPaginationSeparator as DSPaginationSeparator2 } from "./styled.js";
-import { DSPaginationName, PaginationSlots } from "./DSPaginationDefinitions.js";
-import { PAGINATION_DATA_TESTID } from "./PaginationDataTestID.js";
 export {
   DSPageNextButton,
+  DSPageNextButtonName,
   DSPageNextButtonWithSchema,
   DSPagePrevButton,
+  DSPagePrevButtonName,
   DSPagePrevButtonWithSchema,
   DSPagination,
   DSPaginationContainer,
+  DSPaginationContainerName,
   DSPaginationContainerWithSchema,
   DSPaginationName,
-  DSPaginationSeparator2 as DSPaginationSeparator,
+  DSPaginationSeparator,
+  DSPaginationSeparatorName,
   DSPaginationSeparatorWithSchema,
   DSPaginationWithSchema,
   DSPaginator,
+  DSPaginatorName,
   DSPaginatorWithSchema,
   DSPerPageSelector,
+  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_DATA_TESTID,
+  PAGINATION_SEPARATOR_DATA_TESTID,
+  PAGINATION_SEPARATOR_SLOTS,
+  PAGINATION_SLOTS,
+  PAGINATOR_DATA_TESTID,
+  PAGINATOR_SLOTS,
+  PER_PAGE_SELECTOR_DATA_TESTID,
+  PER_PAGE_SELECTOR_SLOTS,
+  DSPaginationSeparatorName2 as PaginationSeparatorName,
   PaginationSlots
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport type {} from '@xstyled/util';\nimport { DSPaginationSeparator } from './styled.js';\nimport { DSPaginationStyledPartPropTypesSchema } from './react-desc-prop-types.js';\nimport { PaginationSeparatorName } from './DSPaginationDefinitions.js';\n\nDSPaginationSeparator.propTypes = DSPaginationStyledPartPropTypesSchema;\nDSPaginationSeparator.displayName = PaginationSeparatorName;\nconst DSPaginationSeparatorWithSchema = describe(DSPaginationSeparator as React.FC).description('Pagination Separator');\n\nexport { DSPagination, DSPaginationWithSchema } from './Pagination.js';\nexport {\n  DSPageNextButton,\n  DSPageNextButtonWithSchema,\n  DSPagePrevButton,\n  DSPagePrevButtonWithSchema,\n  DSPaginationContainer,\n  DSPaginationContainerWithSchema,\n  DSPerPageSelector,\n  DSPerPageSelectorWithSchema,\n  DSPaginator,\n  DSPaginatorWithSchema,\n} from './parts/index.js';\n\nexport { DSPaginationSeparator } from './styled.js';\n\nexport { DSPaginationName, PaginationSlots } from './DSPaginationDefinitions.js';\n\nexport { DSPaginationSeparatorWithSchema };\n\nexport { PAGINATION_DATA_TESTID } from './PaginationDataTestID.js';\n\nexport type { DSPaginationT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AAEzB,SAAS,6BAA6B;AACtC,SAAS,6CAA6C;AACtD,SAAS,+BAA+B;AAExC,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAiC,EAAE,YAAY,sBAAsB;AAEtH,SAAS,cAAc,8BAA8B;AACrD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAAA,8BAA6B;AAEtC,SAAS,kBAAkB,uBAAuB;AAIlD,SAAS,8BAA8B;",
-  "names": ["DSPaginationSeparator"]
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nexport { DSPagination, DSPaginationWithSchema } from './DSPagination.js';\nexport { DSPaginationName, PaginationSlots, PAGINATION_DATA_TESTID, PAGINATION_SLOTS } from './constants/index.js';\nexport type { DSPaginationT } from './react-desc-prop-types.js';\n\nexport {\n  DSPageNextButton,\n  DSPageNextButtonWithSchema,\n  DSPageNextButtonName,\n  PAGE_NEXT_BUTTON_DATA_TESTID,\n  PAGE_NEXT_BUTTON_SLOTS,\n  type DSPageNextButtonT,\n  DSPagePrevButton,\n  DSPagePrevButtonWithSchema,\n  DSPagePrevButtonName,\n  PAGE_PREV_BUTTON_DATA_TESTID,\n  PAGE_PREV_BUTTON_SLOTS,\n  type DSPagePrevButtonT,\n  DSPaginationContainer,\n  DSPaginationContainerWithSchema,\n  DSPaginationContainerName,\n  PAGINATION_CONTAINER_DATA_TESTID,\n  PAGINATION_CONTAINER_SLOTS,\n  type DSPaginationContainerT,\n  DSPerPageSelector,\n  DSPerPageSelectorWithSchema,\n  DSPerPageSelectorName,\n  PER_PAGE_SELECTOR_DATA_TESTID,\n  PER_PAGE_SELECTOR_SLOTS,\n  type DSPerPageSelectorT,\n  DSPaginator,\n  DSPaginatorWithSchema,\n  DSPaginatorName,\n  PAGINATOR_DATA_TESTID,\n  PAGINATOR_SLOTS,\n  type DSPaginatorT,\n  DSPaginationSeparator,\n  DSPaginationSeparatorWithSchema,\n  DSPaginationSeparatorName,\n  DSPaginationSeparatorName as PaginationSeparatorName,\n  PAGINATION_SEPARATOR_DATA_TESTID,\n  PAGINATION_SEPARATOR_SLOTS,\n  type DSPaginationSeparatorT,\n} from './parts/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc,8BAA8B;AACrD,SAAS,kBAAkB,iBAAiB,wBAAwB,wBAAwB;AAG5F;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAC6B,6BAA7BA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;",
+  "names": ["DSPaginationSeparatorName"]
 }

package/dist/esm/package.json

@@ -3,5 +3,8 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ]
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/dist/esm/parts/DSPageNextButton/DSPageNextButton.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { DSButtonV3 } from "@elliemae/ds-button-v2";
+import { ChevronRight } from "@elliemae/ds-icons";
+import { usePageNextButton } from "./config/usePageNextButton.js";
+import {
+  DSPageNextButtonName,
+  DSPaginationName,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS
+} from "./constants/index.js";
+import { DSPageNextButtonPropTypesSchema } from "./react-desc-prop-types.js";
+const NextPageButton = styled(DSButtonV3, {
+  name: DSPaginationName,
+  slot: PAGE_NEXT_BUTTON_SLOTS.PAGE_NEXT_BUTTON,
+  preserveLegacyDataTestId: true
+})`
+  height: 42px;
+  display: grid;
+  place-items: center;
+  position: relative;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 0;
+  :focus {
+    &: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;
+    }
+  }
+  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
+`;
+const DSPageNextButton = (props) => {
+  const {
+    propsWithDefault: { canNextPage, onNextPage },
+    xstyledProps,
+    globalAttributes,
+    ownerPropsConfig
+  } = usePageNextButton(props);
+  return /* @__PURE__ */ jsx(
+    NextPageButton,
+    {
+      disabled: !canNextPage,
+      buttonType: "raw",
+      "data-testid": PAGE_NEXT_BUTTON_DATA_TESTID.PAGE_NEXT_BUTTON,
+      "aria-label": "Go to next page",
+      ...globalAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig,
+      onClick: () => {
+        if (canNextPage) onNextPage();
+      },
+      children: /* @__PURE__ */ jsx(ChevronRight, { color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"] })
+    }
+  );
+};
+DSPageNextButton.displayName = DSPageNextButtonName;
+const DSPageNextButtonWithSchema = describe(DSPageNextButton);
+DSPageNextButtonWithSchema.propTypes = DSPageNextButtonPropTypesSchema;
+export {
+  DSPageNextButton,
+  DSPageNextButtonWithSchema
+};
+//# sourceMappingURL=DSPageNextButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPageNextButton/DSPageNextButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport React from 'react';\n\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { usePageNextButton } from './config/usePageNextButton.js';\nimport {\n  DSPageNextButtonName,\n  DSPaginationName,\n  PAGE_NEXT_BUTTON_DATA_TESTID,\n  PAGE_NEXT_BUTTON_SLOTS,\n} from './constants/index.js';\nimport { type DSPageNextButtonT, DSPageNextButtonPropTypesSchema } from './react-desc-prop-types.js';\n\nconst NextPageButton = styled(DSButtonV3, {\n  name: DSPaginationName,\n  slot: PAGE_NEXT_BUTTON_SLOTS.PAGE_NEXT_BUTTON,\n  preserveLegacyDataTestId: true,\n})`\n  height: 42px;\n  display: grid;\n  place-items: center;\n  position: relative;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 0;\n  :focus {\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  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nconst DSPageNextButton: React.ComponentType<DSPageNextButtonT.Props> = (props) => {\n  const {\n    propsWithDefault: { canNextPage, onNextPage },\n    xstyledProps,\n    globalAttributes,\n    ownerPropsConfig,\n  } = usePageNextButton(props);\n\n  return (\n    <NextPageButton\n      disabled={!canNextPage}\n      buttonType=\"raw\"\n      data-testid={PAGE_NEXT_BUTTON_DATA_TESTID.PAGE_NEXT_BUTTON}\n      aria-label=\"Go to next page\"\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n      onClick={() => {\n        if (canNextPage) onNextPage();\n      }}\n    >\n      <ChevronRight color={canNextPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n    </NextPageButton>\n  );\n};\n\nDSPageNextButton.displayName = DSPageNextButtonName;\nconst DSPageNextButtonWithSchema = describe(DSPageNextButton);\nDSPageNextButtonWithSchema.propTypes = DSPageNextButtonPropTypesSchema;\n\nexport { DSPageNextButton, DSPageNextButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiEjB;AAjEN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAGvB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAiC,uCAAuC;AAExE,MAAM,iBAAiB,OAAO,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAAA,EAC7B,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAiByB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKpD,CAAC,UAAW,MAAM,WAAW,gBAAgB,SAAU;AAAA;AAGnE,MAAM,mBAAiE,CAAC,UAAU;AAChF,QAAM;AAAA,IACJ,kBAAkB,EAAE,aAAa,WAAW;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,KAAK;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC;AAAA,MACX,YAAW;AAAA,MACX,eAAa,6BAA6B;AAAA,MAC1C,cAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,SAAS,MAAM;AACb,YAAI,YAAa,YAAW;AAAA,MAC9B;AAAA,MAEA,8BAAC,gBAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,EACpF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSPageNextButton/config/usePageNextButton.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { DSPageNextButtonPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const usePageNextButton = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSPageNextButtonPropTypesSchema);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      ownerPropsConfig
+    }),
+    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig]
+  );
+};
+export {
+  usePageNextButton
+};
+//# sourceMappingURL=usePageNextButton.js.map

package/dist/esm/parts/DSPageNextButton/config/usePageNextButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/config/usePageNextButton.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\n\nimport type { DSButtonV3T } from '@elliemae/ds-button-v2';\nimport { type DSPageNextButtonT, DSPageNextButtonPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePageNextButton = (propsFromUser: DSPageNextButtonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPageNextButtonT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPageNextButtonPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<\n    DSPageNextButtonT.InternalProps,\n    HTMLButtonElement,\n    DSButtonV3T.Props\n  >(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS CONFIG\n  // =============================================================================\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  // const instanceUid = React.useMemo(() => `ds-page-next-button-2-${uid(5)}`, []);\n\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalAttributes,\n      ownerPropsConfig,\n    }),\n    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAOA,YAAW;AAGlB,SAAiC,iCAAiC,oBAAoB;AACtF,SAAS,wBAAwB;AAE1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,mBAAmB,6BAA8D,eAAe,YAAY;AAClH,mBAAiB,kBAAkB,+BAA+B;AAIlE,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,mBAAmB,uBAIvB,gBAAgB;AAIlB,QAAM,mBAAmB,cAAc,gBAAgB;AAYvD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,kBAAkB,gBAAgB;AAAA,EACrE;AACF;",
+  "names": ["React"]
+}

package/dist/esm/parts/DSPageNextButton/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSPageNextButtonName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSPageNextButtonName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map