@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/OverlayTrigger/OverlayTrigger.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import { BeforeCallback } from '../../state/DelayedCallback';
+import { TriggerRenderProps } from '../../state/Trigger';
+import { VisibilityConfig } from '../../state/Visibility';
+import { OverlayProps } from '../Overlay';
+declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay'>;
+declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
+declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
+declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
+export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
+    /**
+     * <div>
+     *  The callback to run before the overlay is hidden. Returning
+     *  <Code>false</Code> will prevent hiding.
+     * </div>
+     * <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
+     * @since 10.19.0
+     */
+    beforeHide?: BeforeCallback;
+    /**
+     * <div>
+     *  The callback to run before the overlay is shown. Returning
+     *  <Code>false</Code> will prevent showing.
+     * </div>
+     * <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
+     * @since 10.19.0
+     */
+    beforeShow?: BeforeCallback;
+    /**
+     * Additional refs to check for clickOutside behavior
+     * @since 10.19.0
+     */
+    clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
+    /**
+     * The delay when hiding the overlay
+     * @since 10.19.0
+     */
+    hideDelay?: number;
+    hideKeys?: {
+        /**
+         * Keys to hide the overlay when the overlay is focused
+         * @since 10.19.0
+         */
+        overlay: string[];
+        target: string[];
+    };
+    overlay: React.ReactNode;
+    /**
+     * Restore focus to the target after the overlay is hidden
+     * @default true
+     * @since 10.19.0
+     */
+    restoreFocusOnHide?: boolean;
+    /**
+     * The delay when showing the overlay
+     * @since 10.19.0
+     */
+    showDelay?: number;
+    /**
+     * Keys to show the overlay when the target is focused
+     * @since 10.19.0
+     */
+    showKeys?: string[];
+}
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-overlaytrigger--demo)
+ */
+export declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<HTMLElement>>;
+export declare function CloseOnFocus({ hide }: {
+    hide: (event: any) => any;
+}): JSX.Element;
+export declare function useOverlayTriggerContext(): {
+    hide: (event: any) => any;
+    show: (event: any) => any;
+    toggle: (event: any) => any;
+};
+/**
+ * @deprecated Please use `useOverlayTriggerContext()` instead
+ */
+export declare const consumeOverlayTrigger: typeof useOverlayTriggerContext;
+export default OverlayTrigger;

package/dist/esm/components/OverlayTrigger/OverlayTrigger.js

