@jetshop/ui 6.3.9-alpha.1 → 6.5.0

package/WindowGrid/useScrollWithWindow.js

@@ -0,0 +1,39 @@
+import { useRef, useState, useCallback, useLayoutEffect } from 'react';
+function useScrollWithWindow({ container, width, height }) {
+    const [offset, setOffset] = useState(0);
+    const ref = useRef();
+    // Calculate offset from top of the page to the start of WindowGrid whenever
+    // the container size is changed
+    useLayoutEffect(() => {
+        if (container.current) {
+            const viewportTop = container.current.getBoundingClientRect().top;
+            const scrollTop = 'scrollY' in window
+                ? window.scrollY
+                : document.documentElement.scrollTop;
+            const top = scrollTop + viewportTop;
+            setOffset(top);
+        }
+    }, [container, width, height]);
+    // Sync scrolling between window and react-window list
+    const handleScroll = useCallback(() => {
+        if (ref.current) {
+            const scroll = 'scrollY' in window
+                ? window.scrollY
+                : document.documentElement.scrollTop;
+            ref.current.scrollTo(scroll - offset);
+        }
+    }, [ref, offset]);
+    useLayoutEffect(() => {
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [handleScroll]);
+    return {
+        ref
+    };
+}
+function useScrollWithWindowServer(_props) {
+    const ref = useRef();
+    return { ref };
+}
+export default __IN_SERVER__ ? useScrollWithWindowServer : useScrollWithWindow;
+//# sourceMappingURL=useScrollWithWindow.js.map

package/WindowGrid/useScrollWithWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollWithWindow.js","sourceRoot":"","sources":["useScrollWithWindow.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,QAAQ,EACR,WAAW,EACX,eAAe,EAEhB,MAAM,OAAO,CAAC;AASf,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAoB;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,GAAG,GAAG,MAAM,EAAiB,CAAC;IAEpC,4EAA4E;IAC5E,gCAAgC;IAChC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;YAClE,MAAM,SAAS,GACb,SAAS,IAAI,MAAM;gBACjB,CAAC,CAAC,MAAM,CAAC,OAAO;gBAChB,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;YAEzC,MAAM,GAAG,GAAG,SAAS,GAAG,WAAW,CAAC;YACpC,SAAS,CAAC,GAAG,CAAC,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,sDAAsD;IACtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,MAAM,MAAM,GACV,SAAS,IAAI,MAAM;gBACjB,CAAC,CAAC,MAAM,CAAC,OAAO;gBAChB,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;YAEzC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO;QACL,GAAG;KACJ,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB,CAAC,MAAwB;IACzD,MAAM,GAAG,GAAG,MAAM,EAAiB,CAAC;IACpC,OAAO,EAAE,GAAG,EAAE,CAAC;AACjB,CAAC;AAED,eAAe,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC"}

package/fuzzySearch/fuzzySearch.d.ts

@@ -0,0 +1,8 @@
+export interface FuzzySearchProps<T> {
+    data: T[];
+    keys: string[];
+    searchTerm: string;
+    rest: any;
+}
+declare const fuzzySearch: <T>({ data, keys, searchTerm, ...rest }: FuzzySearchProps<T>) => T[];
+export { fuzzySearch };

package/fuzzySearch/fuzzySearch.js

@@ -0,0 +1,43 @@
+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 Fuse from 'fuse.js';
+const highlight = (text, indices) => {
+    if (!indices)
+        return text;
+    var content = '', nextUnhighlightedRegionStartingIndex = 0;
+    indices.forEach(function (region) {
+        content +=
+            '' +
+                text.substring(nextUnhighlightedRegionStartingIndex, region[0]) +
+                '<span class="highlight">' +
+                text.substring(region[0], region[1] + 1) +
+                '</span>' +
+                '';
+        nextUnhighlightedRegionStartingIndex = region[1] + 1;
+    });
+    content += text.substring(nextUnhighlightedRegionStartingIndex);
+    return content;
+};
+const highlightResults = (results) => {
+    return results.map((result) => (Object.assign(Object.assign({}, result.item), result.matches.reduce((acc, match) => (Object.assign(Object.assign({}, acc), { [match.key]: highlight(match.value, match.indices) })), {}))));
+};
+const fuzzySearch = (_a) => {
+    var { data, keys, searchTerm } = _a, rest = __rest(_a, ["data", "keys", "searchTerm"]);
+    const fuse = new Fuse(data, Object.assign(Object.assign({ shouldSort: true, matchAllTokens: true, tokenize: true, threshold: 0.26, location: 0, distance: 255, maxPatternLength: 32, minMatchCharLength: 3, keys }, rest), { 
+        // This needs to be enabled
+        includeMatches: true }));
+    const results = fuse.search(searchTerm);
+    const highlightedResults = highlightResults(results);
+    return highlightedResults;
+};
+export { fuzzySearch };
+//# sourceMappingURL=fuzzySearch.js.map

package/fuzzySearch/fuzzySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuzzySearch.js","sourceRoot":"","sources":["fuzzySearch.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAoB,MAAM,SAAS,CAAC;AAgB3C,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,OAA2B,EAAE,EAAE;IAC9D,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,OAAO,GAAG,EAAE,EACd,oCAAoC,GAAG,CAAC,CAAC;IAE3C,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM;QAC9B,OAAO;YACL,EAAE;gBACF,IAAI,CAAC,SAAS,CAAC,oCAAoC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC/D,0BAA0B;gBAC1B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACxC,SAAS;gBACT,EAAE,CAAC;QACL,oCAAoC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,oCAAoC,CAAC,CAAC;IAEhE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAI,OAAwB,EAAE,EAAE;IACvD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCAC1B,MAAM,CAAC,IAAI,GACX,MAAM,CAAC,OAAO,CAAC,MAAM,CACtB,CAAC,GAAuB,EAAE,KAAY,EAAE,EAAE,CAAC,iCACtC,GAAG,KACN,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAClD,EACF,EAAE,CACH,EACD,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAI,EAKF,EAAO,EAAE;QALP,EACtB,IAAI,EACJ,IAAI,EACJ,UAAU,OAEU,EADjB,IAAI,cAJe,8BAKvB,CADQ;IAEP,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,gCACxB,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,gBAAgB,EAAE,EAAE,EACpB,kBAAkB,EAAE,CAAC,EACrB,IAAI,IACD,IAAI;QAEP,2BAA2B;QAC3B,cAAc,EAAE,IAAI,IACpB,CAAC;IACH,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/fuzzySearch/index.d.ts

@@ -0,0 +1 @@
+export { fuzzySearch } from './fuzzySearch';

package/fuzzySearch/index.js

@@ -0,0 +1,2 @@
+export { fuzzySearch } from './fuzzySearch';
+//# sourceMappingURL=index.js.map

package/fuzzySearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useOnEsc';
+export * from './useOnClickOutside';

package/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useOnEsc';
+export * from './useOnClickOutside';
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC"}

package/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare function useOnClickOutside({ condition, ref, action }: {
+    condition?: boolean;
+    ref: RefObject<any>;
+    action: () => void;
+}): void;

package/hooks/useOnClickOutside.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+export function useOnClickOutside({ condition, ref, action }) {
+    useEffect(() => {
+        const listener = (e) => {
+            if (!condition || !ref.current)
+                return;
+            if (!ref.current.contains(e.target)) {
+                action();
+            }
+        };
+        document.addEventListener('click', listener);
+        return () => {
+            document.removeEventListener('click', listener);
+        };
+    }, [action, condition, ref]);
+}
+//# sourceMappingURL=useOnClickOutside.js.map

package/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,EACH,MAAM,EAKP;IACC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,CAA+B,EAAE,EAAE;YACnD,IAAI,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YAEvC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACnC,MAAM,EAAE,CAAC;aACV;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/hooks/useOnEsc.d.ts

@@ -0,0 +1,4 @@
+export declare function useOnEsc({ condition, action }: {
+    condition?: boolean;
+    action: Function;
+}): void;

package/hooks/useOnEsc.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+export function useOnEsc({ condition = true, action }) {
+    useEffect(() => {
+        if (!condition)
+            return;
+        // close when pressing ESC
+        const listener = (e) => {
+            if (condition && e.key === 'Escape')
+                action();
+        };
+        document.addEventListener('keydown', listener);
+        return () => {
+            document.removeEventListener('keydown', listener);
+        };
+    }, [action, condition]);
+}
+//# sourceMappingURL=useOnEsc.js.map

package/hooks/useOnEsc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnEsc.js","sourceRoot":"","sources":["useOnEsc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,GAAG,IAAI,EAChB,MAAM,EAIP;IACC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,CAAC,CAAiC,EAAE,EAAE;YACrD,IAAI,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,MAAM,EAAE,CAAC;QAChD,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;AAC1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetshop/ui",
-  "version": "6.3.9-alpha.1+668b5ce4b",
+  "version": "6.5.0",
   "license": "MIT",
   "files": [
     "**/*.js",
@@ -16,6 +16,7 @@
     "build": "tsc --noEmit false",
     "test": "react-scripts test",
     "test:watch": "react-scripts test --watch",
+    "prepack": "yarn build",
     "preversion": "yarn build"
   },
   "lint-staged": {
@@ -60,5 +61,5 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "gitHead": "668b5ce4b7b6780327589a54333ba7f729be66f1"
+  "gitHead": "3898ede94a4f8b226386df7b370bb2bc865337d7"
 }

package/utils/breakpoints.d.ts

@@ -0,0 +1,23 @@
+export type Breakpoint = {
+    label: string;
+    size: string;
+};
+declare const findBreakpoint: (label: string, breakpointMap: Breakpoint[]) => Breakpoint;
+declare const getBreakpointValue: (label: string | Breakpoint, breakpointMap: Breakpoint[]) => string;
+declare const getMaxBreakpointValue: (label: string | Breakpoint, breakpointMap: BreakpointMap<any, any>[]) => string;
+declare function getNextBreakpoint(label: string, breakpointMap: Breakpoint[]): Breakpoint;
+export interface BreakpointModel {
+    [key: string]: string;
+}
+export interface BreakpointMap<T extends BreakpointModel, K extends keyof T> {
+    label: K;
+    size: T[K];
+}
+declare function createBreakpointHelpers<T extends BreakpointModel, K extends keyof T>(breakpoints: T): {
+    breakpointMap: BreakpointMap<T, K>[];
+    above: { [P in K]: string; };
+    below: { [P_1 in K]: string; };
+    between: any;
+    only: { [P_2 in K]: string; };
+};
+export { findBreakpoint, getBreakpointValue, getMaxBreakpointValue, getNextBreakpoint, createBreakpointHelpers };

package/utils/breakpoints.js

@@ -0,0 +1,94 @@
+const findBreakpoint = (label, breakpointMap) => breakpointMap.find((bp) => bp.label === label);
+const getBreakpointValue = (label, breakpointMap) => typeof label === 'object'
+    ? label.size
+    : findBreakpoint(label, breakpointMap).size;
+const getMaxBreakpointValue = (label, breakpointMap) => {
+    if (label === null)
+        return;
+    /**
+     * We do this to prevent collions between breakpoints.
+     * https://www.w3.org/TR/mediaqueries-4/#range-context
+     */
+    const breakpointValue = getBreakpointValue(label, breakpointMap).toString();
+    const postfix = breakpointValue.match(/[a-zA-Z]+/) || '';
+    const value = parseInt(breakpointValue.match(/[0-9]+/)[0], 10);
+    return `${value - 0.01}${postfix}`;
+};
+function getNextBreakpoint(label, breakpointMap) {
+    const index = breakpointMap.indexOf(findBreakpoint(label, breakpointMap));
+    return index !== breakpointMap.length - 1 ? breakpointMap[index + 1] : null;
+}
+function createBreakpointHelpers(breakpoints) {
+    const labels = Object.keys(breakpoints);
+    const breakpointMap = Object.values(breakpoints).reduce((arr, size, index) => {
+        return [
+            ...arr,
+            {
+                label: labels[index],
+                size: size
+            }
+        ];
+    }, []);
+    const above = breakpointMap.reduce((obj, bp) => {
+        return Object.assign(Object.assign({}, obj), { [bp.label]: `@media (min-width: ${bp.size})` });
+    }, {});
+    // {
+    // md: 'sdfsdfsd'
+    // }
+    const below = breakpointMap.reduce((obj, bp) => {
+        return Object.assign(Object.assign({}, obj), { [bp.label]: `@media (max-width: ${getMaxBreakpointValue(bp.label, breakpointMap)})` });
+    }, {});
+    const between = breakpointMap.reduce((obj, bp, breakpointMapIndex) => {
+        /**
+         * Create an array of min - max labels for each breakpoint
+         * (xs-md, xs-lg etc)
+         */
+        const breakpointLabels = labels
+            .reduce((arr, label, breakpointLabelIndex) => {
+            return [
+                ...arr,
+                bp.label === label
+                    ? null
+                    : breakpointMapIndex < breakpointLabelIndex
+                        ? {
+                            name: `${String(bp.label)}-${label}`,
+                            from: bp.label,
+                            to: label
+                        }
+                        : null
+            ];
+        }, [])
+            .filter((bp) => bp !== null);
+        /**
+         * Create an array of CSS media queries from the breakpoint labels
+         */
+        const mediaQueries = breakpointLabels.reduce((obj, bpName) => {
+            return Object.assign(Object.assign({}, obj), { [bpName.name]: `@media (min-width: ${bp.size}) and (max-width: ${breakpointMap.find((bp) => bp.label === bpName.to).size})` });
+        }, {});
+        return Object.assign(Object.assign({}, obj), mediaQueries);
+    }, {});
+    const only = breakpointMap.reduce((obj, bp) => {
+        const nextBreakpoint = getNextBreakpoint(bp.label, breakpointMap);
+        const nextSize = nextBreakpoint
+            ? getMaxBreakpointValue(nextBreakpoint.label, breakpointMap)
+            : null;
+        return Object.assign(Object.assign({}, obj), { 
+            /**
+             * Create min-max queries to target the specific size requested.
+             * The last size in the array has no upper limit, so acts the same as
+             * `from`
+             */
+            [bp.label]: nextSize
+                ? `@media (min-width: ${bp.size}) and (max-width: ${nextSize})`
+                : `@media (min-width: ${bp.size})` });
+    }, {});
+    return {
+        breakpointMap,
+        above,
+        below,
+        between,
+        only
+    };
+}
+export { findBreakpoint, getBreakpointValue, getMaxBreakpointValue, getNextBreakpoint, createBreakpointHelpers };
+//# sourceMappingURL=breakpoints.js.map

package/utils/breakpoints.js.map

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

package/utils/callAllEventHandlers.d.ts

@@ -0,0 +1,5 @@
+import { FormEvent } from 'react';
+/**
+ * This will call all event handler functions passed to it in order.
+ */
+export declare function callAllEventHandlers(...fns: Function[]): (event: FormEvent<HTMLInputElement>, ...args: any[]) => void;

package/utils/callAllEventHandlers.js

@@ -0,0 +1,9 @@
+/**
+ * This will call all event handler functions passed to it in order.
+ */
+export function callAllEventHandlers(...fns) {
+    return (event, ...args) => fns.forEach(fn => {
+        fn && fn(event, ...args);
+    });
+}
+//# sourceMappingURL=callAllEventHandlers.js.map

package/utils/callAllEventHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callAllEventHandlers.js","sourceRoot":"","sources":["callAllEventHandlers.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAG,GAAe;IACrD,OAAO,CAAC,KAAkC,EAAE,GAAG,IAAW,EAAE,EAAE,CAC5D,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACf,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACP,CAAC"}

package/utils/text.d.ts

@@ -0,0 +1 @@
+export declare const titleCase: (text: string) => string;

package/utils/text.js

@@ -0,0 +1,23 @@
+/*
+ * Based on To Title Case 2.1 – http://individed.com/code/to-title-case/
+ * Copyright © 2008–2013 David Gouch. Licensed under the MIT License.
+ */
+export const titleCase = (text) => {
+    const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\.?|via)$/i;
+    return text.replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g, (match, index, title) => {
+        if (index > 0 &&
+            index + match.length !== title.length &&
+            match.search(smallWords) > -1 &&
+            title.charAt(index - 2) !== ':' &&
+            (title.charAt(index + match.length) !== '-' ||
+                title.charAt(index - 1) === '-') &&
+            title.charAt(index - 1).search(/[^\s-]/) < 0) {
+            return match.toLowerCase();
+        }
+        if (match.substr(1).search(/[A-Z]|\../) > -1) {
+            return match;
+        }
+        return match.charAt(0).toUpperCase() + match.substr(1);
+    });
+};
+//# sourceMappingURL=text.js.map

