@jetshop/ui 6.3.8-alpha-6 → 6.3.8-alpha.25

package/DropdownMenu/DropdownMenu.js

@@ -1,72 +0,0 @@
-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 { css, cx } from 'linaria';
-import React, { useContext, useRef } from 'react';
-import { withFlightUI } from '../withFlightUI';
-export const DropdownMenuContext = React.createContext(undefined);
-css `
-  global([data-flight-dropdown-open='false'] [data-flight-dropdown-items]) {
-    display: none;
-  }
-`;
-const styles = css `
-  position: relative;
-
-  [data-flight-dropdown-button] {
-    padding: 0.5em 1em;
-    border: 1px solid #c0c0c0;
-    border-radius: 3px;
-  }
-  [data-flight-dropdown-items] {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    background: white;
-    white-space: nowrap;
-    display: block;
-    z-index: 2;
-    outline: none;
-  }
-  [data-flight-dropdown-item] {
-    cursor: pointer;
-    border-top: 1px solid #c0c0c0;
-    white-space: nowrap;
-    padding: 0.5em 1em;
-    :hover {
-      color: blue;
-    }
-  }
-`;
-export const DropdownMenu = React.memo(function DropdownMenu(_a) {
-    var { initialOpen = false, unstyled, children, className } = _a, rest = __rest(_a, ["initialOpen", "unstyled", "children", "className"]);
-    const [isOpen, setIsOpen] = React.useState(initialOpen);
-    const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const itemRefs = useRef([]);
-    const value = React.useMemo(() => {
-        return {
-            isOpen,
-            setIsOpen,
-            selectedIndex,
-            setSelectedIndex,
-            itemRefs
-        };
-    }, [isOpen, selectedIndex]);
-    return withFlightUI(React.createElement(DropdownMenuContext.Provider, { value: value }, typeof children === 'function'
-        ? children({ isOpen, setIsOpen })
-        : children), Object.assign({ as: 'div', 'data-flight-dropdown': '', 'data-flight-dropdown-open': isOpen, unstyled, className: cx(styles, className) }, rest));
-});
-DropdownMenu.displayName = 'withFlightUI(DropdownMenu)';
-export function useDropdownMenu() {
-    const { isOpen, setIsOpen } = useContext(DropdownMenuContext);
-    return { isOpen, setIsOpen };
-}
-//# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAiB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAInD,SAAS,CAAC,CAAC;AAEd,GAAG,CAAA;;;;CAIF,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAWF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAMzC;QANyC,EAC3D,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoD,oDAM5D,CADQ;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACL,MAAM;YACN,SAAS;YACT,aAAa;YACb,gBAAgB;YAChB,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,OAAO,YAAY,CACjB,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,OAAO,QAAQ,KAAK,UAAU;QAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QACjC,CAAC,CAAC,QAAQ,CACiB,kBAE7B,EAAE,EAAE,KAAK,EACT,sBAAsB,EAAE,EAAE,EAC1B,2BAA2B,EAAE,MAAM,EACnC,QAAQ,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,IAE7B,IAAI,EAEV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAExD,MAAM,UAAU,eAAe;IAC7B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAC/B,CAAC"}

package/DropdownMenu/Item.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { As, FlightUIProps } from '../withFlightUI';
-export declare const Item: React.FC<{} & FlightUIProps & {
-    /** @default 'li' */
-    as?: As;
-    closeOnSelect?: boolean;
-    /** Function to call when selecting this item */
-    onSelect?: ({ isOpen, setIsOpen }: {
-        isOpen: boolean;
-        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    }) => void;
-    disabled?: boolean;
-}>;

package/DropdownMenu/Item.js

