@elliemae/ds-pagination 3.0.0-next.1 → 3.0.0-next.13

package/esm/styled.js

@@ -1,34 +0,0 @@
-import Grid from '@elliemae/ds-grid';
-import { DSButtonV2 } from '@elliemae/ds-button';
-import styled from 'styled-components';
-import { typography, space } from '@xstyled/styled-components';
-
-const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
-
-const styledFocusCss = _ref => {
-  let {
-    theme
-  } = _ref;
-  return "\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 ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: 7;\n}");
-};
-
-const PaginationContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-mxz59e-0"
-})(["padding:0 ", ";height:42px;width:", ";max-width:100%;align-items:center;box-shadow:0 -1px 3px 0 rgba(0,0,0,0.5);"], props => props.theme.space.xs, props => sizeToCss(props.width) || '100%');
-const PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-mxz59e-1"
-})(["display:flex;justify-content:center;align-items:center;margin:0 32px;"]);
-const PaginationSeparator = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-mxz59e-2"
-})(["background-color:", ";width:1px;height:", ";"], props => props.theme.colors.neutral[300], props => props.height || '30px');
-const PaginationBoldText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-mxz59e-3"
-})(["font-weight:", ";", " ", " position:relative;"], props => props.theme.fontWeights.semibold, typography, space);
-const PaginationDropdownButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-mxz59e-4"
-})(["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:", ";cursor:pointer;border-radius:0;font-weight:", ";:focus{", "}"], props => props.theme.colors.neutral[700], props => props.theme.fontWeights.regular, styledFocusCss);
-const PreviousNextPageButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-mxz59e-5"
-})(["height:42px;display:grid;place-items:center;position:relative;padding-left:8px;padding-right:8px;border-radius:0;cursor:", ";:focus{", "}"], props => props.disabled ? 'not-allowed' : 'pointer', styledFocusCss);
-
-export { PaginationBoldText, PaginationContainer, PaginationDropdownButton, PaginationSeparator, PaginationWrapper, PreviousNextPageButton };

package/types/Pagination.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from './index.d';
-declare const DSPagination: React.ComponentType<DSPaginationProps>;
-declare const DSPaginationWithSchema: any;
-export { DSPagination, DSPaginationWithSchema };

package/types/PaginationDataTestID.d.ts

@@ -1,5 +0,0 @@
-export declare const PAGINATION_DATA_TESTID: {
-    PREVIOUS_BUTTON: string;
-    NEXT_BUTTON: string;
-    CONTAINER: string;
-};

package/types/hooks/usePaginationSearch.d.ts

@@ -1 +0,0 @@
-export declare const usePaginationSearch: (pageCount: number, actionRef: React.MutableRefObject<any>) => React.KeyboardEventHandler;

package/types/index.d.ts

@@ -1 +0,0 @@
-export * from './Pagination';

package/types/parts/PageNextButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from '../index.d';
-export declare const PageNextButton: React.ComponentType<Pick<DSPaginationProps, 'onNextPage' | 'canNextPage'>>;

package/types/parts/PagePrevButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from '../index.d';
-export declare const PagePrevButton: React.ComponentType<Pick<DSPaginationProps, 'onPreviousPage' | 'canPreviousPage'>>;

package/types/parts/PaginationContent.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from '../index.d';
-export declare const PaginationContent: React.ComponentType<DSPaginationProps>;

package/types/parts/Paginator.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from '../index.d';
-declare const Paginator: React.ComponentType<DSPaginationProps>;
-export default Paginator;

package/types/parts/PerPageSelector.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DSPaginationProps } from '../index.d';
-declare const PerPageSelector: React.ComponentType<Pick<DSPaginationProps, 'pageSize' | 'onPageSizeChange' | 'perPageOptions' | 'perPageStep' | 'minPerPage' | 'maxPerPage'>>;
-export default PerPageSelector;

package/types/props.d.ts

@@ -1,75 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const propTypes: {
-    pageCount: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pageIndex: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    canPreviousPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    canNextPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    pageSize: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    showPerPageSelector: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    perPageOptions: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    perPageStep: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    minPerPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    maxPerPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    onPageSizeChange: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    onPreviousPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    onPageChange: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    onNextPage: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    pageDetails: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    pageDetailsTitle: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    width: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-};
-export declare const defaultProps: {
-    pageIndex: number;
-    canPreviousPage: boolean;
-    canNextPage: boolean;
-    pageSize: number;
-    showPerPageSelector: boolean;
-    perPageOptions: number[];
-    perPageStep: number;
-    minPerPage: number;
-    maxPerPage: number;
-    onPageSizeChange: () => void;
-    onPreviousPage: () => void;
-    onNextPage: () => void;
-    onPageChange: () => void;
-    pageDetails: never[];
-    pageDetailsTitle: string;
-    width: string;
-};

package/types/styled.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from '@xstyled/styled-components';
-export declare const PaginationContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationBoldText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TypographyProps<import("@xstyled/system").Theme>, never>;
-export declare const PaginationDropdownButton: import("styled-components").StyledComponent<{
-    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
-    propTypes: import("react").WeakValidationMap<unknown>;
-}, import("styled-components").DefaultTheme, {}, never>;
-export declare const PreviousNextPageButton: import("styled-components").StyledComponent<{
-    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
-    propTypes: import("react").WeakValidationMap<unknown>;
-}, import("styled-components").DefaultTheme, {}, never>;