@codeleap/web 4.1.0 → 4.2.1

package/dist/lib/ListMasonry.js.map

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

package/dist/lib/WebStyleRegistry.d.ts

@@ -0,0 +1,7 @@
+import { AnyStyledComponent, CodeleapStyleRegistry, ICSS } from '@codeleap/styles';
+export declare class WebStyleRegistry extends CodeleapStyleRegistry {
+    constructor();
+    createStyle(css: ICSS): ICSS;
+    static get current(): WebStyleRegistry;
+    static registerComponent(component: AnyStyledComponent): void;
+}

package/dist/lib/WebStyleRegistry.js

@@ -0,0 +1,70 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebStyleRegistry = void 0;
+var styles_1 = require("@codeleap/styles");
+var persistor = new styles_1.StylePersistor({
+    set: function (key, value) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.setItem(key, value);
+    },
+    get: function (key) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(key);
+    },
+    del: function (key) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.removeItem(key);
+    },
+});
+var instance;
+var components = [];
+var WebStyleRegistry = /** @class */ (function (_super) {
+    __extends(WebStyleRegistry, _super);
+    function WebStyleRegistry() {
+        var _this = _super.call(this, persistor) || this;
+        components.forEach(function (component) {
+            _this.registerComponent(component);
+        });
+        if (!instance) {
+            instance = _this;
+        }
+        return instance;
+    }
+    WebStyleRegistry.prototype.createStyle = function (css) {
+        return css;
+    };
+    Object.defineProperty(WebStyleRegistry, "current", {
+        get: function () {
+            return instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WebStyleRegistry.registerComponent = function (component) {
+        components.push(component);
+        if (instance) {
+            instance.registerComponent(component);
+        }
+    };
+    return WebStyleRegistry;
+}(styles_1.CodeleapStyleRegistry));
+exports.WebStyleRegistry = WebStyleRegistry;
+//# sourceMappingURL=WebStyleRegistry.js.map

package/dist/lib/WebStyleRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebStyleRegistry.js","sourceRoot":"","sources":["../../src/lib/WebStyleRegistry.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2CAAkG;AAElG,IAAM,SAAS,GAAG,IAAI,uBAAc,CAAC;IACnC,GAAG,YAAC,GAAG,EAAE,KAAK;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAC1C,CAAC;IACD,GAAG,YAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACnC,CAAC;IACD,GAAG,YAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAC,GAAG,CAAC,CAAA;IACtC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA0B,CAAA;AAE9B,IAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;IAAsC,oCAAqB;IACzD;QAAA,YACE,kBAAM,SAAS,CAAC,SAWjB;QATC,UAAU,CAAC,OAAO,CAAC,UAAC,SAAS;YAC3B,KAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,KAAI,CAAA;SAChB;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,sCAAW,GAAX,UAAY,GAAS;QACnB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,sBAAW,2BAAO;aAAlB;YACE,OAAO,QAAQ,CAAA;QACjB,CAAC;;;OAAA;IAEM,kCAAiB,GAAxB,UAAyB,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;SACtC;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AA7BD,CAAsC,8BAAqB,GA6B1D;AA7BY,4CAAgB"}

package/dist/lib/deprecated/OSAlert.d.ts

@@ -0,0 +1,38 @@
+import { AnyFunction } from '@codeleap/common';
+type AlertButton = {
+    text: string;
+    onPress: AnyFunction;
+    variants?: any[];
+};
+type OSAlertArgs = {
+    title: string;
+    body?: string;
+    options?: AlertButton[];
+    onDismiss?: AnyFunction;
+    onAction?: AnyFunction;
+    type?: Exclude<GlobalAlertType, 'custom'> | string;
+};
+type AlertEvent = AlertButton['onPress'];
+type NamedEvents<E extends string> = Partial<Record<E, AlertEvent>>;
+export type GlobalAlertType = 'info' | 'error' | 'warn' | 'ask' | 'custom';
+export type GlobalAlertComponentProps = {
+    args: OSAlertArgs;
+    removeSelf: AnyFunction;
+    type: GlobalAlertType;
+    id: string;
+};
+export declare function useGlobalAlertComponent(props: GlobalAlertComponentProps): {
+    visible: boolean;
+    toggle: (value?: boolean) => void;
+};
+export declare function CreateOSAlert(Component: any): {
+    ask: ({ title, body, options }: OSAlertArgs) => void;
+    warn: (args: OSAlertArgs & NamedEvents<'onReject' | 'onAccept'>) => void;
+    info: (args: OSAlertArgs & NamedEvents<'onDismiss'>) => void;
+    error: (args: OSAlertArgs & NamedEvents<'onDismiss'>) => void;
+    custom: (args: OSAlertArgs & {
+        type: string;
+    }) => void;
+};
+export declare const AlertOutlet: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/deprecated/OSAlert.js

@@ -0,0 +1,139 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertOutlet = exports.CreateOSAlert = exports.useGlobalAlertComponent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var react_dom_1 = __importDefault(require("react-dom"));
+var uuid_1 = require("uuid");
+function useGlobalAlertComponent(props) {
+    var _a = (0, common_1.useBooleanToggle)(false), visible = _a[0], toggle = _a[1];
+    var previousVisible = (0, common_1.usePrevious)(visible);
+    (0, common_1.onMount)(function () {
+        toggle();
+    });
+    (0, common_1.onUpdate)(function () {
+        if (!visible && previousVisible) {
+            setTimeout(props.removeSelf, 1000);
+        }
+    }, [visible]);
+    return {
+        visible: visible,
+        toggle: toggle,
+    };
+}
+exports.useGlobalAlertComponent = useGlobalAlertComponent;
+function RenderModal(props) {
+    return null;
+}
+var MODAL_ID = '__CODELEAP_MODAL__';
+function OSAlert(props) {
+    if (!document)
+        return;
+    var modalId = MODAL_ID + '_' + (0, uuid_1.v4)();
+    var modalsRootDiv = document.getElementById(MODAL_ID);
+    var modalDiv = document.getElementById(modalId);
+    var remove = function () {
+        react_dom_1.default.unmountComponentAtNode(modalDiv);
+    };
+    if (!modalDiv) {
+        modalDiv = document.createElement('div');
+        modalDiv.setAttribute('id', MODAL_ID);
+        modalsRootDiv.appendChild(modalDiv);
+    }
+    react_dom_1.default.render((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(OSAlert.Component, { removeSelf: remove, args: props, type: props.type, id: modalId }) }), modalDiv);
+}
+OSAlert.Component = RenderModal;
+function CreateOSAlert(Component) {
+    OSAlert.Component = Component;
+    function ask(_a) {
+        var title = _a.title, body = _a.body, options = _a.options;
+        if (!title) {
+            title = 'Quick quetion';
+        }
+        OSAlert({
+            title: title,
+            body: body,
+            options: options,
+            type: 'ask',
+            onAction: null,
+            onDismiss: null,
+        });
+    }
+    function OSError(args) {
+        var title = args.title, body = args.body;
+        if (!title) {
+            title = 'Whoops!';
+        }
+        if (!body) {
+            body = 'Something went wrong';
+        }
+        OSAlert({
+            title: title,
+            body: body,
+            type: 'error',
+            onAction: args.onDismiss,
+            onDismiss: args.onDismiss,
+        });
+    }
+    function warn(args) {
+        var _a = args.title, title = _a === void 0 ? 'Hang on' : _a, _b = args.body, body = _b === void 0 ? 'Are you sure?' : _b, onAccept = args.onAccept, _c = args.onReject, onReject = _c === void 0 ? function () { return null; } : _c;
+        OSAlert({
+            title: title,
+            body: body,
+            type: 'warn',
+            onAction: onAccept,
+            onDismiss: onReject,
+        });
+    }
+    function info(args) {
+        var _a = args.title, title = _a === void 0 ? 'FYI' : _a, body = args.body, _b = args.onDismiss, onDismiss = _b === void 0 ? function () { return null; } : _b;
+        OSAlert({
+            title: title,
+            body: body,
+            type: 'info',
+            onDismiss: onDismiss,
+        });
+    }
+    function custom(args) {
+        var _a = args.title, title = _a === void 0 ? 'Hang on' : _a, _b = args.body, body = _b === void 0 ? 'Are you sure?' : _b, type = args.type, rest = __rest(args, ["title", "body", "type"]);
+        OSAlert(__assign({ title: title, body: body, type: type }, rest));
+    }
+    return {
+        ask: ask,
+        warn: warn,
+        info: info,
+        error: OSError,
+        custom: custom,
+    };
+}
+exports.CreateOSAlert = CreateOSAlert;
+var AlertOutlet = function () {
+    return (0, jsx_runtime_1.jsx)("div", { id: MODAL_ID });
+};
+exports.AlertOutlet = AlertOutlet;
+//# sourceMappingURL=OSAlert.js.map

package/dist/lib/deprecated/OSAlert.js.map

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

package/dist/lib/deprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './OSAlert';

package/dist/lib/deprecated/index.js

@@ -0,0 +1,22 @@
+"use strict";
+// @Deprecated module
+// All things here are discontinued and will be removed over time. 
+// They are no longer updated and are only here because other projects 
+// still use them and it is important not to affect their functioning.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OSAlert"), exports);
+//# sourceMappingURL=index.js.map

package/dist/lib/deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/deprecated/index.ts"],"names":[],"mappings":";AAAA,qBAAqB;AACrB,mEAAmE;AACnE,uEAAuE;AACvE,sEAAsE;;;;;;;;;;;;;;;;AAEtE,4CAAyB"}

package/dist/lib/hooks/index.d.ts

@@ -0,0 +1,21 @@
+export * from './useAnimatedStyle';
+export * from './useAnimatedVariantStyles';
+export * from './useBreakpointMatch';
+export * from './useClick';
+export * from './useClickOutside';
+export * from './useMaxContentWidth';
+export * from './useMediaQuery';
+export * from './usePageExitBlocker';
+export * from './usePagination';
+export * from './usePopState';
+export * from './useScrollEffect';
+export * from './useSearchParams';
+export * from './useStaticAnimationStyles';
+export * from './useWindowFocus';
+export * from './useWindowSize';
+export * from './useKeydown';
+export * from './useInfiniteScroll';
+export * from './useRefresh';
+export * from './useCropPicker';
+export * from './useFileInput';
+export * from './useStylesFor';

package/dist/lib/hooks/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAnimatedStyle"), exports);
+__exportStar(require("./useAnimatedVariantStyles"), exports);
+__exportStar(require("./useBreakpointMatch"), exports);
+__exportStar(require("./useClick"), exports);
+__exportStar(require("./useClickOutside"), exports);
+__exportStar(require("./useMaxContentWidth"), exports);
+__exportStar(require("./useMediaQuery"), exports);
+__exportStar(require("./usePageExitBlocker"), exports);
+__exportStar(require("./usePagination"), exports);
+__exportStar(require("./usePopState"), exports);
+__exportStar(require("./useScrollEffect"), exports);
+__exportStar(require("./useSearchParams"), exports);
+__exportStar(require("./useStaticAnimationStyles"), exports);
+__exportStar(require("./useWindowFocus"), exports);
+__exportStar(require("./useWindowSize"), exports);
+__exportStar(require("./useKeydown"), exports);
+__exportStar(require("./useInfiniteScroll"), exports);
+__exportStar(require("./useRefresh"), exports);
+__exportStar(require("./useCropPicker"), exports);
+__exportStar(require("./useFileInput"), exports);
+__exportStar(require("./useStylesFor"), exports);
+//# sourceMappingURL=index.js.map

package/dist/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,6DAA0C;AAC1C,uDAAoC;AACpC,6CAA0B;AAC1B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,uDAAoC;AACpC,kDAA+B;AAC/B,gDAA6B;AAC7B,oDAAiC;AACjC,oDAAiC;AACjC,6DAA0C;AAC1C,mDAAgC;AAChC,kDAA+B;AAC/B,+CAA4B;AAC5B,sDAAmC;AACnC,+CAA4B;AAC5B,kDAA+B;AAC/B,iDAA8B;AAC9B,iDAA8B"}

package/dist/lib/hooks/useAnimatedStyle.d.ts

@@ -0,0 +1,7 @@
+import { AnimationProps } from 'framer-motion';
+type UpdaterReturn = Omit<AnimationProps['animate'], 'transition'> & {
+    transition: AnimationProps['transition'];
+};
+type UseAnimatedStyleReturn = Pick<AnimationProps, 'animate' | 'initial' | 'transition'>;
+export declare const useAnimatedStyle: (updater: () => UpdaterReturn, deps: Array<any>) => UseAnimatedStyleReturn;
+export {};

package/dist/lib/hooks/useAnimatedStyle.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimatedStyle = void 0;
+var react_1 = require("react");
+var useAnimatedStyle = function (updater, deps) {
+    var initialStyle = updater();
+    var _a = (0, react_1.useState)(initialStyle), animatedStyle = _a[0], setAnimatedStyle = _a[1];
+    var transition = (0, react_1.useRef)(initialStyle.transition);
+    (0, react_1.useEffect)(function () {
+        var animatedStyleUpdated = updater();
+        setAnimatedStyle(animatedStyleUpdated);
+    }, deps);
+    return {
+        animate: animatedStyle,
+        transition: transition.current,
+        initial: false,
+    };
+};
+exports.useAnimatedStyle = useAnimatedStyle;
+//# sourceMappingURL=useAnimatedStyle.js.map

package/dist/lib/hooks/useAnimatedStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedStyle.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedStyle.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AAS5C,IAAM,gBAAgB,GAAG,UAAC,OAA4B,EAAE,IAAgB;IAC7E,IAAM,YAAY,GAAG,OAAO,EAAE,CAAA;IAExB,IAAA,KAAoC,IAAA,gBAAQ,EAAC,YAAY,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAChE,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAElD,IAAA,iBAAS,EAAC;QACR,IAAM,oBAAoB,GAAG,OAAO,EAAE,CAAA;QAEtC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B"}

package/dist/lib/hooks/useAnimatedVariantStyles.d.ts

@@ -0,0 +1,10 @@
+import { AnimationProps } from 'framer-motion';
+import { SelectProperties } from '../../types';
+type UseAnimatedVariantStylesConfig<T extends Record<string | number | symbol, any>, K extends keyof T> = {
+    variantStyles: T;
+    animatedProperties: K[];
+    updater: (states: SelectProperties<T, K>) => AnimationProps;
+    dependencies?: any[];
+};
+export declare function useAnimatedVariantStyles<T extends Record<string | number | symbol, any>, K extends keyof T>(config: UseAnimatedVariantStylesConfig<T, K>): AnimationProps;
+export {};

package/dist/lib/hooks/useAnimatedVariantStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimatedVariantStyles = void 0;
+var useStaticAnimationStyles_1 = require("./useStaticAnimationStyles");
+var react_1 = require("react");
+function useAnimatedVariantStyles(config) {
+    var animatedProperties = config.animatedProperties, updater = config.updater, variantStyles = config.variantStyles, _a = config.dependencies, dependencies = _a === void 0 ? [] : _a;
+    var staticStyles = (0, useStaticAnimationStyles_1.useStaticAnimationStyles)(variantStyles, animatedProperties);
+    var initialState = updater(staticStyles);
+    var _b = (0, react_1.useState)(initialState), animated = _b[0], setAnimated = _b[1];
+    (0, react_1.useEffect)(function () {
+        var nextState = updater(staticStyles);
+        setAnimated(nextState);
+    }, dependencies);
+    return animated;
+}
+exports.useAnimatedVariantStyles = useAnimatedVariantStyles;
+//# sourceMappingURL=useAnimatedVariantStyles.js.map

package/dist/lib/hooks/useAnimatedVariantStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedVariantStyles.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedVariantStyles.ts"],"names":[],"mappings":";;;AAEA,uEAAqE;AACrE,+BAA2C;AAS3C,SAAgB,wBAAwB,CAAqE,MAA4C;IAC/I,IAAA,kBAAkB,GAAgD,MAAM,mBAAtD,EAAE,OAAO,GAAuC,MAAM,QAA7C,EAAE,aAAa,GAAwB,MAAM,cAA9B,EAAE,KAAsB,MAAM,aAAX,EAAjB,YAAY,mBAAG,EAAE,KAAA,CAAW;IAEhF,IAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;IAEhF,IAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAEpC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,YAAY,CAAC,EAA/C,QAAQ,QAAA,EAAE,WAAW,QAA0B,CAAA;IAEtD,IAAA,iBAAS,EAAC;QACR,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;QAEvC,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,EAAE,YAAY,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC;AAhBD,4DAgBC"}

package/dist/lib/hooks/useBreakpointMatch.d.ts

@@ -0,0 +1,2 @@
+export type BreakpointsMatch<T extends string = string> = Record<T, any>;
+export declare function useBreakpointMatch<T extends string = string>(values: Partial<BreakpointsMatch<T>>): any;

package/dist/lib/hooks/useBreakpointMatch.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpointMatch = void 0;
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var styles_1 = require("@codeleap/styles");
+var useMediaQuery_1 = require("./useMediaQuery");
+function useBreakpointMatch(values) {
+    var _a, _b, _c, _d;
+    var theme = (0, styles_1.useTheme)(function (store) { return store.current; });
+    var themeBreakpoints = (_a = theme === null || theme === void 0 ? void 0 : theme.breakpoints) !== null && _a !== void 0 ? _a : {};
+    var breakpoints = (0, react_1.useMemo)(function () {
+        var breaks = Object.entries(themeBreakpoints);
+        breaks = breaks === null || breaks === void 0 ? void 0 : breaks.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a[1]) - (b === null || b === void 0 ? void 0 : b[1]); });
+        var sortBreakpoints = Object.fromEntries(breaks);
+        return sortBreakpoints;
+    }, []);
+    var breakpointValues = (0, react_1.useMemo)(function () {
+        var _breakpoints = Object.keys(breakpoints);
+        return _breakpoints.sort(function (a, b) { return (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[a]) - (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[b]); });
+    }, []);
+    var breakpointMatches = {};
+    for (var breakpoint_1 in breakpoints) {
+        var matchesDown = (0, useMediaQuery_1.useMediaQuery)((_b = theme === null || theme === void 0 ? void 0 : theme.media) === null || _b === void 0 ? void 0 : _b.down(breakpoint_1), { getInitialValueInEffect: false });
+        var matchesUp = (0, useMediaQuery_1.useMediaQuery)((_c = theme === null || theme === void 0 ? void 0 : theme.media) === null || _c === void 0 ? void 0 : _c.up(breakpoint_1), { getInitialValueInEffect: false });
+        breakpointMatches[breakpoint_1] = !matchesUp && matchesDown;
+    }
+    var currentBreakpoint = (_d = Object.keys(breakpointMatches)) === null || _d === void 0 ? void 0 : _d.find(function (key) { return breakpointMatches === null || breakpointMatches === void 0 ? void 0 : breakpointMatches[key]; });
+    var breakpoint = (0, react_1.useMemo)(function () {
+        var _a;
+        var validBreakpointIndex = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.findIndex(function (_breakpoint) { return _breakpoint === currentBreakpoint; });
+        var validBreakpoints = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.slice(validBreakpointIndex, 100);
+        var validBreakpoint = null;
+        validBreakpoint = validBreakpoints === null || validBreakpoints === void 0 ? void 0 : validBreakpoints.find(function (currentValue) {
+            var _a;
+            if ((_a = Object === null || Object === void 0 ? void 0 : Object.keys(values)) === null || _a === void 0 ? void 0 : _a.includes(currentValue)) {
+                return currentValue;
+            }
+        });
+        if (common_1.TypeGuards.isNil(validBreakpoint)) {
+            validBreakpoint = (_a = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.reverse()) === null || _a === void 0 ? void 0 : _a.find(function (_breakpoint) { return !!(values === null || values === void 0 ? void 0 : values[_breakpoint]); });
+        }
+        return validBreakpoint;
+    }, [currentBreakpoint]);
+    return values === null || values === void 0 ? void 0 : values[breakpoint];
+}
+exports.useBreakpointMatch = useBreakpointMatch;
+//# sourceMappingURL=useBreakpointMatch.js.map