@@ -1,48 +0,0 @@
-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 React from 'react';
-import { withFlightUI } from '../withFlightUI';
-import { DropdownMenuContext, useDropdownMenu } from './DropdownMenu';
-export const Item = function Item(_a) {
-    var { onSelect, closeOnSelect, children, disabled, index } = _a, rest = __rest(_a, ["onSelect", "closeOnSelect", "children", "disabled", "index"]);
-    const { itemRefs } = React.useContext(DropdownMenuContext);
-    const { isOpen, setIsOpen } = useDropdownMenu();
-    const itemRef = React.createRef();
-    itemRefs.current[index] = itemRef;
-    const select = () => {
-        closeOnSelect && setIsOpen(false);
-        typeof onSelect === 'function' &&
-            !disabled &&
-            onSelect({ isOpen, setIsOpen });
-    };
-    const handleKeydown = (e) => {
-        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
-            e.preventDefault();
-            select();
-        }
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            if (itemRefs.current.length - 1 === index)
-                return;
-            itemRefs.current[index + 1].current.focus();
-        }
-        if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            if (index === 0)
-                return;
-            itemRefs.current[index - 1].current.focus();
-        }
-    };
-    const focusItem = () => itemRef.current && itemRef.current.focus();
-    return withFlightUI(children, Object.assign({ as: 'li', ref: itemRef, tabIndex: -1, onClick: select, onKeyDown: handleKeydown, onMouseEnter: focusItem, role: 'menuitem', 'data-flight-dropdown-item': '' }, rest));
-};
-//# sourceMappingURL=Item.js.map

package/DropdownMenu/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,CAAC,MAAM,IAAI,GAaV,SAAS,IAAI,CAAC,EAOpB;QAPoB,EACnB,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,KAAK,OAEN,EADI,IAAI,cANY,8DAOpB,CADQ;IAEP,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAe,CAAC;IAC/C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;IAElC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,aAAa,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;QAClC,OAAO,QAAQ,KAAK,UAAU;YAC5B,CAAC,QAAQ;YACT,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAiC,EAAE,EAAE;QAC1D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;SACV;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK;gBAAE,OAAO;YAClD,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC7C;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO;YACxB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC7C;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAEnE,OAAO,YAAY,CAAC,QAAQ,kBAC1B,EAAE,EAAE,IAAI,EACR,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,SAAS,EACvB,IAAI,EAAE,UAAU,EAChB,2BAA2B,EAAE,EAAE,IAC5B,IAAI,EACP,CAAC;AACL,CAAC,CAAC"}

package/DropdownMenu/Items.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { As, FlightUIProps } from '../withFlightUI';
-export declare const Items: React.FC<{
-    /** By default, the items are not rendered when the dropdownMenu's `isOpen` state is `false`.
-     * Set this to true if you would prefer the list to be hidden with `display: none`
-     * @default false
-     */
-    onlyHide?: boolean;
-    /** Whether the menu should close when clicking outside it.
-     * @default true
-     */
-    closeOnClickOutside?: boolean;
-} & FlightUIProps & {
-    /** @default 'ul' */
-    as?: As;
-}>;

package/DropdownMenu/Items.js

@@ -1,53 +0,0 @@
-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 React, { Children, useEffect, useRef } from 'react';
-import { useOnClickOutside, useOnEsc } from '../hooks';
-import { withFlightUI } from '../withFlightUI';
-import { DropdownMenuContext } from './DropdownMenu';
-export const Items = (_a) => {
-    var { onlyHide, closeOnClickOutside = true, children } = _a, rest = __rest(_a, ["onlyHide", "closeOnClickOutside", "children"]);
-    const { setIsOpen, itemRefs, isOpen } = React.useContext(DropdownMenuContext);
-    const ref = useRef();
-    const close = () => isOpen && setIsOpen(false);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        if (itemRefs.current.length > 0) {
-            itemRefs.current[0].current.focus();
-            return;
-        }
-        ref.current.focus();
-    }, [isOpen, itemRefs]);
-    useOnClickOutside({
-        condition: closeOnClickOutside,
-        action: close,
-        ref
-    });
-    useOnEsc({
-        condition: isOpen,
-        action: close
-    });
-    // TODO: full keyboard interactions specified @ https://www.w3.org/TR/wai-aria-practices-1.1/#menu
-    const childrenWithIndex = Children.map(children, (child, index) => {
-        return React.cloneElement(child, {
-            index
-        });
-    });
-    const El = withFlightUI(childrenWithIndex, Object.assign({ as: 'ul', role: 'menu', ref, tabIndex: -1, 'data-flight-dropdown-items': '' }, rest));
-    // Return the element and rely on the CSS to hide
-    if (onlyHide) {
-        return El;
-    }
-    // Otherwise don't render anything when menu is closed
-    return React.createElement(React.Fragment, null, isOpen ? El : null);
-};
-//# sourceMappingURL=Items.js.map