package/utils/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["text.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,EAAE;IACxC,MAAM,UAAU,GAAG,4EAA4E,CAAC;IAEhG,OAAO,IAAI,CAAC,OAAO,CACjB,mCAAmC,EACnC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QACtB,IACE,KAAK,GAAG,CAAC;YACT,KAAK,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;YACrC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC7B,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG;YAC/B,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG;gBACzC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC;YAClC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC5C;YACA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;SAC5B;QAED,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE;YAC5C,OAAO,KAAK,CAAC;SACd;QAED,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CACF,CAAC;AACJ,CAAC,CAAC"}

package/utils/theme.d.ts

@@ -0,0 +1,3 @@
+export declare const get: (obj: any, path: any, fallback: any) => any;
+declare const theme: (keys: any, fallback?: any) => (props: any) => any;
+export default theme;

package/utils/theme.js

@@ -0,0 +1,5 @@
+export const get = (obj, path, fallback) => path.split('.').reduce((a, b) => (a && a[b] ? a[b] : null), obj) ||
+    fallback;
+const theme = (keys, fallback) => (props) => get(props.theme, keys, fallback);
+export default theme;
+//# sourceMappingURL=theme.js.map

package/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAQ,EAAE,IAAS,EAAE,QAAa,EAAE,EAAE,CACxD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;IAC1E,QAAQ,CAAC;AAEX,MAAM,KAAK,GAAG,CAAC,IAAS,EAAE,QAAc,EAAE,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE,CAC1D,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,KAAK,CAAC"}

