@elliemae/ds-pagination 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/parts/PagePrevButton.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { ChevronLeft } from "@elliemae/ds-icons";
-import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
-import { PreviousNextPageButton } from "../styled";
-const PagePrevButton = ({
-  onPreviousPage,
-  canPreviousPage
-}) => /* @__PURE__ */ React2.createElement(PreviousNextPageButton, {
-  onClick: () => {
-    if (canPreviousPage)
-      onPreviousPage();
-  },
-  disabled: !canPreviousPage,
-  buttonType: "raw",
-  "data-testid": PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
-}, /* @__PURE__ */ React2.createElement(ChevronLeft, {
-  color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"]
-}));
-export {
-  PagePrevButton
-};
-//# sourceMappingURL=PagePrevButton.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PagePrevButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport { DSPaginationProps } from '../index.d';\n\nexport const PagePrevButton: React.ComponentType<Pick<DSPaginationProps, 'onPreviousPage' | 'canPreviousPage'>> = ({\n  onPreviousPage,\n  canPreviousPage,\n}) => (\n  <PreviousNextPageButton\n    onClick={() => {\n      if (canPreviousPage) onPreviousPage();\n    }}\n    disabled={!canPreviousPage}\n    buttonType=\"raw\"\n    data-testid={PAGINATION_DATA_TESTID.PREVIOUS_BUTTON}\n  >\n    <ChevronLeft color={canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n  </PreviousNextPageButton>\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,iBAAqG,CAAC;AAAA,EACjH;AAAA,EACA;AAAA,MAEA,qCAAC,wBAAD;AAAA,EACE,SAAS,MAAM;AACb,QAAI;AAAiB;AAAA;AAAA,EAEvB,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,GAEpC,qCAAC,aAAD;AAAA,EAAa,OAAO,kBAAkB,CAAC,iBAAiB,SAAS,CAAC,WAAW;AAAA;",
-  "names": []
-}