package/dist/lib/hooks/useBreakpointMatch.js.map

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

package/dist/lib/hooks/useClick.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type HandlerClickOutside = (clickedOutside: boolean) => void;
+type UseClickOutsideElementReturn = React.MutableRefObject<any>;
+export declare function useClickOutsideElement(handler: HandlerClickOutside, elements?: Array<React.MutableRefObject<any>>): UseClickOutsideElementReturn;
+export {};

package/dist/lib/hooks/useClick.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClickOutsideElement = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+function useClickOutsideElement(handler, elements) {
+    if (elements === void 0) { elements = null; }
+    var elementRef = (0, react_1.useRef)(null);
+    var handleClickOutside = (0, react_1.useCallback)(function (event) {
+        if (!elementRef.current)
+            return;
+        var clickedOutsideElement = !elementRef.current.contains(event === null || event === void 0 ? void 0 : event.target);
+        var clickedOutsideElements = [true];
+        if (common_1.TypeGuards === null || common_1.TypeGuards === void 0 ? void 0 : common_1.TypeGuards.isArray(elements)) {
+            elements === null || elements === void 0 ? void 0 : elements.forEach(function (element) {
+                if (element.current) {
+                    clickedOutsideElements.push(!element.current.contains(event === null || event === void 0 ? void 0 : event.target));
+                }
+            });
+        }
+        if (clickedOutsideElement && clickedOutsideElements.every(function (clickedOutside) { return !!clickedOutside; })) {
+            handler(true);
+        }
+        else {
+            handler(false);
+        }
+    }, [handler]);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('click', handleClickOutside);
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [handleClickOutside]);
+    return elementRef;
+}
+exports.useClickOutsideElement = useClickOutsideElement;
+//# sourceMappingURL=useClick.js.map