package/utils/useHoverIntent.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface OptionType {
+    ref?: React.Ref<HTMLElement | null>;
+    sensitivity?: number;
+    interval?: number;
+    timeout?: number;
+    onHover?: () => void;
+}
+export declare function useHoverIntent(options?: OptionType): (boolean | import("react").MutableRefObject<HTMLElement>)[];
+export {};

package/utils/useHoverIntent.js

@@ -0,0 +1,78 @@
+import { useState, useEffect, useRef, useImperativeHandle } from 'react';
+export function useHoverIntent(options = {}) {
+    const { ref, sensitivity = 1, interval = 100, timeout = 0, onHover = () => null } = options;
+    const intentRef = useRef(null);
+    const [isHovering, setIsHovering] = useState(false);
+    let x = 0, y = 0, pX = 0, pY = 0, timer = 0;
+    const delay = (_e) => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        return setIsHovering(false);
+    };
+    const tracker = (e) => {
+        x = e.clientX;
+        y = e.clientY;
+    };
+    const compare = (e) => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        if (Math.abs(pX - x) + Math.abs(pY - y) < sensitivity) {
+            if (!isHovering) {
+                onHover();
+            }
+            return setIsHovering(true);
+        }
+        else {
+            pX = x;
+            pY = y;
+            timer = window.setTimeout(() => compare(e), interval);
+        }
+    };
+    const dispatchOver = (e) => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        if (intentRef.current) {
+            intentRef.current.removeEventListener('mousemove', tracker, false);
+        }
+        if (!isHovering) {
+            pX = e.clientX;
+            pY = e.clientY;
+            if (intentRef.current) {
+                intentRef.current.addEventListener('mousemove', tracker, false);
+            }
+            timer = window.setTimeout(() => compare(e), interval);
+        }
+    };
+    const dispatchOut = (e) => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        if (intentRef.current) {
+            intentRef.current.removeEventListener('mousemove', tracker, false);
+        }
+        if (isHovering) {
+            timer = window.setTimeout(() => delay(e), timeout);
+        }
+    };
+    useEffect(() => {
+        const currentRef = intentRef.current;
+        if (currentRef) {
+            currentRef.addEventListener('mouseover', dispatchOver, false);
+            currentRef.addEventListener('mouseout', dispatchOut, false);
+        }
+        return () => {
+            if (timer)
+                clearTimeout(timer);
+            if (currentRef) {
+                currentRef.removeEventListener('mouseover', dispatchOver, false);
+                currentRef.removeEventListener('mouseout', dispatchOut, false);
+            }
+        };
+    });
+    useImperativeHandle(ref, () => intentRef.current, [intentRef]);
+    return [isHovering, intentRef];
+}
+//# sourceMappingURL=useHoverIntent.js.map

