@zextras/carbonio-ui-preview 1.2.2 → 1.2.4

package/lib-esm/preview/Header.js

@@ -1,39 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import React from 'react';
-import { IconButton, Text, Tooltip } from '@zextras/carbonio-design-system';
-import map from 'lodash/map';
-import styled from 'styled-components';
-var HeaderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tpadding: 1rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tpadding: 1rem;\n"])));
-var LeftContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.5rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.5rem;\n"])));
-var RightContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: 0.5rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: 0.5rem;\n"])));
-var InfoContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: fit-content;\n\t& div {\n\t\tline-height: 1.5;\n\t}\n"], ["\n\twidth: fit-content;\n\t& div {\n\t\tline-height: 1.5;\n\t}\n"])));
-var UpperCaseText = styled(Text)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\ttext-transform: uppercase;\n"], ["\n\ttext-transform: uppercase;\n"])));
-var Header = function (_a) {
-    var closeAction = _a.closeAction, actions = _a.actions, filename = _a.filename, extension = _a.extension, size = _a.size;
-    return (React.createElement(HeaderContainer, null,
-        React.createElement(LeftContainer, null,
-            closeAction && (React.createElement(Tooltip, { label: closeAction.tooltipLabel, disabled: !closeAction.tooltipLabel, key: closeAction.id, placement: closeAction.tooltipPlacement },
-                React.createElement(IconButton, { onClick: closeAction.onClick, icon: closeAction.icon, size: "medium", backgroundColor: "transparent", iconColor: "gray6" }))),
-            React.createElement(InfoContainer, null,
-                React.createElement(Text, { size: "small", color: "gray6" }, filename),
-                React.createElement(UpperCaseText, { size: "small", color: "gray6" },
-                    extension,
-                    extension && size && React.createElement(React.Fragment, null, " \u00B7 "),
-                    size))),
-        React.createElement(RightContainer, null, map(actions, function (_a) {
-            var id = _a.id, onClick = _a.onClick, disabled = _a.disabled, icon = _a.icon, tooltipLabel = _a.tooltipLabel, tooltipPlacement = _a.tooltipPlacement;
-            return (React.createElement(Tooltip, { label: tooltipLabel, disabled: !tooltipLabel, key: id, placement: tooltipPlacement },
-                React.createElement(IconButton, { onClick: onClick, disabled: disabled, icon: icon, size: "medium", backgroundColor: "transparent", iconColor: "gray6" })));
-        }))));
-};
-export default Header;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=Header.js.map