package/dist/lib/hooks/useClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClick.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClick.ts"],"names":[],"mappings":";;;AAAA,2CAA6C;AAC7C,+BAA6D;AAM7D,SAAgB,sBAAsB,CACpC,OAA4B,EAC5B,QAAmD;IAAnD,yBAAA,EAAA,eAAmD;IAEnD,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAE/B,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAiB;QACvD,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAM;QAE/B,IAAM,qBAAqB,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAA;QACzE,IAAM,sBAAsB,GAAG,CAAC,IAAI,CAAC,CAAA;QAErC,IAAI,mBAAU,aAAV,mBAAU,uBAAV,mBAAU,CAAE,OAAO,CAAC,QAAQ,CAAC,EAAE;YACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,UAAA,OAAO;gBACvB,IAAI,OAAO,CAAC,OAAO,EAAE;oBACnB,sBAAsB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAA;iBACtE;YACH,CAAC,CAAC,CAAA;SACH;QAED,IAAI,qBAAqB,IAAI,sBAAsB,CAAC,KAAK,CAAC,UAAC,cAAc,IAAK,OAAA,CAAC,CAAC,cAAc,EAAhB,CAAgB,CAAC,EAAE;YAC/F,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAEtD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,OAAO,UAAU,CAAA;AACnB,CAAC;AApCD,wDAoCC"}