package/dist/esm/parts/PaginationContent.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { PaginationContainer, PaginationSeparator, PaginationWrapper } from "../styled";
-import PerPageSelector from "./PerPageSelector";
-import Paginator from "./Paginator";
-import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
-import { PagePrevButton } from "./PagePrevButton";
-import { PageNextButton } from "./PageNextButton";
-const PaginationContent = ({
-  pageIndex,
-  pageSize,
-  canPreviousPage,
-  canNextPage,
-  onPageSizeChange,
-  onNextPage,
-  onPreviousPage,
-  onPageChange,
-  pageCount,
-  showPerPageSelector,
-  pageDetails,
-  pageDetailsTitle,
-  perPageOptions,
-  maxPerPage,
-  perPageStep,
-  minPerPage,
-  width
-}) => /* @__PURE__ */ React2.createElement(PaginationContainer, {
-  justifyContent: "center",
-  alignItems: "center",
-  width,
-  "data-testid": PAGINATION_DATA_TESTID.CONTAINER
-}, /* @__PURE__ */ React2.createElement(PaginationWrapper, null, showPerPageSelector && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PerPageSelector, {
-  pageSize,
-  onPageSizeChange,
-  perPageOptions,
-  maxPerPage,
-  perPageStep,
-  minPerPage
-}), /* @__PURE__ */ React2.createElement(PaginationSeparator, {
-  mr: 24
-})), /* @__PURE__ */ React2.createElement(Grid, {
-  cols: ["auto", "auto", "auto", "auto", "auto"],
-  mr: "32px",
-  alignItems: "center"
-}, /* @__PURE__ */ React2.createElement(PagePrevButton, {
-  canPreviousPage,
-  onPreviousPage
-}), /* @__PURE__ */ React2.createElement(Paginator, {
-  pageCount,
-  pageIndex,
-  onNextPage,
-  onPageChange,
-  pageDetails,
-  pageDetailsTitle
-}), /* @__PURE__ */ React2.createElement(PageNextButton, {
-  canNextPage,
-  onNextPage
-}))));
-export {
-  PaginationContent
-};
-//# sourceMappingURL=PaginationContent.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PaginationContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PaginationContainer, PaginationSeparator, PaginationWrapper } from '../styled';\nimport PerPageSelector from './PerPageSelector';\nimport Paginator from './Paginator';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PagePrevButton } from './PagePrevButton';\nimport { PageNextButton } from './PageNextButton';\nimport { DSPaginationProps } from '../index.d';\n\nexport const PaginationContent: React.ComponentType<DSPaginationProps> = ({\n  pageIndex,\n  pageSize,\n  canPreviousPage,\n  canNextPage,\n  onPageSizeChange,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  pageCount,\n  showPerPageSelector,\n  pageDetails,\n  pageDetailsTitle,\n  perPageOptions,\n  maxPerPage,\n  perPageStep,\n  minPerPage,\n  width,\n}) => (\n  <PaginationContainer\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    width={width}\n    data-testid={PAGINATION_DATA_TESTID.CONTAINER}\n  >\n    <PaginationWrapper>\n      {showPerPageSelector && (\n        <>\n          <PerPageSelector\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            perPageOptions={perPageOptions}\n            maxPerPage={maxPerPage}\n            perPageStep={perPageStep}\n            minPerPage={minPerPage}\n          />\n          <PaginationSeparator mr={24} />\n        </>\n      )}\n      <Grid cols={['auto', 'auto', 'auto', 'auto', 'auto']} mr=\"32px\" alignItems=\"center\">\n        <PagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n        <Paginator\n          pageCount={pageCount}\n          pageIndex={pageIndex}\n          onNextPage={onNextPage}\n          onPageChange={onPageChange}\n          pageDetails={pageDetails}\n          pageDetailsTitle={pageDetailsTitle}\n        />\n        <PageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n      </Grid>\n    </PaginationWrapper>\n  </PaginationContainer>\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,oBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,qBAAD;AAAA,EACE,gBAAe;AAAA,EACf,YAAW;AAAA,EACX;AAAA,EACA,eAAa,uBAAuB;AAAA,GAEpC,qCAAC,mBAAD,MACG,uBACC,4DACE,qCAAC,iBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAEF,qCAAC,qBAAD;AAAA,EAAqB,IAAI;AAAA,KAG7B,qCAAC,MAAD;AAAA,EAAM,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EAAS,IAAG;AAAA,EAAO,YAAW;AAAA,GACzE,qCAAC,gBAAD;AAAA,EAAgB;AAAA,EAAkC;AAAA,IAClD,qCAAC,WAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAEF,qCAAC,gBAAD;AAAA,EAAgB;AAAA,EAA0B;AAAA;",
-  "names": []
-}

package/dist/esm/parts/Paginator.js