@@ -0,0 +1,144 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { useClickOutside } from '../../effects/ClickOutside';
+import { consumeDelayedToggle, DelayedToggleContext, DelayedToggleProvider, } from '../../effects/DelayedToggle';
+import { Trigger } from '../../state/Trigger';
+import { useVisibility } from '../../state/Visibility';
+import { Overlay } from '../Overlay';
+var ClickOutside = function (_a) {
+    var onClickOutside = _a.onClickOutside, refs = _a.refs;
+    useClickOutside({
+        onClickOutside: onClickOutside,
+        refs: refs,
+    });
+    return React.createElement(React.Fragment, null);
+};
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-overlaytrigger--demo)
+ */
+export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
+    var _b = _a.afterHide, afterHide = _b === void 0 ? function () { } : _b, _c = _a.afterShow, afterShow = _c === void 0 ? function () { } : _c, _d = _a.beforeHide, beforeHide = _d === void 0 ? function () { return true; } : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? function () { return true; } : _e, _f = _a.canFlip, canFlip = _f === void 0 ? true : _f, children = _a.children, _g = _a.clickOutsideIgnoreRefs, clickOutsideIgnoreRefs = _g === void 0 ? [] : _g, _h = _a.hideDelay, hideDelay = _h === void 0 ? 100 : _h, _j = _a.hideKeys, hideKeys = _j === void 0 ? {
+        overlay: ['Escape', 'Esc', 'Tab'],
+        target: ['Escape', 'Esc'],
+    } : _j, _k = _a.initialIsVisible, initialIsVisible = _k === void 0 ? false : _k, overlay = _a.overlay, _l = _a.padding, padding = _l === void 0 ? 2 : _l, _m = _a.placement, placement = _m === void 0 ? 'top' : _m, _o = _a.restoreFocusOnHide, restoreFocusOnHide = _o === void 0 ? true : _o, // TODO: change default to be false, but that is a breaking change
+    _p = _a.showDelay, // TODO: change default to be false, but that is a breaking change
+    showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s;
+    var overlayRef = React.useRef(null);
+    var innerRef = React.useRef(null);
+    var targetRef = ref || innerRef;
+    var clickedOutsideRef = React.useRef(true);
+    var visibility = useVisibility({
+        afterHide: afterHide,
+        afterShow: afterShow,
+        initialIsVisible: initialIsVisible,
+    });
+    var triggers = React.useMemo(function () { return (Array.isArray(trigger) ? trigger : [trigger]); }, [trigger]);
+    React.useEffect(function () {
+        if (triggers.indexOf('none') >= 0 && visibility.isVisible) {
+            visibility.hide();
+        }
+        if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {
+            visibility.show();
+        }
+    }, [triggers, visibility.isVisible]);
+    React.useEffect(function () {
+        if (restoreFocusOnHide &&
+            !visibility.isVisible &&
+            !clickedOutsideRef.current) {
+            targetRef.current && targetRef.current.focus();
+        }
+        clickedOutsideRef.current = false;
+    }, [restoreFocusOnHide, targetRef, visibility.isVisible]);
+    return (React.createElement(DelayedToggleProvider, __assign({}, {
+        beforeDisable: beforeHide,
+        beforeEnable: beforeShow,
+        disableDelay: hideDelay,
+        enableDelay: showDelay,
+        isEnabled: visibility.isVisible,
+        onDisable: visibility.hide,
+        onEnable: visibility.show,
+    }),
+        React.createElement(DelayedToggleContext.Consumer, null, function (_a) {
+            var enable = _a.enable, disable = _a.disable;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Trigger, __assign({}, {
+                    isEnabled: visibility.isVisible,
+                    enable: enable,
+                    disable: disable,
+                    enableKeys: showKeys,
+                    disableKeys: hideKeys.target,
+                    trigger: trigger,
+                    triggerRef: targetRef,
+                }), children),
+                visibility.isVisible && (React.createElement(React.Fragment, null,
+                    React.createElement(ClickOutside, __assign({}, {
+                        onClickOutside: function (event) {
+                            clickedOutsideRef.current = true;
+                            disable(event);
+                        },
+                        refs: __spreadArray([overlayRef, targetRef], clickOutsideIgnoreRefs, true),
+                    })),
+                    React.createElement(Trigger, __assign({}, {
+                        isEnabled: visibility.isVisible,
+                        enable: enable,
+                        disable: disable,
+                        disableKeys: hideKeys.overlay,
+                        trigger: trigger === 'click' ? 'none' : trigger,
+                        triggerRef: overlayRef,
+                    }),
+                        React.createElement(Overlay, __assign({}, {
+                            canFlip: canFlip,
+                            overlayRef: overlayRef,
+                            padding: padding,
+                            placement: placement,
+                            shrinkOverlay: shrinkOverlay,
+                            targetRef: targetRef,
+                        }), overlay))))));
+        })));
+});
+export function CloseOnFocus(_a) {
+    var hide = _a.hide;
+    return (
+    // in IE, the hidden input's cursor appears right under the menu
+    // this positions it arbitrarily away where it won't be noticed
+    React.createElement("div", { style: {
+            height: 0,
+            position: 'absolute',
+            top: 1000,
+            width: 0,
+        } },
+        React.createElement("input", { onFocus: hide, style: { opacity: 0 } })));
+}
+export function useOverlayTriggerContext() {
+    var _a = consumeDelayedToggle(), show = _a.enable, hide = _a.disable, toggle = _a.toggle;
+    return {
+        hide: hide,
+        show: show,
+        toggle: toggle,
+    };
+}
+/**
+ * @deprecated Please use `useOverlayTriggerContext()` instead
+ */
+export var consumeOverlayTrigger = useOverlayTriggerContext;
+export default OverlayTrigger;
+//# sourceMappingURL=OverlayTrigger.js.map

package/dist/esm/components/OverlayTrigger/OverlayTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../../../src/components/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/OverlayTrigger/index.d.ts

@@ -0,0 +1 @@
+export { OverlayTrigger as default, OverlayTrigger, OverlayTriggerProps, CloseOnFocus, useOverlayTriggerContext, consumeOverlayTrigger, } from './OverlayTrigger';

package/dist/esm/components/OverlayTrigger/index.js

@@ -0,0 +1,2 @@
+export { OverlayTrigger as default, OverlayTrigger, CloseOnFocus, useOverlayTriggerContext, consumeOverlayTrigger, } from './OverlayTrigger';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/OverlayTrigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/OverlayTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,OAAO,EACzB,cAAc,EAEd,YAAY,EACZ,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,kBAAkB,CAAA"}