package/dist/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: HTMLElement[]): import("react").MutableRefObject<T>;

package/dist/lib/hooks/useClickOutside.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClickOutside = void 0;
+var react_1 = require("react");
+var DEFAULT_EVENTS = ['mousedown', 'touchstart'];
+function useClickOutside(handler, events, nodes) {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        var listener = function (event) {
+            var _a;
+            if (Array.isArray(nodes)) {
+                var shouldIgnore = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.hasAttribute('data-ignore-outside-clicks');
+                var shouldTrigger = nodes.every(function (node) { return !!node && !node.contains(event.target); });
+                shouldTrigger && !shouldIgnore && handler();
+            }
+            else if (ref.current && !ref.current.contains(event.target)) {
+                handler();
+            }
+        };
+        (events || DEFAULT_EVENTS).forEach(function (fn) { return document.addEventListener(fn, listener); });
+        return function () {
+            (events || DEFAULT_EVENTS).forEach(function (fn) { return document.removeEventListener(fn, listener); });
+        };
+    }, [ref, handler, nodes]);
+    return ref;
+}
+exports.useClickOutside = useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map

package/dist/lib/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClickOutside.ts"],"names":[],"mappings":";;;AAAA,+BAAyC;AAEzC,IAAM,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AAElD,SAAgB,eAAe,CAC7B,OAAmB,EACnB,MAAwB,EACxB,KAAqB;IAErB,IAAM,GAAG,GAAG,IAAA,cAAM,GAAK,CAAA;IAEvB,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,UAAC,KAAU;;YAC1B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACxB,IAAM,YAAY,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,YAAY,CAAC,4BAA4B,CAAC,CAAA;gBAC9E,IAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAtC,CAAsC,CAAC,CAAA;gBACnF,aAAa,IAAI,CAAC,YAAY,IAAI,OAAO,EAAE,CAAA;aAC5C;iBAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAC7D,OAAO,EAAE,CAAA;aACV;QACH,CAAC,CAAC;QAEF,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE,IAAK,OAAA,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAvC,CAAuC,CAAC,CAAA;QAEnF,OAAO;YACL,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE,IAAK,OAAA,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,EAA1C,CAA0C,CAAC,CAAA;QACxF,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzB,OAAO,GAAG,CAAA;AACZ,CAAC;AA1BD,0CA0BC"}