package/DropdownMenu/Items.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Items.js","sourceRoot":"","sources":["Items.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAqB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,KAAK,GAaX,CAAC,EAA2D,EAAE,EAAE;QAA/D,EAAE,QAAQ,EAAE,mBAAmB,GAAG,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAzD,+CAA2D,CAAF;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE9E,MAAM,GAAG,GAAG,MAAM,EAAe,CAAC;IAElC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO;SACR;QAED,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,iBAAiB,CAAC;QAChB,SAAS,EAAE,mBAAmB;QAC9B,MAAM,EAAE,KAAK;QACb,GAAG;KACJ,CAAC,CAAC;IAEH,QAAQ,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;IAEH,kGAAkG;IAElG,MAAM,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChE,OAAO,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE;YACrD,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,YAAY,CAAC,iBAAiB,kBACvC,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,MAAM,EACZ,GAAG,EACH,QAAQ,EAAE,CAAC,CAAC,EACZ,4BAA4B,EAAE,EAAE,IAC7B,IAAI,EACP,CAAC;IAEH,iDAAiD;IACjD,IAAI,QAAQ,EAAE;QACZ,OAAO,EAAE,CAAC;KACX;IAED,sDAAsD;IACtD,OAAO,0CAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACnC,CAAC,CAAC"}

package/DropdownMenu/index.d.ts

@@ -1,4 +0,0 @@
-export { Button as DropdownMenuButton } from './Button';
-export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
-export { Items as DropdownMenuItems } from './Items';
-export { Item as DropdownMenuItem } from './Item';

package/DropdownMenu/index.js

@@ -1,5 +0,0 @@
-export { Button as DropdownMenuButton } from './Button';
-export { DropdownMenu, useDropdownMenu } from './DropdownMenu';
-export { Items as DropdownMenuItems } from './Items';
-export { Item as DropdownMenuItem } from './Item';
-//# sourceMappingURL=index.js.map

package/DropdownMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,IAAI,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/ErrorBoundary/Generic.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface BoundaryErrorState {
-    error?: Error;
-    info?: React.ErrorInfo;
-}
-export interface BoundaryErrorProps {
-    component?: React.FC<BoundaryErrorState>;
-    extraInfo?: any;
-    children?: React.ReactNode;
-}
-export declare const DefaultError: React.FC<BoundaryErrorState>;
-declare class ErrorBoundary extends React.Component<BoundaryErrorProps, BoundaryErrorState> {
-    state: BoundaryErrorState;
-    static defaultProps: Partial<BoundaryErrorProps>;
-    componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
-}
-export default ErrorBoundary;

package/ErrorBoundary/Generic.js

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { styled } from 'linaria/react';
-const Wrapper = styled('section') `
-  width: 57ch;
-  max-width: 100%;
-  margin: 4rem auto;
-  padding: 1rem;
-  a {
-    display: inline-block;
-    margin: 1rem 0 3rem 0;
-    border-radius: 3px;
-    padding: 0.5rem;
-    text-decoration: none;
-    font-weight: 600;
-    background: #e2e2e2;
-    border: 1px solid #c3c3c3;
-    color: #000;
-    :hover {
-      background: #eaeaea;
-    }
-  }
-  h1 {
-    font-size: 1.5rem;
-    margin-bottom: 2rem;
-  }
-  pre {
-    font-size: 0.875rem;
-    line-height: 1.5;
-    color: #585858;
-  }
-`;
-export const DefaultError = ({ error, info }) => (React.createElement(Wrapper, null,
-    React.createElement("h1", null, "Something went wrong!"),
-    React.createElement("p", null, "Sorry! Our developers have been notified."),
-    React.createElement("div", null,
-        React.createElement("a", { href: "/" }, "Go back to the start page")),
-    process.env.NODE_ENV !== 'production' && (React.createElement("div", null,
-        error && React.createElement("p", null,
-            "Error: ",
-            error.message),
-        info && React.createElement("pre", null, info.componentStack)))));
-class ErrorBoundary extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            error: undefined,
-            info: undefined
-        };
-    }
-    componentDidCatch(error, info) {
-        this.setState({ error, info });
-    }
-    render() {
-        const Comp = this.props.component;
-        if (!this.state.error) {
-            return this.props.children;
-        }
-        return React.createElement(Comp, Object.assign({}, this.state));
-    }
-}
-ErrorBoundary.defaultProps = {
-    component: DefaultError
-};
-export default ErrorBoundary;
-//# sourceMappingURL=Generic.js.map

