@jetshop/ui 5.13.10-0 → 5.14.0-alpha.49df897e

package/utils/text.js

@@ -1,23 +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);
-    });
-};
+/*
+ * 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/theme.d.ts

@@ -1,3 +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;
+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

@@ -1,5 +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;
+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/useHoverIntent.d.ts

@@ -1,10 +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 {};
+/// <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

@@ -1,78 +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];
-}
+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/usePropsOfType.d.ts

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

@@ -1,18 +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 };
-}
+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/withFlightUI.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-export declare 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>>;
+import React from 'react';
+export declare 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

@@ -1,20 +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);
-}
+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