package/utils/useHoverIntent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverIntent.js","sourceRoot":"","sources":["useHoverIntent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAUzE,MAAM,UAAU,cAAc,CAAC,UAAsB,EAAE;IACrD,MAAM,EACJ,GAAG,EACH,WAAW,GAAG,CAAC,EACf,QAAQ,GAAG,GAAG,EACd,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EACrB,GAAG,OAAO,CAAC;IACZ,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,EACL,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,KAAK,GAAG,CAAC,CAAC;IACZ,MAAM,KAAK,GAAG,CAAC,EAAc,EAAE,EAAE;QAC/B,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;QAChC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;QACd,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;QAChC,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,WAAW,EAAE;YACrD,IAAI,CAAC,UAAU,EAAE;gBACf,OAAO,EAAE,CAAC;aACX;YACD,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;SAC5B;aAAM;YACL,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,CAAC,CAAC;YACP,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;SACpE;QACD,IAAI,CAAC,UAAU,EAAE;YACf,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;YACf,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;YACf,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;aACjE;YACD,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;QACpC,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;SACpE;QACD,IAAI,UAAU,EAAE;YACd,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;SACpD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;QACrC,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;YAC9D,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;SAC7D;QAED,OAAO,GAAG,EAAE;YACV,IAAI,KAAK;gBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YAC/B,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;gBACjE,UAAU,CAAC,mBAAmB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;aAChE;QACH,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE/D,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACjC,CAAC"}