package/dist/lib/hooks/useCropPicker.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { WebInputFile } from '@codeleap/common';
+import { ImageReading } from '../../components/CropPicker';
+import { FileInputProps, FileInputRef } from '../../components/FileInput';
+import { Crop, ReactCropProps } from 'react-image-crop';
+export type UseCropPickerProps = Partial<ReactCropProps> & {
+    onFileSelect: FileInputProps['onFileSelect'];
+    ref: React.MutableRefObject<FileInputRef> | React.Ref<FileInputRef>;
+};
+type ImageType = 'png' | 'jpeg' | 'webp';
+export declare function readImage(file: File | Blob): Promise<ImageReading>;
+export declare function cropImage(image: ImageReading, crop: Crop, type: ImageType): Promise<[string, Blob]>;
+export declare function useCropPicker({ onFileSelect, ref, aspect, minWidth: minW, minHeight: minH, }: UseCropPickerProps): {
+    onCancel: () => Promise<void>;
+    onResolved: (files: WebInputFile[]) => void;
+    cleanup: () => void;
+    onConfirmCrop: (imageType?: ImageType) => Promise<void>;
+    onFilesReturned: (event: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    onClose: () => void;
+    fileInputRef: import("react").MutableRefObject<FileInputRef>;
+    visible: boolean;
+    toggle: (value?: boolean) => void;
+    image: HTMLImageElement;
+    setImage: import("react").Dispatch<import("react").SetStateAction<HTMLImageElement>>;
+    crop: Crop;
+    setCrop: import("react").Dispatch<import("react").SetStateAction<Crop>>;
+    relativeCrop: Crop;
+    setRelativeCrop: import("react").Dispatch<import("react").SetStateAction<Crop>>;
+    isLoading: boolean;
+    croppedPromise: {
+        _await: () => Promise<WebInputFile[]>;
+        resolve: (value: WebInputFile[]) => Promise<void>;
+        reject: (err: any) => Promise<void>;
+    };
+    handleCropChange: (newCrop: Crop) => void;
+};
+export {};