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

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/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
+})`
+  min-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  min-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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/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 DSPageNextButtonT } from '../react-desc-prop-types.js';\nimport { DSPageNextButtonName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSPageNextButtonT.InternalProps,\n  propTypes: ValidationMap<DSPageNextButtonT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPageNextButtonName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,4BAA4B;AAE9B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,oBAAoB;AACvE;",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSPaginationName } from "../../../constants/index.js";
+const DSPageNextButtonName = "DSPageNextButton";
+const PAGE_NEXT_BUTTON_SLOTS = {
+  PAGE_NEXT_BUTTON: "next-button"
+};
+const PAGE_NEXT_BUTTON_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),
+  PAGE_NEXT_BUTTON: "data-table-pagination-next-button"
+};
+export {
+  DSPageNextButtonName,
+  DSPaginationName,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSPaginationName } from '../../../constants/index.js';\nexport { DSPaginationName };\n\nexport const DSPageNextButtonName = 'DSPageNextButton';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_NEXT_BUTTON_SLOTS = {\n  PAGE_NEXT_BUTTON: 'next-button',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_NEXT_BUTTON_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),\n  PAGE_NEXT_BUTTON: 'data-table-pagination-next-button',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAG1B,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,kBAAkB;AACpB;AAGO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,kBAAkB,sBAAsB;AAAA,EACnE,kBAAkB;AACpB;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSPageNextButton, DSPageNextButtonWithSchema } from "./DSPageNextButton.js";
+import { DSPageNextButtonName, PAGE_NEXT_BUTTON_DATA_TESTID, PAGE_NEXT_BUTTON_SLOTS } from "./constants/index.js";
+export {
+  DSPageNextButton,
+  DSPageNextButtonName,
+  DSPageNextButtonWithSchema,
+  PAGE_NEXT_BUTTON_DATA_TESTID,
+  PAGE_NEXT_BUTTON_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPageNextButton/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPageNextButton, DSPageNextButtonWithSchema } from './DSPageNextButton.js';\nexport { DSPageNextButtonName, PAGE_NEXT_BUTTON_DATA_TESTID, PAGE_NEXT_BUTTON_SLOTS } from './constants/index.js';\nexport type { DSPageNextButtonT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,sBAAsB,8BAA8B,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSPaginationName, PAGE_NEXT_BUTTON_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  canNextPage: true,
+  onNextPage: () => null
+};
+const DSPageNextButtonPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),
+  ...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;
+export {
+  DSPageNextButtonPropTypes,
+  DSPageNextButtonPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPageNextButton/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPaginationName, PAGE_NEXT_BUTTON_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPageNextButtonT {\n  export type SlotFunctionArguments = {\n    dsPaginationNextButton: () => object;\n  };\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    canNextPage: boolean;\n    onNextPage: () => void;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPaginationName, typeof PAGE_NEXT_BUTTON_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPageNextButtonT.DefaultProps = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\nexport const DSPageNextButtonPropTypes: DSPropTypesSchema<DSPageNextButtonT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPaginationName, PAGE_NEXT_BUTTON_SLOTS),\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 ValidationMap<DSPageNextButtonT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB,8BAA8B;AA8BlD,MAAM,eAA+C;AAAA,EAC1D,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEO,MAAM,4BAAwE;AAAA,EACnF,GAAG,yBAAyB,kBAAkB,sBAAsB;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,YAAY,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAChH;AAEO,MAAM,kCACX;",
+  "names": []
+}

package/dist/esm/parts/DSPageNextButton/typescript-testing/slot-props.js

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

package/dist/esm/parts/DSPageNextButton/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/typescript-testing/slot-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, PAGE_NEXT_BUTTON_SLOTS } from '../constants/index.js';\nimport type { DSPageNextButtonT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSPageNextButtonT.Props> = {\n  dsPaginationNextButton: { 'aria-label': 'just a typescript test' },\n};\nconst SlotPropsAsFunctions: DSPageNextButtonT.SlotFunctionArguments = {\n  dsPaginationNextButton: () => ({ 'aria-label': 'just a typescript test' }),\n};\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSPaginationName, typeof PAGE_NEXT_BUTTON_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAmD;AAAA,EACvD,wBAAwB,EAAE,cAAc,yBAAyB;AACnE;AACA,MAAM,uBAAgE;AAAA,EACpE,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAC1E;AACA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/{typescript-testing/typescript-page-next-button-valid.js → parts/DSPageNextButton/typescript-testing/typescript-testing.js}

@@ -48,4 +48,4 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSPageNextButton, { ...testDefinitionAsConst }),
   /* @__PURE__ */ jsx(DSPageNextButton, { canNextPage: true, onNextPage: () => null })
 ] });
-//# sourceMappingURL=typescript-page-next-button-valid.js.map
+//# sourceMappingURL=typescript-testing.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPageNextButton/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 { DSPageNextButton } from '../index.js';\nimport type { DSPageNextButtonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageNextButtonT.Props;\ntype ComponentPropsInternals = DSPageNextButtonT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageNextButtonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageNextButtonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageNextButtonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\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  canNextPage: true,\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  canNextPage: true,\n  onNextPage: () => null,\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  canNextPage: true,\n  onNextPage: () => null,\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  canNextPage: true,\n  onNextPage: () => null,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  canNextPage: true,\n  onNextPage: () => null,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSPageNextButton {...testExplicitDefinition} />\n    <DSPageNextButton {...testInferedTypeCompatibility} />\n    <DSPageNextButton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSPageNextButton canNextPage onNextPage={() => null} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqErB,mBAEE,KAFF;AApEF,SAAS,wBAAwB;AAUjC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,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,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;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,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAGA,MAAM,+BAA+B;AAAA,EACnC,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,aAAa;AAAA,EACb,YAAY,MAAM;AACpB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,oBAAkB,GAAG,wBAAwB;AAAA,EAC9C,oBAAC,oBAAkB,GAAG,8BAA8B;AAAA,EACpD,oBAAC,oBAAkB,GAAG,uBAAuB;AAAA,EAE7C,oBAAC,oBAAiB,aAAW,MAAC,YAAY,MAAM,MAAM;AAAA,GACxD;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/DSPagePrevButton.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 { ChevronLeft } from "@elliemae/ds-icons";
+import { usePagePrevButton } from "./config/usePagePrevButton.js";
+import {
+  DSPagePrevButtonName,
+  DSPaginationName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+} from "./constants/index.js";
+import { DSPagePrevButtonPropTypesSchema } from "./react-desc-prop-types.js";
+const PreviousPageButton = styled(DSButtonV3, {
+  name: DSPaginationName,
+  slot: PAGE_PREV_BUTTON_SLOTS.PREVIOUS_BUTTON,
+  preserveLegacyDataTestId: true
+})`
+  min-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 DSPagePrevButton = (props) => {
+  const {
+    propsWithDefault: { canPreviousPage, onPreviousPage },
+    xstyledProps,
+    globalAttributes,
+    ownerPropsConfig
+  } = usePagePrevButton(props);
+  return /* @__PURE__ */ jsx(
+    PreviousPageButton,
+    {
+      disabled: !canPreviousPage,
+      buttonType: "raw",
+      "data-testid": PAGE_PREV_BUTTON_DATA_TESTID.PREVIOUS_BUTTON,
+      "aria-label": "Go to previous page",
+      ...globalAttributes,
+      ...xstyledProps,
+      ...ownerPropsConfig,
+      onClick: () => {
+        if (canPreviousPage) onPreviousPage();
+      },
+      children: /* @__PURE__ */ jsx(ChevronLeft, { color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"] })
+    }
+  );
+};
+DSPagePrevButton.displayName = DSPagePrevButtonName;
+const DSPagePrevButtonWithSchema = describe(DSPagePrevButton);
+DSPagePrevButtonWithSchema.propTypes = DSPagePrevButtonPropTypesSchema;
+export {
+  DSPagePrevButton,
+  DSPagePrevButtonWithSchema
+};
+//# sourceMappingURL=DSPagePrevButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSPagePrevButton/DSPagePrevButton.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 { ChevronLeft } from '@elliemae/ds-icons';\nimport { usePagePrevButton } from './config/usePagePrevButton.js';\nimport {\n  DSPagePrevButtonName,\n  DSPaginationName,\n  PAGE_PREV_BUTTON_DATA_TESTID,\n  PAGE_PREV_BUTTON_SLOTS,\n} from './constants/index.js';\nimport { type DSPagePrevButtonT, DSPagePrevButtonPropTypesSchema } from './react-desc-prop-types.js';\n\nconst PreviousPageButton = styled(DSButtonV3, {\n  name: DSPaginationName,\n  slot: PAGE_PREV_BUTTON_SLOTS.PREVIOUS_BUTTON,\n  preserveLegacyDataTestId: true,\n})`\n  min-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 DSPagePrevButton: React.ComponentType<DSPagePrevButtonT.Props> = (props) => {\n  const {\n    propsWithDefault: { canPreviousPage, onPreviousPage },\n    xstyledProps,\n    globalAttributes,\n    ownerPropsConfig,\n  } = usePagePrevButton(props);\n\n  return (\n    <PreviousPageButton\n      disabled={!canPreviousPage}\n      buttonType=\"raw\"\n      data-testid={PAGE_PREV_BUTTON_DATA_TESTID.PREVIOUS_BUTTON}\n      aria-label=\"Go to previous page\"\n      {...globalAttributes}\n      {...xstyledProps}\n      {...ownerPropsConfig}\n      onClick={() => {\n        if (canPreviousPage) onPreviousPage();\n      }}\n    >\n      <ChevronLeft color={canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n    </PreviousPageButton>\n  );\n};\n\nDSPagePrevButton.displayName = DSPagePrevButtonName;\nconst DSPagePrevButtonWithSchema = describe(DSPagePrevButton);\nDSPagePrevButtonWithSchema.propTypes = DSPagePrevButtonPropTypesSchema;\n\nexport { DSPagePrevButton, DSPagePrevButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiEjB;AAjEN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAGvB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAiC,uCAAuC;AAExE,MAAM,qBAAqB,OAAO,YAAY;AAAA,EAC5C,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,iBAAiB,eAAe;AAAA,IACpD;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,gBAAiB,gBAAe;AAAA,MACtC;AAAA,MAEA,8BAAC,eAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,EACvF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/config/usePagePrevButton.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 { DSPagePrevButtonPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const usePagePrevButton = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSPagePrevButtonPropTypesSchema);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      ownerPropsConfig
+    }),
+    [propsWithDefault, xstyledProps, globalAttributes, ownerPropsConfig]
+  );
+};
+export {
+  usePagePrevButton
+};
+//# sourceMappingURL=usePagePrevButton.js.map