package/lib-esm/preview/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/preview/Header.tsx"],"names":[],"mappings":";;;;AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,iKAAA,8FAK/B,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+JAAA,4FAKhC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qIAAA,kEAK/B,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,qGAAA,kCAEjC,IAAA,CAAC;AA6BF,IAAM,MAAM,GAA2B,UAAC,EAAmD;QAAjD,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAC/F,oBAAC,eAAe;QACf,oBAAC,aAAa;YACZ,WAAW,IAAI,CACf,oBAAC,OAAO,IACP,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,YAAY,EACnC,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,SAAS,EAAE,WAAW,CAAC,gBAAgB;gBAEvC,oBAAC,UAAU,IACV,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;YACD,oBAAC,aAAa;gBACb,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,IAC9B,QAAQ,CACH;gBACP,oBAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;oBACvC,SAAS;oBACT,SAAS,IAAI,IAAI,IAAI,qDAAe;oBACpC,IAAI,CACU,CACD,CACD;QAChB,oBAAC,cAAc,QACb,GAAG,CAAC,OAAO,EAAE,UAAC,EAA+D;gBAA7D,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;YAAO,OAAA,CAClF,oBAAC,OAAO,IACP,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,YAAY,EACvB,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,gBAAgB;gBAE3B,oBAAC,UAAU,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;QAhBkF,CAgBlF,CAAC,CACc,CACA,CAClB;AAlD+F,CAkD/F,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib-esm/preview/ImagePreview.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { HeaderAction, HeaderProps } from './Header';
-import { type MakeOptional } from '../utils/type-utils';
-type ImagePreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
-    /** Left Action for the preview */
-    closeAction?: MakeOptional<HeaderAction, 'onClick'>;
-    /**
-     * HTML node where to insert the Portal's children.
-     * The default value is 'window.top.document'.
-     * */
-    container?: Element;
-    /** Flag to disable the Portal implementation */
-    disablePortal?: boolean;
-    /** Flag to show or hide Portal's content */
-    show: boolean;
-    /** preview img source */
-    src: string | File | Blob;
-    /** Callback to hide the preview */
-    onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** Alternative text for image */
-    alt?: string;
-    /** Callback  */
-    onNextPreview?: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** Callback  */
-    onPreviousPreview?: (e: React.SyntheticEvent | KeyboardEvent) => void;
-};
-declare const ImagePreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderProps, "closeAction">> & {
-    /** Left Action for the preview */
-    closeAction?: MakeOptional<HeaderAction, "onClick"> | undefined;
-    /**
-     * HTML node where to insert the Portal's children.
-     * The default value is 'window.top.document'.
-     * */
-    container?: Element | undefined;
-    /** Flag to disable the Portal implementation */
-    disablePortal?: boolean | undefined;
-    /** Flag to show or hide Portal's content */
-    show: boolean;
-    /** preview img source */
-    src: string | File | Blob;
-    /** Callback to hide the preview */
-    onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** Alternative text for image */
-    alt?: string | undefined;
-    /** Callback  */
-    onNextPreview?: ((e: React.SyntheticEvent | KeyboardEvent) => void) | undefined;
-    /** Callback  */
-    onPreviousPreview?: ((e: React.SyntheticEvent | KeyboardEvent) => void) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { ImagePreview, ImagePreviewProps };

package/lib-esm/preview/ImagePreview.js

@@ -1,105 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Container, Portal, useCombinedRefs } from '@zextras/carbonio-design-system';
-import styled from 'styled-components';
-import FocusWithin from './FocusWithin';
-import Header from './Header';
-import { AbsoluteLeftIconButton, AbsoluteRightIconButton } from './StyledComponents';
-var Overlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"])));
-var ExternalContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"])));
-var MiddleContainer = styled(Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
-var Image = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\talign-self: center;\n\tfilter: drop-shadow(0px 5px 14px rgba(0, 0, 0, 0.35));\n\tborder-radius: 0.25rem;\n"], ["\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\talign-self: center;\n\tfilter: drop-shadow(0px 5px 14px rgba(0, 0, 0, 0.35));\n\tborder-radius: 0.25rem;\n"])));
-var PreviewContainer = styled.div.attrs({
-    $paddingVertical: '2rem',
-    $paddingHorizontal: '1rem',
-    $gap: '0.5rem'
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tdisplay: flex;\n\tmax-width: 100%;\n\tmax-height: calc(100vh - ", " * 2);\n\tflex-direction: column;\n\tgap: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\toverflow: hidden;\n\tpadding: ", ";\n\toutline: none;\n\tflex-grow: 1;\n"], ["\n\tdisplay: flex;\n\tmax-width: 100%;\n\tmax-height: calc(100vh - ", " * 2);\n\tflex-direction: column;\n\tgap: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\toverflow: hidden;\n\tpadding: ", ";\n\toutline: none;\n\tflex-grow: 1;\n"])), function (_a) {
-    var $paddingVertical = _a.$paddingVertical;
-    return $paddingVertical;
-}, function (_a) {
-    var $gap = _a.$gap;
-    return $gap;
-}, function (_a) {
-    var $paddingVertical = _a.$paddingVertical, $paddingHorizontal = _a.$paddingHorizontal;
-    return "".concat($paddingVertical, " ").concat($paddingHorizontal);
-});
-var ImagePreview = React.forwardRef(function PreviewFn(_a, ref) {
-    var src = _a.src, show = _a.show, container = _a.container, disablePortal = _a.disablePortal, _b = _a.extension, extension = _b === void 0 ? '' : _b, _c = _a.filename, filename = _c === void 0 ? '' : _c, _d = _a.size, size = _d === void 0 ? '' : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, closeAction = _a.closeAction, onClose = _a.onClose, alt = _a.alt, onNextPreview = _a.onNextPreview, onPreviousPreview = _a.onPreviousPreview;
-    var _f = useState(undefined), computedSrc = _f[0], setComputedSrc = _f[1];
-    useEffect(function () {
-        if (typeof src === 'string') {
-            setComputedSrc(src);
-        }
-        if (src instanceof File || src instanceof Blob) {
-            setComputedSrc(URL.createObjectURL(src));
-        }
-    }, [src, setComputedSrc]);
-    var previewRef = useCombinedRefs(ref);
-    var imageRef = useRef(null);
-    var $closeAction = useMemo(function () {
-        if (closeAction) {
-            return __assign({ onClick: onClose }, closeAction);
-        }
-        return closeAction;
-    }, [closeAction, onClose]);
-    var eventListener = useCallback(function (event) {
-        if (event.key === 'Escape') {
-            onClose(event);
-        }
-        else if (event.key === 'ArrowRight' && onNextPreview) {
-            onNextPreview(event);
-        }
-        else if (event.key === 'ArrowLeft' && onPreviousPreview) {
-            onPreviousPreview(event);
-        }
-    }, [onClose, onNextPreview, onPreviousPreview]);
-    useEffect(function () {
-        if (show) {
-            document.addEventListener('keydown', eventListener);
-        }
-        return function () {
-            document.removeEventListener('keydown', eventListener);
-        };
-    }, [eventListener, show]);
-    var onOverlayClick = useCallback(function (event) {
-        // TODO: stop propagation or not?
-        event.stopPropagation();
-        previewRef.current &&
-            !event.isDefaultPrevented() &&
-            (previewRef.current === event.target ||
-                !previewRef.current.contains(event.target)) &&
-            onClose(event);
-    }, [onClose, previewRef]);
-    return (React.createElement(Portal, { show: show, disablePortal: disablePortal, container: container },
-        React.createElement(Overlay, { onClick: onOverlayClick },
-            React.createElement(FocusWithin, null,
-                React.createElement(ExternalContainer, null,
-                    React.createElement(Header, { actions: actions, filename: filename, extension: extension, size: size, closeAction: $closeAction }),
-                    React.createElement(MiddleContainer, { orientation: "horizontal", crossAlignment: "unset", minHeight: 0 },
-                        onPreviousPreview && (React.createElement(AbsoluteLeftIconButton, { icon: "ArrowBackOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onPreviousPreview })),
-                        React.createElement(PreviewContainer, { ref: previewRef },
-                            React.createElement(Image, { alt: alt !== null && alt !== void 0 ? alt : filename, src: computedSrc, onError: function (error) { return console.error('TODO handle error', error); }, ref: imageRef })),
-                        onNextPreview && (React.createElement(AbsoluteRightIconButton, { icon: "ArrowForwardOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onNextPreview }))))))));
-});
-export { ImagePreview };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=ImagePreview.js.map

package/lib-esm/preview/ImagePreview.js.map

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

package/lib-esm/preview/Navigator.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface NavigatorProps {
-    children: React.ReactElement | React.ReactElement[];
-}
-export declare const Navigator: ({ children }: NavigatorProps) => React.JSX.Element;

package/lib-esm/preview/Navigator.js

@@ -1,21 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import React from 'react';
-import styled from 'styled-components';
-var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom: 1rem;\n\tbackground-color: ", ";\n\talign-self: center;\n\tborder-radius: 0.25rem;\n\tgap: 1rem;\n\tpadding: 0.5rem 1rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom: 1rem;\n\tbackground-color: ", ";\n\talign-self: center;\n\tborder-radius: 0.25rem;\n\tgap: 1rem;\n\tpadding: 0.5rem 1rem;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.gray0.regular;
-});
-export var Navigator = function (_a) {
-    var children = _a.children;
-    return (React.createElement(StyledContainer, { onClick: function (ev) { return ev.stopPropagation(); } }, children));
-};
-var templateObject_1;
-//# sourceMappingURL=Navigator.js.map

package/lib-esm/preview/Navigator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigator.js","sourceRoot":"","sources":["../../src/preview/Navigator.tsx"],"names":[],"mappings":";;;;AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,wTAAA,qJAOb,EAAkD,8FAKtE,KALoB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAe,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;AAA3B,CAA2B,CAKtE,CAAC;AAMF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAA4B;QAA1B,QAAQ,cAAA;IAA0C,OAAA,CAC7E,oBAAC,eAAe,IAAC,OAAO,EAAE,UAAC,EAAE,IAAW,OAAA,EAAE,CAAC,eAAe,EAAE,EAApB,CAAoB,IAAG,QAAQ,CAAmB,CAC1F;AAF6E,CAE7E,CAAC"}

package/lib-esm/preview/PageController.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface PageControllerProps {
-    pageLabel?: string;
-    currentPage: number;
-    pagesNumber: number;
-    onPageChange: (newPage: number) => void;
-}
-export declare const PageController: ({ pageLabel, currentPage, pagesNumber, onPageChange }: PageControllerProps) => React.JSX.Element;

package/lib-esm/preview/PageController.js

@@ -1,82 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Text, getColor, Container } from '@zextras/carbonio-design-system';
-import styled from 'styled-components';
-var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tbackground-color: inherit;\n\tborder: none;\n\toutline: none;\n\tmin-width: 0.5rem;\n\tfont-family: inherit;\n\tfont-size: ", ";\n\tcolor: ", ";\n\ttext-align: center;\n\tpadding: 0;\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: underline;\n\t}\n"], ["\n\tbackground-color: inherit;\n\tborder: none;\n\toutline: none;\n\tmin-width: 0.5rem;\n\tfont-family: inherit;\n\tfont-size: ", ";\n\tcolor: ", ";\n\ttext-align: center;\n\tpadding: 0;\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: underline;\n\t}\n"])), function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return theme.sizes.font[$size];
-}, function (_a) {
-    var $color = _a.$color, theme = _a.theme;
-    return getColor($color, theme);
-});
-function isInt(value) {
-    var x = parseInt(value, 10);
-    // compare number with string by removing leading zeros
-    return "".concat(x) === value.replace(/^0+/, '').trim();
-}
-function resizeInput(ev) {
-    var inputEl = ev.currentTarget;
-    inputEl.style.width = "".concat(inputEl.value.length, "ch");
-}
-export var PageController = function (_a) {
-    var _b = _a.pageLabel, pageLabel = _b === void 0 ? 'Page' : _b, currentPage = _a.currentPage, pagesNumber = _a.pagesNumber, onPageChange = _a.onPageChange;
-    var inputRef = useRef(null);
-    var setInputValue = useCallback(function (value) {
-        if (inputRef.current) {
-            inputRef.current.value = "".concat(value);
-            inputRef.current.style.width = "".concat(inputRef.current.value.length, "ch");
-        }
-    }, []);
-    useEffect(function () {
-        setInputValue(currentPage);
-    }, [currentPage, setInputValue]);
-    var onConfirm = useCallback(function (e) {
-        var inputElement = e.currentTarget;
-        if (inputElement) {
-            var newValue = inputElement.value;
-            var newPage = isInt(newValue) && Number(newValue);
-            if (newPage !== false && newPage > 0 && newPage <= pagesNumber) {
-                setInputValue(newPage);
-                onPageChange(newPage);
-            }
-            else {
-                setInputValue(currentPage);
-            }
-        }
-    }, [currentPage, onPageChange, pagesNumber, setInputValue]);
-    var onBlur = useCallback(function (e) {
-        onConfirm(e);
-    }, [onConfirm]);
-    var onKeyDown = useCallback(function (e) {
-        if (e.key === 'Escape' ||
-            e.key === 'ArrowRight' ||
-            e.key === 'ArrowLeft' ||
-            e.key === 'Home' ||
-            e.key === 'End' ||
-            e.key === 'PageUp' ||
-            e.key === 'PageDown' ||
-            e.key === 'ArrowUp' ||
-            e.key === 'ArrowDown') {
-            e.stopPropagation();
-        }
-        if (e.key === 'Enter' || e.key === 'Escape') {
-            onConfirm(e);
-            e.currentTarget.blur();
-        }
-    }, [onConfirm]);
-    return (React.createElement(Container, { orientation: "horizontal", gap: "0.5rem", crossAlignment: "baseline", width: 'fit' },
-        React.createElement(Text, { size: "small", color: "gray6" }, pageLabel),
-        React.createElement(StyledInput, { "$color": "gray6", "$size": "small", onBlur: onBlur, onKeyDown: onKeyDown, onInput: resizeInput, ref: inputRef, "aria-label": "current page" }),
-        React.createElement(Text, { size: "small", color: "gray6" }, "/"),
-        React.createElement(Text, { size: "small", color: "gray6" }, pagesNumber)));
-};
-var templateObject_1;
-//# sourceMappingURL=PageController.js.map

package/lib-esm/preview/PageController.js.map

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

package/lib-esm/preview/PdfPreview.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-import 'react-pdf/dist/esm/Page/TextLayer.css';
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
-import { HeaderAction, HeaderProps } from './Header';
-import { PreviewCriteriaAlternativeContentProps } from './PreviewCriteriaAlternativeContent';
-import { type MakeOptional } from '../utils/type-utils';
-type PdfPreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
-    /** Left Action for the preview */
-    closeAction?: MakeOptional<HeaderAction, 'onClick'>;
-    /**
-     * HTML node where to insert the Portal's children.
-     * The default value is 'window.top.document'.
-     * */
-    container?: Element;
-    /** Flag to disable the Portal implementation */
-    disablePortal?: boolean;
-    /** Flag to show or hide Portal's content */
-    show: boolean;
-    /** preview source */
-    src: string | File | Blob | ArrayBuffer;
-    /** Whether force cache */
-    forceCache?: boolean;
-    /** Callback to hide the preview */
-    onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** use fallback content if you don't want to view the pdf for some reason; content can be customizable with customContent */
-    useFallback?: boolean;
-    /** CustomContent */
-    customContent?: React.ReactElement;
-    /** Whether a text layer should be rendered */
-    renderTextLayer?: boolean;
-    /** Whether the annotation layer should be rendered */
-    renderAnnotationLayer?: boolean;
-    zoomOutLabel?: string;
-    lowerLimitReachedLabel?: string;
-    resetZoomLabel?: string;
-    fitToWidthLabel?: string;
-    zoomInLabel?: string;
-    upperLimitReachedLabel?: string;
-    /** Callback  */
-    onNextPreview?: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** Callback  */
-    onPreviousPreview?: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    pageLabel?: string;
-    errorLabel?: string;
-    loadingLabel?: string;
-    printActionTooltipLabel?: string;
-} & Omit<PreviewCriteriaAlternativeContentProps, 'downloadSrc'>;
-declare const PdfPreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderProps, "closeAction">> & {
-    /** Left Action for the preview */
-    closeAction?: MakeOptional<HeaderAction, "onClick"> | undefined;
-    /**
-     * HTML node where to insert the Portal's children.
-     * The default value is 'window.top.document'.
-     * */
-    container?: Element | undefined;
-    /** Flag to disable the Portal implementation */
-    disablePortal?: boolean | undefined;
-    /** Flag to show or hide Portal's content */
-    show: boolean;
-    /** preview source */
-    src: string | File | Blob | ArrayBuffer;
-    /** Whether force cache */
-    forceCache?: boolean | undefined;
-    /** Callback to hide the preview */
-    onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
-    /** use fallback content if you don't want to view the pdf for some reason; content can be customizable with customContent */
-    useFallback?: boolean | undefined;
-    /** CustomContent */
-    customContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /** Whether a text layer should be rendered */
-    renderTextLayer?: boolean | undefined;
-    /** Whether the annotation layer should be rendered */
-    renderAnnotationLayer?: boolean | undefined;
-    zoomOutLabel?: string | undefined;
-    lowerLimitReachedLabel?: string | undefined;
-    resetZoomLabel?: string | undefined;
-    fitToWidthLabel?: string | undefined;
-    zoomInLabel?: string | undefined;
-    upperLimitReachedLabel?: string | undefined;
-    /** Callback  */
-    onNextPreview?: ((e: React.SyntheticEvent | KeyboardEvent) => void) | undefined;
-    /** Callback  */
-    onPreviousPreview?: ((e: React.SyntheticEvent | KeyboardEvent) => void) | undefined;
-    pageLabel?: string | undefined;
-    errorLabel?: string | undefined;
-    loadingLabel?: string | undefined;
-    printActionTooltipLabel?: string | undefined;
-} & Omit<PreviewCriteriaAlternativeContentProps, "downloadSrc"> & React.RefAttributes<HTMLDivElement>>;
-export { PdfPreview, PdfPreviewProps };