@@ -1,102 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useMemo, useRef, useState } from "react";
-import { Checkmark, ChevronDown } from "@elliemae/ds-icons";
-import { useOnElementResize } from "@elliemae/ds-utilities";
-import { Grid } from "@elliemae/ds-grid";
-import { DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu";
-import { PaginationBoldText, PaginationDropdownButton, PaginationSeparator } from "../styled";
-import { usePaginationSearch } from "../hooks/usePaginationSearch";
-const Paginator = (props) => {
-  const { pageIndex, pageCount, onPageChange, pageDetails, pageDetailsTitle } = props;
-  const [isOpened, setIsOpened] = useState(false);
-  const btnRef = useRef(null);
-  const pageInfoRef = useRef(null);
-  const { width: btnWidth } = useOnElementResize(btnRef);
-  const { width: txtWidth } = useOnElementResize(pageInfoRef);
-  const options = useMemo(() => new Array(pageCount).fill(0).map((_, index) => {
-    const option = {
-      dsId: (index + 1).toString(),
-      label: (index + 1).toString(),
-      value: index + 1,
-      type: "single"
-    };
-    if (pageDetails.length) {
-      option.render = () => /* @__PURE__ */ React2.createElement(Grid, {
-        cols: ["16px", `${txtWidth + 16}px`, "auto"],
-        gutter: "xxs",
-        alignItems: "center"
-      }, pageIndex === index ? /* @__PURE__ */ React2.createElement(Checkmark, {
-        size: "s",
-        color: ["brand-primary", "600"]
-      }) : /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("span", null, index + 1), /* @__PURE__ */ React2.createElement("span", {
-        style: {
-          whiteSpace: "nowrap",
-          textOverflow: "ellipsis",
-          overflow: "hidden"
-        }
-      }, pageDetails[index]));
-    }
-    return option;
-  }), [pageCount, pageDetails, pageIndex, txtWidth]);
-  const actionRef = useRef({});
-  useEffect(() => {
-    if (isOpened) {
-      actionRef.current.setActiveDescendant((pageIndex + 1).toString());
-      actionRef.current.scrollOptionIntoView((pageIndex + 1).toString());
-    }
-  }, [isOpened]);
-  const onKeyDown = usePaginationSearch(pageCount, actionRef);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PaginationSeparator, null), /* @__PURE__ */ React2.createElement(DSDropdownMenuV2, {
-    isOpened,
-    options,
-    selectedOptions: { [(pageIndex + 1).toString()]: true },
-    onOptionClick: (_, clickedOption) => {
-      onPageChange(clickedOption.value);
-      setIsOpened(false);
-      btnRef.current.focus();
-    },
-    onClickOutside: () => {
-      setIsOpened(false);
-      btnRef.current.focus();
-    },
-    customOffset: [0, 2],
-    startPlacementPreference: "top-end",
-    actionRef,
-    onKeyDown,
-    minWidth: btnWidth + 23,
-    maxHeight: 300,
-    HeaderComp: () => pageDetailsTitle !== "" ? /* @__PURE__ */ React2.createElement(Grid, {
-      cols: [`${txtWidth + 50}px`, "8px", "auto"]
-    }, /* @__PURE__ */ React2.createElement("span", {
-      style: { marginLeft: "8px" }
-    }, "Page"), /* @__PURE__ */ React2.createElement(PaginationSeparator, {
-      height: "100%"
-    }), /* @__PURE__ */ React2.createElement("span", null, pageDetailsTitle)) : "Page"
-  }, /* @__PURE__ */ React2.createElement(PaginationDropdownButton, {
-    buttonType: "raw",
-    onClick: () => setIsOpened(true),
-    innerRef: btnRef
-  }, /* @__PURE__ */ React2.createElement("div", {
-    style: { display: "flex", gridGap: "8px", alignItems: "center" }
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: ["auto", "auto", "auto"],
-    alignItems: "center",
-    gutter: "xxxs",
-    ref: pageInfoRef
-  }, /* @__PURE__ */ React2.createElement(PaginationBoldText, {
-    fontSize: "18px"
-  }, pageIndex + 1), " / ", pageCount), pageDetails.length !== 0 && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PaginationSeparator, {
-    height: "12px",
-    ml: "8px"
-  }), /* @__PURE__ */ React2.createElement(PaginationBoldText, {
-    fontSize: "13px",
-    mr: "8px"
-  }, pageDetails[pageIndex])), /* @__PURE__ */ React2.createElement(ChevronDown, {
-    color: ["brand-primary", "700"]
-  })))), /* @__PURE__ */ React2.createElement(PaginationSeparator, null));
-};
-var Paginator_default = Paginator;
-export {
-  Paginator_default as default
-};
-//# sourceMappingURL=Paginator.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Paginator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Checkmark, ChevronDown } from '@elliemae/ds-icons';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { PaginationBoldText, PaginationDropdownButton, PaginationSeparator } from '../styled';\nimport { usePaginationSearch } from '../hooks/usePaginationSearch';\nimport { DSPaginationProps } from '../index.d';\n\nconst Paginator: React.ComponentType<DSPaginationProps> = (props) => {\n  const { pageIndex, pageCount, onPageChange, pageDetails, pageDetailsTitle } = props;\n\n  const [isOpened, setIsOpened] = useState(false);\n\n  const btnRef = useRef(null);\n  const pageInfoRef = useRef(null);\n\n  const { width: btnWidth } = useOnElementResize(btnRef);\n  const { width: txtWidth } = useOnElementResize(pageInfoRef);\n\n  const options = useMemo(\n    () =>\n      new Array(pageCount).fill(0).map((_, index) => {\n        const option: Record<string, unknown> = {\n          dsId: (index + 1).toString(),\n          label: (index + 1).toString(),\n          value: index + 1,\n          type: 'single',\n        };\n        if (pageDetails.length) {\n          option.render = () => (\n            <Grid cols={['16px', `${txtWidth + 16}px`, 'auto']} gutter=\"xxs\" alignItems=\"center\">\n              {pageIndex === index ? <Checkmark size=\"s\" color={['brand-primary', '600']} /> : <div />}\n              <span>{index + 1}</span>\n              <span\n                style={{\n                  whiteSpace: 'nowrap',\n                  textOverflow: 'ellipsis',\n                  overflow: 'hidden',\n                }}\n              >\n                {pageDetails[index]}\n              </span>\n            </Grid>\n          );\n        }\n        return option;\n      }),\n    [pageCount, pageDetails, pageIndex, txtWidth],\n  );\n\n  const actionRef = useRef<Record<string, (dsId: string) => void>>({});\n\n  useEffect(() => {\n    if (isOpened) {\n      actionRef.current.setActiveDescendant((pageIndex + 1).toString());\n      actionRef.current.scrollOptionIntoView((pageIndex + 1).toString());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpened]);\n\n  const onKeyDown = usePaginationSearch(pageCount, actionRef);\n\n  return (\n    <>\n      <PaginationSeparator />\n      <DSDropdownMenuV2\n        isOpened={isOpened}\n        options={options}\n        selectedOptions={{ [(pageIndex + 1).toString()]: true }}\n        onOptionClick={(_, clickedOption) => {\n          onPageChange(clickedOption.value);\n          setIsOpened(false);\n          btnRef.current.focus();\n        }}\n        onClickOutside={() => {\n          setIsOpened(false);\n          btnRef.current.focus();\n        }}\n        customOffset={[0, 2]}\n        startPlacementPreference=\"top-end\"\n        actionRef={actionRef}\n        onKeyDown={onKeyDown}\n        minWidth={btnWidth + 23}\n        maxHeight={300}\n        HeaderComp={() =>\n          pageDetailsTitle !== '' ? (\n            <Grid cols={[`${txtWidth + 50}px`, '8px', 'auto']}>\n              <span style={{ marginLeft: '8px' }}>Page</span>\n              <PaginationSeparator height=\"100%\" />\n              <span>{pageDetailsTitle}</span>\n            </Grid>\n          ) : (\n            'Page'\n          )\n        }\n      >\n        <PaginationDropdownButton buttonType=\"raw\" onClick={() => setIsOpened(true)} innerRef={btnRef}>\n          <div style={{ display: 'flex', gridGap: '8px', alignItems: 'center' }}>\n            <Grid cols={['auto', 'auto', 'auto']} alignItems=\"center\" gutter=\"xxxs\" ref={pageInfoRef}>\n              <PaginationBoldText fontSize=\"18px\">{pageIndex + 1}</PaginationBoldText> / {pageCount}\n            </Grid>\n            {pageDetails.length !== 0 && (\n              <>\n                <PaginationSeparator height=\"12px\" ml=\"8px\" />\n                <PaginationBoldText fontSize=\"13px\" mr=\"8px\">\n                  {pageDetails[pageIndex]}\n                </PaginationBoldText>\n              </>\n            )}\n            <ChevronDown color={['brand-primary', '700']} />\n          </div>\n        </PaginationDropdownButton>\n      </DSDropdownMenuV2>\n      <PaginationSeparator />\n    </>\n  );\n};\n\nexport default Paginator;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/parts/PerPageSelector.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useMemo, useRef, useState } from "react";
-import memoize from "memoize-one";
-import { range, useOnElementResize } from "@elliemae/ds-utilities";
-import { DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu";
-import { ChevronDown } from "@elliemae/ds-icons";
-import { PaginationDropdownButton } from "../styled";
-const generateOption = (value) => {
-  if (typeof value === "object") {
-    return value;
-  }
-  return {
-    dsId: value.toString(),
-    value,
-    label: value.toString(),
-    type: "single"
-  };
-};
-const getOptions = memoize((step, min, max) => {
-  const options = range(min, max + step, step).map(generateOption);
-  return min === 0 ? options.slice(1, options.length) : options;
-});
-const PerPageSelector = (props) => {
-  const [isOpened, setIsOpened] = useState(false);
-  const { pageSize, onPageSizeChange, perPageOptions, maxPerPage, perPageStep, minPerPage } = props;
-  const options = useMemo(() => {
-    if (perPageOptions)
-      return perPageOptions.map(generateOption);
-    return getOptions(perPageStep, minPerPage, maxPerPage);
-  }, [maxPerPage, minPerPage, perPageOptions, perPageStep]);
-  const actionRef = useRef({});
-  const btnRef = useRef(null);
-  useEffect(() => {
-    if (isOpened) {
-      actionRef.current.setActiveDescendant(pageSize.toString());
-      actionRef.current.scrollOptionIntoView(pageSize.toString());
-    }
-  }, [isOpened]);
-  const { width } = useOnElementResize(btnRef);
-  return /* @__PURE__ */ React2.createElement(DSDropdownMenuV2, {
-    isOpened,
-    options,
-    selectedOptions: { [pageSize.toString()]: true },
-    onOptionClick: (_, clickedOption) => {
-      onPageSizeChange(clickedOption.value);
-      setIsOpened(false);
-      btnRef.current.focus();
-    },
-    onClickOutside: () => {
-      setIsOpened(false);
-      btnRef.current.focus();
-    },
-    customOffset: [0, 2],
-    startPlacementPreference: "top-end",
-    actionRef,
-    minWidth: width + 25,
-    maxHeight: 300,
-    HeaderComp: () => "Per Page"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    style: { marginLeft: "32px" }
-  }, /* @__PURE__ */ React2.createElement(PaginationDropdownButton, {
-    buttonType: "raw",
-    onClick: () => setIsOpened(true),
-    "aria-pressed": isOpened,
-    innerRef: btnRef
-  }, pageSize, " / page", /* @__PURE__ */ React2.createElement(ChevronDown, {
-    color: ["brand-primary", "700"]
-  }))));
-};
-var PerPageSelector_default = PerPageSelector;
-export {
-  PerPageSelector_default as default
-};
-//# sourceMappingURL=PerPageSelector.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PerPageSelector.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport memoize from 'memoize-one';\nimport { range, useOnElementResize } from '@elliemae/ds-utilities';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { DSPaginationProps } from '../index.d';\nimport { PaginationDropdownButton } from '../styled';\n\nconst generateOption = (value) => {\n  if (typeof value === 'object') {\n    return value;\n  }\n  return {\n    dsId: value.toString(),\n    value,\n    label: value.toString(),\n    type: 'single',\n  };\n};\n\nconst getOptions = memoize((step, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nconst PerPageSelector: React.ComponentType<\n  Pick<\n    DSPaginationProps,\n    'pageSize' | 'onPageSizeChange' | 'perPageOptions' | 'perPageStep' | 'minPerPage' | 'maxPerPage'\n  >\n> = (props) => {\n  const [isOpened, setIsOpened] = useState(false);\n  const { pageSize, onPageSizeChange, perPageOptions, maxPerPage, perPageStep, minPerPage } = props;\n\n  const options = useMemo(() => {\n    if (perPageOptions) return perPageOptions.map(generateOption);\n    return getOptions(perPageStep, minPerPage, maxPerPage);\n  }, [maxPerPage, minPerPage, perPageOptions, perPageStep]);\n\n  const actionRef = useRef<Record<string, (dsId: string) => void>>({});\n  const btnRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (isOpened) {\n      actionRef.current.setActiveDescendant(pageSize.toString());\n      actionRef.current.scrollOptionIntoView(pageSize.toString());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpened]);\n\n  const { width } = useOnElementResize(btnRef);\n\n  return (\n    <DSDropdownMenuV2\n      isOpened={isOpened}\n      options={options}\n      selectedOptions={{ [pageSize.toString()]: true }}\n      onOptionClick={(_, clickedOption) => {\n        onPageSizeChange(clickedOption.value);\n        setIsOpened(false);\n        btnRef.current.focus();\n      }}\n      onClickOutside={() => {\n        setIsOpened(false);\n        btnRef.current.focus();\n      }}\n      customOffset={[0, 2]}\n      startPlacementPreference=\"top-end\"\n      actionRef={actionRef}\n      minWidth={width + 25}\n      maxHeight={300}\n      HeaderComp={() => 'Per Page'}\n    >\n      <div style={{ marginLeft: '32px' }}>\n        <PaginationDropdownButton\n          buttonType=\"raw\"\n          onClick={() => setIsOpened(true)}\n          aria-pressed={isOpened}\n          innerRef={btnRef}\n        >\n          {pageSize} / page\n          <ChevronDown color={['brand-primary', '700']} />\n        </PaginationDropdownButton>\n      </div>\n    </DSDropdownMenuV2>\n  );\n};\n\nexport default PerPageSelector;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA;AAET,SAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,OAAO,MAAM;AAAA,IACb,MAAM;AAAA;AAAA;AAIV,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AACjD,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,UAAU;AAAA;AAGxD,MAAM,kBAKF,CAAC,UAAU;AACb,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,eAAe;AAE5F,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI;AAAgB,aAAO,eAAe,IAAI;AAC9C,WAAO,WAAW,aAAa,YAAY;AAAA,KAC1C,CAAC,YAAY,YAAY,gBAAgB;AAE5C,QAAM,YAAY,OAA+C;AACjE,QAAM,SAAS,OAA0B;AAEzC,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAoB,SAAS;AAC/C,gBAAU,QAAQ,qBAAqB,SAAS;AAAA;AAAA,KAGjD,CAAC;AAEJ,QAAM,EAAE,UAAU,mBAAmB;AAErC,SACE,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,GAAG,SAAS,aAAa;AAAA,IAC1C,eAAe,CAAC,GAAG,kBAAkB;AACnC,uBAAiB,cAAc;AAC/B,kBAAY;AACZ,aAAO,QAAQ;AAAA;AAAA,IAEjB,gBAAgB,MAAM;AACpB,kBAAY;AACZ,aAAO,QAAQ;AAAA;AAAA,IAEjB,cAAc,CAAC,GAAG;AAAA,IAClB,0BAAyB;AAAA,IACzB;AAAA,IACA,UAAU,QAAQ;AAAA,IAClB,WAAW;AAAA,IACX,YAAY,MAAM;AAAA,KAElB,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,YAAY;AAAA,KACxB,qCAAC,0BAAD;AAAA,IACE,YAAW;AAAA,IACX,SAAS,MAAM,YAAY;AAAA,IAC3B,gBAAc;AAAA,IACd,UAAU;AAAA,KAET,UAAS,WACV,qCAAC,aAAD;AAAA,IAAa,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAOhD,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/esm/props.js