package/dist/esm/parts/DSPagePrevButton/config/usePagePrevButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/config/usePagePrevButton.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 DSPagePrevButtonT, DSPagePrevButtonPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const usePagePrevButton = (propsFromUser: DSPagePrevButtonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSPagePrevButtonT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSPagePrevButtonPropTypesSchema);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes<\n    DSPagePrevButtonT.InternalProps,\n    HTMLButtonElement,\n    DSButtonV3T.Props\n  >(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS\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-prev-button-${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/DSPagePrevButton/config/useValidateProps.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/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 DSPagePrevButtonT } from '../react-desc-prop-types.js';\nimport { DSPagePrevButtonName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSPagePrevButtonT.InternalProps,\n  propTypes: ValidationMap<DSPagePrevButtonT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSPagePrevButtonName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,4BAA4B;AAE9B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,oBAAoB;AACvE;",
+  "names": []
+}

package/dist/esm/parts/DSPagePrevButton/constants/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSPaginationName } from "../../../constants/index.js";
+const DSPagePrevButtonName = "DSPagePrevButton";
+const PAGE_PREV_BUTTON_SLOTS = {
+  PREVIOUS_BUTTON: "prev-page"
+};
+const PAGE_PREV_BUTTON_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button"
+};
+export {
+  DSPagePrevButtonName,
+  DSPaginationName,
+  PAGE_PREV_BUTTON_DATA_TESTID,
+  PAGE_PREV_BUTTON_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSPagePrevButton/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSPaginationName } from '../../../constants/index.js';\nexport { DSPaginationName };\n\nexport const DSPagePrevButtonName = 'DSPagePrevButton';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_PREV_BUTTON_SLOTS = {\n  PREVIOUS_BUTTON: 'prev-page',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PAGE_PREV_BUTTON_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSPaginationName, PAGE_PREV_BUTTON_SLOTS),\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAG1B,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AACnB;AAGO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,kBAAkB,sBAAsB;AAAA,EACnE,iBAAiB;AACnB;",
+  "names": []
+}