package/utils/usePropsOfType.d.ts

@@ -0,0 +1,11 @@
+import { Product, Category, StringValue } from '@jetshop/core/types';
+type ItemList = string | Product | Category;
+export declare function usePropsOfType(props: {
+    [key: string]: {
+        type: string;
+        value: StringValue | Product | Category;
+    };
+}, type: string): {
+    filteredItems: ItemList[];
+};
+export {};

package/utils/usePropsOfType.js

@@ -0,0 +1,18 @@
+export function usePropsOfType(props, type) {
+    const filteredItems = Object.keys(props)
+        .filter(key => { var _a; return ((_a = props[key]) === null || _a === void 0 ? void 0 : _a.type) === type; })
+        .reduce((mergedList, currentKey) => {
+        var _a, _b;
+        const contentItem = props[currentKey];
+        const item = [];
+        if (((_a = contentItem.value) === null || _a === void 0 ? void 0 : _a.__typename) === 'StringValue') {
+            item.push((_b = contentItem.value) === null || _b === void 0 ? void 0 : _b.value);
+        }
+        else {
+            contentItem.value && item.push(contentItem.value);
+        }
+        return mergedList.concat(item);
+    }, []);
+    return { filteredItems };
+}
+//# sourceMappingURL=usePropsOfType.js.map