@@ -1,53 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const emptyFunc = () => null;
-const propTypes = {
-  pageCount: PropTypes.number.description("How many pages are there"),
-  pageIndex: PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
-  canPreviousPage: PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
-  canNextPage: PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
-  pageSize: PropTypes.number.description("The current page size").defaultValue(10),
-  showPerPageSelector: PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
-  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.shape({
-      dsId: PropTypes.string,
-      value: PropTypes.number,
-      label: PropTypes.string,
-      type: PropTypes.oneOf(["single"])
-    })
-  ])).description("The available options for page size").defaultValue([10]),
-  perPageStep: PropTypes.number.description("Step for the per page options").defaultValue(5),
-  minPerPage: PropTypes.number.description("Step for the per page options").defaultValue(0),
-  maxPerPage: PropTypes.number.description("Step for the per page options").defaultValue(100),
-  onPageSizeChange: PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
-  onPreviousPage: PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
-  onPageChange: PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
-  onNextPage: PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
-  pageDetails: PropTypes.arrayOf(PropTypes.string).description("Details to provide for each page").defaultValue([]),
-  pageDetailsTitle: PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue(""),
-  width: PropTypes.any.description("Width for the container of the pagination").defaultValue("100%")
-};
-const defaultProps = {
-  pageIndex: 1,
-  canPreviousPage: true,
-  canNextPage: true,
-  pageSize: 10,
-  showPerPageSelector: true,
-  perPageOptions: [10],
-  perPageStep: 5,
-  minPerPage: 0,
-  maxPerPage: 100,
-  onPageSizeChange: emptyFunc,
-  onPreviousPage: emptyFunc,
-  onNextPage: emptyFunc,
-  onPageChange: emptyFunc,
-  pageDetails: [],
-  pageDetailsTitle: "",
-  width: "100%"
-};
-export {
-  defaultProps,
-  propTypes
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nconst emptyFunc = (): void => null;\n\nexport const propTypes = {\n  pageCount: PropTypes.number.description('How many pages are there'),\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\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  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.shape({\n        dsId: PropTypes.string,\n        value: PropTypes.number,\n        label: PropTypes.string,\n        type: PropTypes.oneOf(['single']),\n      }),\n    ]),\n  )\n    .description('The available options for page size')\n    .defaultValue([10]),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\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  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};\n\nexport const defaultProps = {\n  pageIndex: 1,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageOptions: [10],\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: emptyFunc,\n  onPreviousPage: emptyFunc,\n  onNextPage: emptyFunc,\n  onPageChange: emptyFunc,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY,MAAY;AAEvB,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,WAAW,UAAU,OAAO,YAAY,8CAA8C,aAAa;AAAA,EACnG,iBAAiB,UAAU,KAAK,YAAY,kDAAkD,aAAa;AAAA,EAC3G,aAAa,UAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EACnG,UAAU,UAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EAC7E,qBAAqB,UAAU,KAAK,YAAY,qCAAqC,aAAa;AAAA,EAClG,gBAAgB,UAAU,QACxB,UAAU,UAAU;AAAA,IAClB,UAAU;AAAA,IACV,UAAU,MAAM;AAAA,MACd,MAAM,UAAU;AAAA,MAChB,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,MACjB,MAAM,UAAU,MAAM,CAAC;AAAA;AAAA,MAI1B,YAAY,uCACZ,aAAa,CAAC;AAAA,EACjB,aAAa,UAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACxF,YAAY,UAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACvF,YAAY,UAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACvF,kBAAkB,UAAU,KAAK,YAAY,+CAA+C,aAAa,MAAM;AAAA,EAC/G,gBAAgB,UAAU,KACvB,YAAY,wDACZ,aAAa,MAAM;AAAA,EACtB,cAAc,UAAU,KAAK,YAAY,0CAA0C,aAAa,MAAM;AAAA,EACtG,YAAY,UAAU,KAAK,YAAY,gDAAgD,aAAa,MAAM;AAAA,EAC1G,aAAa,UAAU,QAAQ,UAAU,QAAQ,YAAY,oCAAoC,aAAa;AAAA,EAC9G,kBAAkB,UAAU,OACzB,YAAY,+DACZ,aAAa;AAAA,EAChB,OAAO,UAAU,IAAI,YAAY,6CAA6C,aAAa;AAAA;AAGtF,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,gBAAgB,CAAC;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,OAAO;AAAA;",
-  "names": []
-}