package/dist/esm/components/Pagination/Pagination.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+import { Color } from '../../styles/colors';
+import { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../../utils/types';
+import { FieldProps, NavigationIconProps, PageNotationProps, PresetPaginationProps } from './Pagination.types';
+export declare const Container: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Notation: React.ForwardRefExoticComponent<PageNotationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Next: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Prev: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Field: React.ForwardRefExoticComponent<DivAttributes & FieldProps & React.RefAttributes<HTMLDivElement>>;
+/**
+
+ We paginate pages that display large data sets to our users. This helps reduce
+ page load time and makes the data easier to navigate.
+
+ Pagination is commonly seen on tool landing pages, where we display 150 objects
+ or table rows per page.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pagination--demo)
+
+ @see [Design Guidelines](https://design.procore.com/pagination)
+
+ */
+export declare const Pagination_: React.ForwardRefExoticComponent<PresetPaginationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Pagination: React.ForwardRefExoticComponent<PresetPaginationProps & React.RefAttributes<HTMLDivElement>> & {
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Container: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Field: React.ForwardRefExoticComponent<DivAttributes & FieldProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Label: React.ForwardRefExoticComponent<SpanAttributes & Props & {
+        color?: Color | undefined;
+    } & React.RefAttributes<HTMLSpanElement>>;
+    /**
+     * @deprecated
+     *
+     * Please use <Button icon={\<ChevronRight /\>} variant="tertiary" />
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Next: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Notation: React.ForwardRefExoticComponent<PageNotationProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @deprecated
+     *
+     * Please use <Button icon={\<ChevronLeft /\>} variant="tertiary" />
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Prev: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export default Pagination;

package/dist/esm/components/Pagination/Pagination.js

@@ -0,0 +1,186 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { ChevronLeft, ChevronRight } from '@procore/core-icons/dist';
+import React from 'react';
+import { useDeprecation } from '../../effects/Deprecation';
+import Box from '../../layouts/Box';
+import Flex from '../../layouts/Flex';
+import { useI18nContext } from '../../state/I18n';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { Button } from '../Button';
+import { MenuImperative } from '../MenuImperative';
+import { Typography } from '../Typography/Typography';
+import { StyledButton, StyledContainer, StyledCurrentPage, StyledPageCount, } from './Pagination.styles';
+import { PaginationSelect } from './PaginationSelect';
+function noop() { }
+var usePagination = function (_a) {
+    var _b = _a.activePage, activePage = _b === void 0 ? 0 : _b, _c = _a.items, items = _c === void 0 ? 0 : _c, _d = _a.onSelectPage, onSelectPage = _d === void 0 ? function () { } : _d, _e = _a.perPage, perPage = _e === void 0 ? 0 : _e;
+    var pages = Math.ceil(items / perPage);
+    return {
+        end: Math.min(activePage * perPage, items),
+        isFirst: activePage === 1,
+        isLast: activePage === pages,
+        pages: pages,
+        selectNext: function () { return onSelectPage(activePage + 1); },
+        selectPage: function (selection) { return onSelectPage(selection.item); },
+        selectPrev: function () { return onSelectPage(activePage - 1); },
+        start: (activePage - 1) * perPage + 1,
+    };
+};
+export var Container = React.forwardRef(function Container(props, ref) {
+    return React.createElement(Flex, __assign({ ref: ref }, props, { alignItems: "center" }));
+});
+export var Footer = React.forwardRef(function Footer(props, ref) {
+    return React.createElement(MenuImperative.Footer, __assign({ ref: ref }, props, { padding: "xs 0 sm 0" }));
+});
+export var Notation = React.forwardRef(function Notation(_a, ref) {
+    var end = _a.end, items = _a.items, start = _a.start;
+    var i18n = useI18nContext();
+    return (React.createElement(Typography, { ref: ref, italic: true, color: "gray45" }, "".concat(start, "-").concat(end, " ").concat(i18n.t('core.pagination.interval'), " ").concat(items)));
+});
+export var Next = React.forwardRef(function Next(props, ref) {
+    var i18n = useI18nContext();
+    return (React.createElement(Button, __assign({ ref: ref }, props, { "aria-label": i18n.t('core.pagination.nextPage'), variant: "tertiary", icon: React.createElement(ChevronRight, null) })));
+});
+export var Prev = React.forwardRef(function Prev(props, ref) {
+    var i18n = useI18nContext();
+    return (React.createElement(Button, __assign({ ref: ref }, props, { "aria-label": i18n.t('core.pagination.prevPage'), variant: "tertiary", icon: React.createElement(ChevronLeft, null) })));
+});
+var Label = React.forwardRef(function Label(props, ref) {
+    return React.createElement(Typography, __assign({}, props, { children: props.children, ref: ref }));
+});
+export var Field = React.forwardRef(function Field(_a, ref) {
+    var children = _a.children, label = _a.label;
+    var i18n = useI18nContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Label, null,
+            label || i18n.t('core.pagination.page'),
+            ":"),
+        React.createElement(Box, { ref: ref, paddingLeft: "sm" }, children)));
+});
+/**
+
+ We paginate pages that display large data sets to our users. This helps reduce
+ page load time and makes the data easier to navigate.
+
+ Pagination is commonly seen on tool landing pages, where we display 150 objects
+ or table rows per page.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pagination--demo)
+
+ @see [Design Guidelines](https://design.procore.com/pagination)
+
+ */
+export var Pagination_ = React.forwardRef(function Pagination(_a, ref) {
+    var _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, fieldLabel = _a.fieldLabel, items = _a.items, _c = _a.onSelectPage, onSelectPage = _c === void 0 ? noop : _c, _d = _a.perPage, perPage = _d === void 0 ? 50 : _d, props = __rest(_a, ["activePage", "fieldLabel", "items", "onSelectPage", "perPage"]);
+    var _e = usePagination({
+        activePage: activePage,
+        items: items,
+        onSelectPage: onSelectPage,
+        perPage: perPage,
+    }), end = _e.end, isFirst = _e.isFirst, isLast = _e.isLast, pages = _e.pages, selectNext = _e.selectNext, selectPage = _e.selectPage, selectPrev = _e.selectPrev, start = _e.start;
+    useDeprecation({
+        when: fieldLabel,
+        oldThing: 'Pagination with prop fieldLabel',
+        newThing: 'Pagination without prop fieldLabel and let the component handle i18n',
+    });
+    var i18n = useI18nContext();
+    return (React.createElement(StyledContainer, __assign({ ref: ref }, props),
+        React.createElement(StyledPageCount, { ref: ref, italic: true, color: "gray45" }, "".concat(start, "-").concat(end, " ").concat(i18n.t('core.pagination.interval'), " ").concat(items)),
+        React.createElement(StyledCurrentPage, null,
+            fieldLabel || i18n.t('core.pagination.page'),
+            ":"),
+        React.createElement(PaginationSelect, { activePage: activePage, disabled: pages <= 1, onSelect: selectPage, pages: pages }),
+        React.createElement(StyledButton, { disabled: isFirst, variant: "tertiary", "aria-label": i18n.t('core.pagination.prevPage'), icon: React.createElement(ChevronLeft, null), onClick: selectPrev }),
+        React.createElement(StyledButton, { disabled: isLast, variant: "tertiary", "aria-label": i18n.t('core.pagination.nextPage'), icon: React.createElement(ChevronRight, null), onClick: selectNext })));
+});
+Pagination_.displayName = 'Pagination';
+Container.displayName = 'Pagination.Container';
+Field.displayName = 'Pagination.Field';
+Footer.displayName = 'Pagination.Footer';
+Label.displayName = 'Pagination.Label';
+Next.displayName = 'Pagination.Next';
+Notation.displayName = 'Pagination.Notation';
+Prev.displayName = 'Pagination.Prev';
+export var Pagination = addSubcomponents({
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Container: Container,
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Field: Field,
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Footer: Footer,
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Label: Label,
+    /**
+     * @deprecated
+     *
+     * Please use <Button icon={\<ChevronRight /\>} variant="tertiary" />
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Next: Next,
+    /**
+     * @deprecated
+     *
+     * Pagination subcomponents will be removed in a future version
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Notation: Notation,
+    /**
+     * @deprecated
+     *
+     * Please use <Button icon={\<ChevronLeft /\>} variant="tertiary" />
+     *
+     * @deprecatedSince 10.20.0
+     */
+    Prev: Prev,
+}, Pagination_);
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/esm/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Pagination/Pagination.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPageCount: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledCurrentPage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/esm/components/Pagination/Pagination.styles.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { spacing } from '../../styles/spacing';
+import { Button } from '../Button';
+import Card from '../Card';
+import Typography from '../Typography';
+export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+export var StyledPageCount = styled(Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.xl);
+export var StyledCurrentPage = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.sm);
+export var StyledButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: ", "px;\n"], ["\n  margin-left: ", "px;\n"])), spacing.sm);
+export var StyledOverlay = styled(Card)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n"], ["\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Pagination.styles.js.map

package/dist/esm/components/Pagination/Pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAGxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,gGAAA,oBAC/B,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,gGAAA,oBACjC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,+FAAA,mBACzB,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,kJAAA,+EAGxC,IAAA,CAAA"}