package/ErrorBoundary/Generic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Generic.js","sourceRoot":"","sources":["Generic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BhC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAiC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7E,oBAAC,OAAO;IACN,wDAA8B;IAC9B,2EAAgD;IAChD;QACE,2BAAG,IAAI,EAAC,GAAG,gCAA8B,CACrC;IACL,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CACxC;QACG,KAAK,IAAI;;YAAW,KAAK,CAAC,OAAO,CAAK;QACtC,IAAI,IAAI,iCAAM,IAAI,CAAC,cAAc,CAAO,CACrC,CACP,CACO,CACX,CAAC;AAEF,MAAM,aAAc,SAAQ,KAAK,CAAC,SAGjC;IAHD;;QAIE,UAAK,GAAuB;YAC1B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB,CAAC;IAmBJ,CAAC;IAbC,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACnD,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAyC,CAAC;QAElE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;SAC5B;QAED,OAAO,oBAAC,IAAI,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAC;IAClC,CAAC;;AAhBM,0BAAY,GAAgC;IACjD,SAAS,EAAE,YAAY;CACxB,CAAC;AAiBJ,eAAe,aAAa,CAAC"}

package/ErrorBoundary/PassThrough.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const PassThrough: React.FC;
-export default PassThrough;

package/ErrorBoundary/PassThrough.js

@@ -1,7 +0,0 @@
-// This should be used in cases where it is more desired to render nothing
-// rather than rendering a message when an error boundary is hit.
-const PassThrough = () => {
-    return null;
-};
-export default PassThrough;
-//# sourceMappingURL=PassThrough.js.map

package/ErrorBoundary/PassThrough.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PassThrough.js","sourceRoot":"","sources":["PassThrough.tsx"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,iEAAiE;AACjE,MAAM,WAAW,GAAa,GAAG,EAAE;IACjC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/Gallery/Gallery.d.ts

@@ -1,39 +0,0 @@
-import { ProductImage } from '@jetshop/core/types';
-import * as React from 'react';
-import 'react-image-gallery/styles/css/image-gallery.css';
-export interface GalleryProps {
-    images: ProductImage[];
-    /** @default null
-     * The aspect ratio used for the gallery images. If unknown, pass `null` */
-    aspect?: string;
-    /**
-     * @default [1, 1, 1, 1 / 2, 1 / 2]
-     * An array of sizes to be used for the img
-     * srcSet. Each size maps to a breakpoint */
-    sizes?: number[];
-    /**
-     * @default ['5rem']
-     */
-    thumbnailSizes?: number[];
-    /**
-     * @default [1, 1, 1, 1 ]
-     */
-    fullScreenSizes?: number[];
-    /** @default bottom
-     * The position of image thumbnails */
-    thumbnailPosition?: 'top' | 'right' | 'bottom' | 'left';
-    /** The desired background colour for the gallery */
-    backgroundColor?: string;
-    /** A ref to forward on to the image gallery in order to access imperative functions */
-    galleryRef?: {
-        current: any;
-    };
-    quality?: number;
-    thumbnailQuality?: number;
-    eagerlyLoad?: number[];
-}
-export interface GalleryState {
-    isFullscreen: boolean;
-}
-declare const Gallery: React.FC<GalleryProps>;
-export default Gallery;

package/Gallery/Gallery.js