package/dist/esm/styled.js

@@ -1,84 +0,0 @@
-import * as React from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { DSButtonV2 } from "@elliemae/ds-button";
-import styled from "styled-components";
-import { space, typography } from "@xstyled/styled-components";
-const sizeToCss = (size) => typeof size === "number" && !Number.isNaN(size) ? `${size}px` : size;
-const styledFocusCss = ({ theme }) => `
-&:after {
-  display: block;
-  content: ' ';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border: 2px solid ${theme.colors.brand[700]};
-  pointer-events: none;
-  z-index: 7;
-}`;
-const PaginationContainer = styled(Grid)`
-  padding: 0 ${(props) => props.theme.space.xs};
-  height: 42px;
-  width: ${(props) => sizeToCss(props.width) || "100%"};
-  max-width: 100%;
-  align-items: center;
-  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);
-`;
-const PaginationWrapper = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 32px;
-`;
-const PaginationSeparator = styled(Grid)`
-  background-color: ${(props) => props.theme.colors.neutral[300]};
-  width: 1px;
-  height: ${(props) => props.height || "30px"};
-`;
-const PaginationBoldText = styled.span`
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  ${typography}
-  ${space}
-  position: relative;
-`;
-const PaginationDropdownButton = styled(DSButtonV2)`
-  height: 42px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  padding-left: 16px;
-  padding-right: 16px;
-  grid-gap: 8px;
-  font-size: 13px;
-  color: ${(props) => props.theme.colors.neutral[700]};
-  cursor: pointer;
-  border-radius: 0;
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  :focus {
-    ${styledFocusCss}
-  }
-`;
-const PreviousNextPageButton = styled(DSButtonV2)`
-  height: 42px;
-  display: grid;
-  place-items: center;
-  position: relative;
-  padding-left: 8px;
-  padding-right: 8px;
-  border-radius: 0;
-  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
-  :focus {
-    ${styledFocusCss}
-  }
-`;
-export {
-  PaginationBoldText,
-  PaginationContainer,
-  PaginationDropdownButton,
-  PaginationSeparator,
-  PaginationWrapper,
-  PreviousNextPageButton
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport { space, typography, TypographyProps } from '@xstyled/styled-components';\n\nconst sizeToCss = (size) => (typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size);\n\nconst styledFocusCss = ({ theme }) => `\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.colors.brand[700]};\n  pointer-events: none;\n  z-index: 7;\n}`;\n\nexport const PaginationContainer = styled(Grid)`\n  padding: 0 ${(props) => props.theme.space.xs};\n  height: 42px;\n  width: ${(props) => sizeToCss(props.width) || '100%'};\n  max-width: 100%;\n  align-items: center;\n  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);\n`;\n\nexport const PaginationWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 32px;\n`;\n\nexport const PaginationSeparator = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral[300]};\n  width: 1px;\n  height: ${(props) => props.height || '30px'};\n`;\n\nexport const PaginationBoldText = styled.span<TypographyProps>`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${typography}\n  ${space}\n  position: relative;\n`;\n\nexport const PaginationDropdownButton = styled(DSButtonV2)`\n  height: 42px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-left: 16px;\n  padding-right: 16px;\n  grid-gap: 8px;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  cursor: pointer;\n  border-radius: 0;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n\nexport const PreviousNextPageButton = styled(DSButtonV2)`\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  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,QAAQ,GAAG,WAAW;AAE7F,MAAM,iBAAiB,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAShB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKlC,MAAM,sBAAsB,OAAO;AAAA,eAC3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,WAEjC,CAAC,UAAU,UAAU,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAM,sBAAsB,OAAO;AAAA,sBACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,UAAU;AAAA;AAGhC,MAAM,qBAAqB,OAAO;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,MAE9C;AAAA;AAAA;AAIC,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQjC,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
-  "names": []
-}