package/utils/usePropsOfType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePropsOfType.js","sourceRoot":"","sources":["usePropsOfType.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,cAAc,CAC5B,KAEC,EACD,IAAY;IAEZ,MAAM,aAAa,GAAe,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACjD,MAAM,CAAC,GAAG,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,KAAK,CAAC,GAAG,CAAC,0CAAE,IAAI,MAAK,IAAI,CAAA,EAAA,CAAC;SACxC,MAAM,CAAC,CAAC,UAAsB,EAAE,UAAkB,EAAE,EAAE;;QACrD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QACtC,MAAM,IAAI,GAAe,EAAE,CAAC;QAE5B,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,UAAU,MAAK,aAAa,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,MAAA,WAAW,CAAC,KAAK,0CAAE,KAAK,CAAC,CAAC;SACrC;aAAM;YACL,WAAW,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACnD;QAED,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,OAAO,EAAE,aAAa,EAAE,CAAC;AAC3B,CAAC"}

package/withFlightUI.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type As = string | React.FC<{
+    children?: React.ReactNode;
+    className?: string;
+}> | React.ComponentClass<{
+    children?: React.ReactNode;
+    className?: string;
+}, any>;
+export interface FlightUIProps {
+    /** The element to render. Given as a string (e.g. 'div') or React element i(e.g. React.Fragment) */
+    as?: As;
+    [key: string]: any;
+}
+export declare function withFlightUI(Component: React.ReactNode, { as, theme, className: cls, styles, unstyled, ...rest }: FlightUIProps): React.ReactElement<{
+    children?: React.ReactNode;
+    className?: string;
+}, string | React.JSXElementConstructor<any>>;

package/withFlightUI.js

@@ -0,0 +1,20 @@
+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 { cx } from 'linaria';
+export function withFlightUI(Component, _a) {
+    var { as, theme, className: cls, styles, unstyled } = _a, rest = __rest(_a, ["as", "theme", "className", "styles", "unstyled"]);
+    const className = typeof cls === 'function' ? cls(theme) : cls;
+    const baseStyles = unstyled || !styles ? null : styles(theme);
+    return React.createElement(as, Object.assign({ className: cx(baseStyles, className) }, rest), Component);
+}
+//# sourceMappingURL=withFlightUI.js.map

package/withFlightUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFlightUI.js","sourceRoot":"","sources":["withFlightUI.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAgB7B,MAAM,UAAU,YAAY,CAC1B,SAA0B,EAC1B,EAAuE;QAAvE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,OAA0B,EAArB,IAAI,cAAtD,kDAAwD,CAAF;IAEtD,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,KAAK,CAAC,aAAa,CACxB,EAAE,kBACA,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,IAAK,IAAI,GAC/C,SAAS,CACV,CAAC;AACJ,CAAC"}