@@ -1,121 +0,0 @@
-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 * as React from 'react';
-import { styled } from 'linaria/react';
-import { css } from 'linaria';
-import ImageGallery from 'react-image-gallery';
-import 'react-image-gallery/styles/css/image-gallery.css';
-import { constructGallery } from './constructGallery';
-import Image from '@jetshop/ui/Image/Image';
-import ChannelContext from '@jetshop/core/components/ChannelContext';
-import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
-const wrapperStyles = css `
-  position: relative;
-  img {
-    max-height: 100vh;
-  }
-  .image-gallery {
-    z-index: 3;
-  }
-  .image-gallery-image {
-    text-align: center;
-  }
-  .image-gallery-thumbnail-inner {
-    font-size: 10px;
-  }
-  .image-gallery-right-nav,
-  .image-gallery-left-nav,
-  .image-gallery-fullscreen-button {
-    z-index: 2;
-    font-size: 2rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    height: 2.5rem;
-    width: 2.5rem;
-    border-radius: 50%;
-    margin: 0 0.5rem;
-    filter: none;
-    .image-gallery-svg {
-      color: #333333;
-      height: 30px;
-      polyline {
-        color: #333333;
-      }
-    }
-  }
-  .image-gallery-fullscreen-button {
-    margin-bottom: 0.5rem;
-  }
-  .image-gallery-fullscreen-button:before {
-    text-shadow: none;
-    font-size: 0.7em;
-    padding: 0;
-  }
-  .image-gallery-thumbnail.active {
-    border-width: 1px;
-  }
-  .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,
-  .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-  .fullscreen {
-    .image-gallery-fullscreen-button {
-      margin: 2rem;
-    }
-    .image-gallery-right-nav,
-    .image-gallery-left-nav {
-      margin: 0 2rem;
-    }
-    img {
-      width: auto;
-      max-width: 100%;
-    }
-    .image-gallery-thumbnails-wrapper {
-      display: none;
-    }
-  }
-  .image-gallery-slide {
-    background-color: var(--slide-bg);
-  }
-`;
-const Overlay = styled('div') `
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-`;
-const Gallery = function Gallery(props) {
-    const { sizes = [1, 1, 1, 1 / 2, 1 / 2], fullScreenSizes = [1, 1, 1, 1], thumbnailSizes = ['5rem'], aspect = '1:1', thumbnailPosition = 'bottom', backgroundColor = 'white', thumbnailQuality, quality, images, galleryRef, eagerlyLoad = [0] } = props, rest = __rest(props, ["sizes", "fullScreenSizes", "thumbnailSizes", "aspect", "thumbnailPosition", "backgroundColor", "thumbnailQuality", "quality", "images", "galleryRef", "eagerlyLoad"]);
-    const { theme: { breakpoints } } = useShopConfig();
-    const { selectedChannel } = React.useContext(ChannelContext);
-    const baseUrl = (selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.url) ? String(selectedChannel.url) : null;
-    const [isFullscreen, setFullscreen] = React.useState(false);
-    const galleryImages = React.useMemo(() => constructGallery(images, fullScreenSizes, aspect, baseUrl, breakpoints), [aspect, baseUrl, breakpoints, fullScreenSizes, images]);
-    return (React.createElement("div", { className: wrapperStyles, style: { ['--slide-bg']: backgroundColor } },
-        React.createElement(ImageGallery, Object.assign({ ref: (r) => (galleryRef ? (galleryRef.current = r) : null), thumbnailPosition: thumbnailPosition, items: galleryImages, autoPlay: false, showPlayButton: false, showThumbnails: galleryImages.length > 1, useBrowserFullscreen: false, preventDefaultTouchmoveEvent: isFullscreen, onScreenChange: (el) => setFullscreen(!!el), renderItem: (item) => {
-                return (React.createElement("div", { className: "image-gallery-image" }, isFullscreen ? (React.createElement("img", { src: item.original, alt: item.originalAlt, srcSet: item.srcSet, sizes: item.sizes, title: item.originalTitle })) : (React.createElement(React.Fragment, null,
-                    React.createElement(Image, { src: item.original, alt: item.originalAlt, sizes: sizes, title: item.originalTitle, aspect: aspect, quality: quality, modifiedDate: item.modifiedDate, critical: eagerlyLoad.includes(item.index) }),
-                    props.children && React.createElement(Overlay, null, props.children)))));
-            }, renderThumbInner: (item) => {
-                return (React.createElement("div", { className: "image-gallery-thumbnail-inner" },
-                    React.createElement(Image, { src: item.thumbnail, alt: item.thumbnailAlt, title: item.thumbnailTitle, sizes: thumbnailSizes, aspect: aspect, quality: thumbnailQuality, modifiedDate: item.modifiedDate }),
-                    item.thumbnailLabel && (React.createElement("div", { className: "image-gallery-thumbnail-label" }, item.thumbnailLabel))));
-            } }, rest))));
-};
-export default Gallery;
-//# sourceMappingURL=Gallery.js.map

package/Gallery/Gallery.js.map

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

package/Gallery/constructGallery.d.ts

@@ -1,15 +0,0 @@
-import { ProductImage } from '@jetshop/core/types';
-export declare function constructGallery(images: ProductImage[], sizes: number[], aspect: string, baseUrl: string, breakpoints: {
-    [label: string]: string;
-}): {
-    index: number;
-    original: string;
-    originalAlt: string;
-    originalTitle: string;
-    thumbnail: string;
-    thumbnailAlt: string;
-    thumbnailTitle: string;
-    sizes: string;
-    srcSet: string;
-    modifiedDate: string;
-}[];

package/Gallery/constructGallery.js

@@ -1,40 +0,0 @@
-import { getFullUrl } from '../Image/utils/getFullUrl';
-import { getImageWidths } from '../Image/utils/getImageWidths';
-import { getLargestSize } from '../Image/utils/getLargestSize';
-import { getSizesMap } from '../Image/utils/getSizesMap';
-import { getSmallestSize } from '../Image/utils/getSmallestSize';
-import { getSrcSetFromWidths } from '../Image/utils/getSrcSetFromWidths';
-export function constructGallery(images, sizes, aspect, baseUrl, breakpoints) {
-    const calculatedSizes = getSizesMap(breakpoints, sizes);
-    // Get required set of image widths
-    const widths = getImageWidths(breakpoints, sizes);
-    return images.map((img, index) => {
-        const url = img.url || img.sizes;
-        let imageSrc;
-        let thumbSrc;
-        if (Array.isArray(url)) {
-            // maintain support for deprecated image sizes object
-            imageSrc = getFullUrl(getLargestSize(url), baseUrl);
-            thumbSrc = getFullUrl(getSmallestSize(url), baseUrl);
-        }
-        else {
-            imageSrc = getFullUrl(url, baseUrl);
-            thumbSrc = imageSrc;
-        }
-        // Generate image urls for the required image sizes
-        const srcSet = getSrcSetFromWidths(imageSrc, widths, aspect, { crop: false, webp: false }, img.modifiedDate);
-        return {
-            index,
-            original: imageSrc,
-            originalAlt: img.alt,
-            originalTitle: img.title,
-            thumbnail: thumbSrc,
-            thumbnailAlt: img.alt,
-            thumbnailTitle: img.title,
-            sizes: calculatedSizes,
-            srcSet,
-            modifiedDate: img.modifiedDate
-        };
-    });
-}
-//# sourceMappingURL=constructGallery.js.map

package/Gallery/constructGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constructGallery.js","sourceRoot":"","sources":["constructGallery.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,UAAU,gBAAgB,CAC9B,MAAsB,EACtB,KAAe,EACf,MAAc,EACd,OAAe,EACf,WAAwC;IAExC,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACxD,mCAAmC;IACnC,MAAM,MAAM,GAAG,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAClD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC/B,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;QAEjC,IAAI,QAAgB,CAAC;QACrB,IAAI,QAAgB,CAAC;QAErB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtB,qDAAqD;YACrD,QAAQ,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;YACpD,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;SACtD;aAAM;YACL,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACpC,QAAQ,GAAG,QAAQ,CAAC;SACrB;QAED,mDAAmD;QACnD,MAAM,MAAM,GAAG,mBAAmB,CAChC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAC5B,GAAG,CAAC,YAAY,CACjB,CAAC;QACF,OAAO;YACL,KAAK;YACL,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,GAAG,CAAC,GAAG;YACpB,aAAa,EAAE,GAAG,CAAC,KAAK;YACxB,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,GAAG,CAAC,GAAG;YACrB,cAAc,EAAE,GAAG,CAAC,KAAK;YACzB,KAAK,EAAE,eAAe;YACtB,MAAM;YACN,YAAY,EAAE,GAAG,CAAC,YAAY;SAC/B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/Image/BaseImage.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { ProductImageSize } from '@jetshop/core/types';
-export type ImageSrcType = string | ProductImageSize[];
-export type BreakpointValues = string[];
-export type ImageBreakpointSize = number | string;
-export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
-export type AspectRatio = string | number;
-export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-export interface ImageParameters {
-    src: string | boolean;
-    sizes: string;
-    hasFalsySrc: boolean;
-    srcset: string;
-    webpSrcset: string;
-    lqip: string;
-    /**
-     * The aspect ratio of the image
-     * If unknown, use null to preserve original aspect ratio
-     */
-    aspect?: string;
-    critical?: boolean;
-}
-export interface ImageProps extends ImageParameters {
-    /** Whether or not to use `background-size: cover` */
-    cover?: boolean;
-    error?: (args: any) => React.ReactElement<any>;
-    alt?: string;
-    title?: string;
-    /**
-     * Useful for banner images. Sets the following CSS automatically:
-     * object-fit: cover
-     * padding-top: 0;
-     */
-    fillAvailableSpace?: boolean;
-    className?: string;
-    badges?: React.ReactElement<any>;
-}
-declare const Image: React.FC<ImageProps>;
-export default Image;