@codeleap/web 4.1.0 → 4.2.1

package/dist/lib/hooks/useCropPicker.js

@@ -0,0 +1,204 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCropPicker = exports.cropImage = exports.readImage = void 0;
+var common_1 = require("@codeleap/common");
+function readImage(file) {
+    var reader = new FileReader();
+    return new Promise(function (resolve) {
+        reader.onload = function () {
+            var image = new Image();
+            image.onload = function () { return resolve(image); };
+            image.src = reader.result;
+        };
+        reader.readAsDataURL(file);
+    });
+}
+exports.readImage = readImage;
+function cropImage(image, crop, type) {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d', { alpha: true });
+    if (!ctx)
+        throw new Error('No 2d context');
+    canvas.width = image.naturalWidth * (crop.width / 100);
+    canvas.height = image.naturalHeight * (crop.height / 100);
+    var x = image.naturalWidth * (crop.x / 100);
+    var y = image.naturalHeight * (crop.y / 100);
+    ctx.drawImage(image, x, y, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height);
+    return new Promise(function (resolve, reject) {
+        canvas.toBlob(function (blob) {
+            if (!blob) {
+                reject(new Error('Canvas is empty'));
+                return;
+            }
+            readImage(blob).then(function (cropped) {
+                resolve([cropped.src, blob]);
+            }).catch(reject);
+        }, "image/".concat(type));
+    });
+}
+exports.cropImage = cropImage;
+function useCropPicker(_a) {
+    var _this = this;
+    var onFileSelect = _a.onFileSelect, ref = _a.ref, aspect = _a.aspect, minW = _a.minWidth, minH = _a.minHeight;
+    var _b = (0, common_1.useBooleanToggle)(false), visible = _b[0], toggle = _b[1];
+    var _c = (0, common_1.useState)(null), image = _c[0], setImage = _c[1];
+    var _d = (0, common_1.useState)(), crop = _d[0], setCrop = _d[1];
+    var _e = (0, common_1.useState)(), relativeCrop = _e[0], setRelativeCrop = _e[1];
+    var _f = (0, common_1.useState)(false), isLoading = _f[0], setIsLoading = _f[1];
+    var croppedPromise = (0, common_1.usePromise)({});
+    var onCancel = function () { return croppedPromise.resolve([]); };
+    var onResolved = function (files) {
+        var _a;
+        (_a = croppedPromise.resolve) === null || _a === void 0 ? void 0 : _a.call(croppedPromise, files);
+        onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(files);
+    };
+    var cleanup = function () {
+        toggle();
+        setRelativeCrop(null);
+        setCrop(undefined);
+        setTimeout(function () { return setImage(null); }, 500);
+    };
+    var onConfirmCrop = function (imageType) {
+        if (imageType === void 0) { imageType = 'jpeg'; }
+        return __awaiter(_this, void 0, void 0, function () {
+            var _a, preview, croppedFile;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        setIsLoading(true);
+                        return [4 /*yield*/, cropImage(image, relativeCrop, imageType)];
+                    case 1:
+                        _a = _b.sent(), preview = _a[0], croppedFile = _a[1];
+                        onResolved([
+                            {
+                                file: new File([croppedFile], 'cropped.jpg'),
+                                preview: preview,
+                            },
+                        ]);
+                        setIsLoading(false);
+                        setTimeout(function () { return cleanup(); });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var onFilesReturned = function (event) { return __awaiter(_this, void 0, void 0, function () {
+        var file, imageData, naturalWidth, naturalHeight, imageAspect, v, initialCrop;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    file = (_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
+                    return [4 /*yield*/, readImage(file)];
+                case 1:
+                    imageData = _c.sent();
+                    naturalWidth = imageData.naturalWidth, naturalHeight = imageData.naturalHeight;
+                    imageAspect = naturalWidth / naturalHeight;
+                    v = imageAspect >= aspect
+                        ? {
+                            width: ((naturalHeight * aspect) / naturalWidth) * 100,
+                            height: 100,
+                        }
+                        : {
+                            width: 100,
+                            height: (naturalWidth / aspect / naturalHeight) * 100,
+                        };
+                    initialCrop = __assign(__assign({}, v), { x: (100 - v.width) / 2, y: (100 - v.height) / 2, unit: '%' });
+                    setCrop(initialCrop);
+                    setRelativeCrop(initialCrop);
+                    setImage(imageData);
+                    setTimeout(function () { return toggle(); });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onClose = function () {
+        onCancel();
+        setTimeout(function () { return cleanup(); });
+    };
+    var fileInputRef = (0, common_1.useRef)(null);
+    (0, common_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: function () {
+            fileInputRef.current.openFilePicker();
+            return croppedPromise._await();
+        },
+        clear: function () {
+            fileInputRef.current.clear();
+            return croppedPromise._await();
+        },
+    }); });
+    var minWidth = (minW !== null && minW !== void 0 ? minW : 100) * aspect;
+    var minHeight = minH !== null && minH !== void 0 ? minH : 100;
+    var handleCropChange = (0, common_1.useCallback)(function (newCrop) {
+        setCrop(__assign(__assign({}, newCrop), { width: newCrop.width < minWidth ? minWidth : newCrop.width, height: newCrop.height < minHeight ? minHeight : newCrop.height }));
+    }, [crop]);
+    return {
+        onCancel: onCancel,
+        onResolved: onResolved,
+        cleanup: cleanup,
+        onConfirmCrop: onConfirmCrop,
+        onFilesReturned: onFilesReturned,
+        onClose: onClose,
+        fileInputRef: fileInputRef,
+        visible: visible,
+        toggle: toggle,
+        image: image,
+        setImage: setImage,
+        crop: crop,
+        setCrop: setCrop,
+        relativeCrop: relativeCrop,
+        setRelativeCrop: setRelativeCrop,
+        isLoading: isLoading,
+        croppedPromise: croppedPromise,
+        handleCropChange: handleCropChange,
+    };
+}
+exports.useCropPicker = useCropPicker;
+//# sourceMappingURL=useCropPicker.js.map

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FileInputRef } from '../../components/FileInput/types';
+export declare const useFileInput: () => {
+    openFilePicker: () => Promise<import("@codeleap/common").WebInputFile[]>;
+    ref: import("react").MutableRefObject<FileInputRef>;
+};

package/dist/lib/hooks/useFileInput.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileInput = void 0;
+var react_1 = require("react");
+var useFileInput = function () {
+    var inputRef = (0, react_1.useRef)(null);
+    var openFilePicker = function () {
+        var _a;
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.openFilePicker();
+    };
+    return {
+        openFilePicker: openFilePicker,
+        ref: inputRef,
+    };
+};
+exports.useFileInput = useFileInput;
+//# sourceMappingURL=useFileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileInput.js","sourceRoot":"","sources":["../../../src/lib/hooks/useFileInput.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAGvB,IAAM,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAA;IAElD,IAAM,cAAc,GAAG;;QACrB,OAAO,MAAA,QAAQ,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO;QACL,cAAc,gBAAA;QACd,GAAG,EAAE,QAAQ;KACd,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AnyFunction } from '@codeleap/common';
+import { LoadMoreItemsCallback, UseInfiniteLoaderOptions } from 'masonic';
+import { ListProps } from '../../components/List';
+import { GridProps } from '../../components/Grid';
+export type UseInfiniteScrollArgs<Item extends Element = any> = {
+    threshold?: number;
+    onLoadMore?: AnyFunction;
+    loadMoreOptions?: Partial<UseInfiniteLoaderOptions<Item>>;
+};
+export type UseInfiniteScrollProps<Item extends Element = any> = Partial<ListProps> & Partial<GridProps> & UseInfiniteScrollArgs<Item>;
+export type UseInfiniteScrollReturn<Item extends Element = any> = {
+    onLoadMore: LoadMoreItemsCallback<Item>;
+    isRefresh: boolean;
+    layoutProps: {
+        isEmpty: boolean;
+        refreshing: boolean;
+        scrollableRef: React.MutableRefObject<undefined>;
+    };
+    onRefreshItems: AnyFunction;
+};
+export declare function useInfiniteScroll<Item extends Element = any>(props: UseInfiniteScrollProps<Item>): UseInfiniteScrollReturn<Item>;

package/dist/lib/hooks/useInfiniteScroll.js

@@ -0,0 +1,98 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteScroll = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var masonic_1 = require("masonic");
+var useRefresh_1 = require("./useRefresh");
+function useInfiniteScroll(props) {
+    var _this = this;
+    var onRefresh = props.onRefresh, data = props.data, hasNextPage = props.hasNextPage, refreshEnabled = props.refresh, fetchNextPage = props.fetchNextPage, refreshThreshold = props.refreshThreshold, refreshDebounce = props.refreshDebounce, _a = props.loadMoreOptions, loadMoreOptions = _a === void 0 ? {} : _a, onLoadMore = props.onLoadMore, _b = props.threshold, threshold = _b === void 0 ? 16 : _b;
+    var infiniteLoader = (0, masonic_1.useInfiniteLoader)(function (args) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!hasNextPage) return [3 /*break*/, 2];
+                    return [4 /*yield*/, (fetchNextPage === null || fetchNextPage === void 0 ? void 0 : fetchNextPage())];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (!common_1.TypeGuards.isFunction(onLoadMore)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore(args))];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, __assign({ isItemLoaded: function (index, items) { return !!(items === null || items === void 0 ? void 0 : items[index]); }, threshold: threshold }, loadMoreOptions));
+    var refreshHookReturn = (0, useRefresh_1.useRefresh)(onRefresh, {
+        threshold: refreshThreshold,
+        debounce: refreshDebounce,
+        enabled: refreshEnabled,
+    });
+    var isEmpty = react_1.default.useMemo(function () { return (!data || !(data === null || data === void 0 ? void 0 : data.length)); }, [data === null || data === void 0 ? void 0 : data.length]);
+    return {
+        onLoadMore: infiniteLoader,
+        isRefresh: refreshHookReturn.refresh,
+        layoutProps: {
+            scrollableRef: refreshHookReturn.scrollableRef,
+            refreshing: refreshHookReturn.refresh,
+            isEmpty: isEmpty,
+        },
+        onRefreshItems: refreshHookReturn.refresher,
+    };
+}
+exports.useInfiniteScroll = useInfiniteScroll;
+//# sourceMappingURL=useInfiniteScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../../src/lib/hooks/useInfiniteScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA0D;AAC1D,mCAA4F;AAG5F,2CAAyC;AAwBzC,SAAgB,iBAAiB,CAA6B,KAAmC;IAAjG,iBA+CC;IA7CG,IAAA,SAAS,GAUP,KAAK,UAVE,EACT,IAAI,GASF,KAAK,KATH,EACJ,WAAW,GAQT,KAAK,YARI,EACF,cAAc,GAOrB,KAAK,QAPgB,EACvB,aAAa,GAMX,KAAK,cANM,EACb,gBAAgB,GAKd,KAAK,iBALS,EAChB,eAAe,GAIb,KAAK,gBAJQ,EACf,KAGE,KAAK,gBAHa,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,UAAU,GAER,KAAK,WAFG,EACV,KACE,KAAK,UADO,EAAd,SAAS,mBAAG,EAAE,KAAA,CACP;IAET,IAAM,cAAc,GAAG,IAAA,2BAAiB,EACtC,UAAO,IAAI;;;;yBACL,WAAW,EAAX,wBAAW;oBAAE,qBAAM,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAA,EAAA;;oBAAvB,SAAuB,CAAA;;;yBACpC,mBAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAjC,wBAAiC;oBAAE,qBAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAA,EAAA;;oBAAxB,SAAwB,CAAA;;;;;SAChE,aAEC,YAAY,EAAE,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,KAAK,CAAC,CAAA,EAAhB,CAAgB,EAChD,SAAS,EAAE,SAAS,IACjB,eAAe,EAErB,CAAA;IAED,IAAM,iBAAiB,GAAG,IAAA,uBAAU,EAClC,SAAS,EACT;QACE,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,cAAc;KACxB,CACF,CAAA;IAED,IAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,CAAC,IAAI,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,CAAC,EAAxB,CAAwB,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAA;IAE7E,OAAO;QACL,UAAU,EAAE,cAAc;QAC1B,SAAS,EAAE,iBAAiB,CAAC,OAAO;QACpC,WAAW,EAAE;YACX,aAAa,EAAE,iBAAiB,CAAC,aAAa;YAC9C,UAAU,EAAE,iBAAiB,CAAC,OAAO;YACrC,OAAO,SAAA;SACR;QACD,cAAc,EAAE,iBAAiB,CAAC,SAAS;KAC5C,CAAA;AACH,CAAC;AA/CD,8CA+CC"}

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

@@ -0,0 +1,39 @@
+export declare const keydownDefaultKeyOptions: {
+    ArrowLeft: string;
+    ArrowRight: string;
+    ArrowUp: string;
+    ArrowDown: string;
+    Enter: string;
+    Space: {
+        key: string;
+        code: string;
+    };
+};
+export declare function useKeydown(expectedKey: keyof typeof useKeydown.keys | {
+    key: string;
+    code: string;
+}, handler: (event: KeyboardEvent) => void, deps?: Array<any>, options?: boolean | AddEventListenerOptions): void;
+export declare namespace useKeydown {
+    var keys: {
+        ArrowLeft: string;
+        ArrowRight: string;
+        ArrowUp: string;
+        ArrowDown: string;
+        Enter: string;
+        Space: {
+            key: string;
+            code: string;
+        };
+    };
+    var defaultKeyOptions: {
+        ArrowLeft: string;
+        ArrowRight: string;
+        ArrowUp: string;
+        ArrowDown: string;
+        Enter: string;
+        Space: {
+            key: string;
+            code: string;
+        };
+    };
+}

package/dist/lib/hooks/useKeydown.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeydown = exports.keydownDefaultKeyOptions = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+exports.keydownDefaultKeyOptions = {
+    ArrowLeft: 'ArrowLeft',
+    ArrowRight: 'ArrowRight',
+    ArrowUp: 'ArrowUp',
+    ArrowDown: 'ArrowDown',
+    Enter: 'Enter',
+    Space: {
+        key: ' ',
+        code: 'Space',
+    },
+};
+function useKeydown(expectedKey, handler, deps, options) {
+    var _a, _b;
+    if (deps === void 0) { deps = []; }
+    var eventKey = common_1.TypeGuards.isString(expectedKey) ? ((_b = (_a = useKeydown === null || useKeydown === void 0 ? void 0 : useKeydown.keys) === null || _a === void 0 ? void 0 : _a[expectedKey]) !== null && _b !== void 0 ? _b : expectedKey) : expectedKey;
+    var handleKeyPress = function (event) {
+        var _a = common_1.TypeGuards.isString(eventKey) ? { key: eventKey, code: eventKey } : eventKey, key = _a.key, code = _a.code;
+        if ((event === null || event === void 0 ? void 0 : event.key) === key || (event === null || event === void 0 ? void 0 : event.code) === code) {
+            handler === null || handler === void 0 ? void 0 : handler(event);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('keydown', handleKeyPress, options);
+        return function () {
+            document.removeEventListener('keydown', handleKeyPress);
+        };
+    }, deps);
+}
+exports.useKeydown = useKeydown;
+useKeydown.keys = exports.keydownDefaultKeyOptions;
+useKeydown.defaultKeyOptions = exports.keydownDefaultKeyOptions;
+//# sourceMappingURL=useKeydown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeydown.js","sourceRoot":"","sources":["../../../src/lib/hooks/useKeydown.ts"],"names":[],"mappings":";;;AAAA,2CAA6C;AAC7C,+BAAiC;AAEpB,QAAA,wBAAwB,GAAG;IACtC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE;QACL,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,SAAgB,UAAU,CACxB,WAAyE,EACzE,OAAuC,EACvC,IAAqB,EACrB,OAA2C;;IAD3C,qBAAA,EAAA,SAAqB;IAGrB,IAAM,QAAQ,GAAG,mBAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,0CAAG,WAAW,CAAC,mCAAI,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAA;IAElH,IAAM,cAAc,GAAG,UAAC,KAAoB;QACpC,IAAA,KAAgB,mBAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,EAA1F,GAAG,SAAA,EAAE,IAAI,UAAiF,CAAA;QAElG,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,MAAK,GAAG,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,IAAI,EAAE;YAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC,CAAA;QAE7D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;QACzD,CAAC,CAAA;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAvBD,gCAuBC;AAED,UAAU,CAAC,IAAI,GAAG,gCAAwB,CAAA;AAC1C,UAAU,CAAC,iBAAiB,GAAG,gCAAwB,CAAA"}

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

@@ -0,0 +1,4 @@
+export declare const useMaxContentWidth: () => {
+    width: any;
+    padding: number;
+};

package/dist/lib/hooks/useMaxContentWidth.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMaxContentWidth = void 0;
+var common_1 = require("@codeleap/common");
+var useWindowSize_1 = require("./useWindowSize");
+var useMaxContentWidth = function () {
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var _a = (0, useWindowSize_1.useWindowSize)(), width = _a[0], height = _a[1];
+    var breakpoints = Theme.breakpoints;
+    var safeHorizontalPaddings = Theme.safeHorizontalPaddings();
+    var entries = Object.keys(safeHorizontalPaddings);
+    var sortedBreakpointsValues = Object.entries(breakpoints).sort(function (a, b) { return (b === null || b === void 0 ? void 0 : b[1]) - (a === null || a === void 0 ? void 0 : a[1]); });
+    var highestBreakpoint = sortedBreakpointsValues[0];
+    var currentBreakpoint = null;
+    var maxContentWidth = Theme.values.maxContentWidth;
+    var maxBreakpointEntryName = highestBreakpoint[0];
+    var maxPaddingApplied = width >= breakpoints[maxBreakpointEntryName];
+    var hasScreenReachedMaxWidth = width >= Theme.values.maxContentWidth;
+    entries.forEach(function (breakpoint) {
+        if ((window === null || window === void 0 ? void 0 : window.innerWidth) <= breakpoints[breakpoint]) {
+            currentBreakpoint = breakpoint;
+        }
+    });
+    if (maxPaddingApplied) {
+        maxContentWidth = Theme.values.maxContentWidth - (safeHorizontalPaddings[maxBreakpointEntryName] * 2);
+    }
+    else {
+        if (currentBreakpoint === maxBreakpointEntryName) {
+            maxContentWidth = Theme.values.maxContentWidth;
+        }
+        else {
+            maxContentWidth = (hasScreenReachedMaxWidth ? Theme.values.maxContentWidth : width) - (safeHorizontalPaddings[currentBreakpoint] * 2);
+        }
+    }
+    var padding = (width - maxContentWidth) / 2;
+    return {
+        width: maxContentWidth,
+        padding: padding,
+    };
+};
+exports.useMaxContentWidth = useMaxContentWidth;
+//# sourceMappingURL=useMaxContentWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxContentWidth.js","sourceRoot":"","sources":["../../../src/lib/hooks/useMaxContentWidth.ts"],"names":[],"mappings":";;;AAAA,2CAAqD;AACrD,iDAA+C;AAExC,IAAM,kBAAkB,GAAG;IACxB,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAChC,IAAA,KAAkB,IAAA,6BAAa,GAAE,EAAhC,KAAK,QAAA,EAAE,MAAM,QAAmB,CAAA;IAEvC,IAAM,WAAW,GAA2B,KAAK,CAAC,WAAW,CAAA;IAE7D,IAAM,sBAAsB,GAAG,KAAK,CAAC,sBAAsB,EAAE,CAAA;IAE7D,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IAEnD,IAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAG,CAAC,CAAC,KAAG,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAG,CAAC,CAAC,CAAA,EAAf,CAAe,CAAC,CAAA;IAC3F,IAAM,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAEpD,IAAI,iBAAiB,GAAG,IAAI,CAAA;IAC5B,IAAI,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAA;IAElD,IAAM,sBAAsB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAEnD,IAAM,iBAAiB,GAAG,KAAK,IAAI,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACtE,IAAM,wBAAwB,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,CAAA;IAEtE,OAAO,CAAC,OAAO,CAAC,UAAA,UAAU;QACxB,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,WAAW,CAAC,UAAU,CAAC,EAAE;YACjD,iBAAiB,GAAG,UAAU,CAAA;SAC/B;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,iBAAiB,EAAE;QACrB,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAA;KACtG;SAAM;QACL,IAAI,iBAAiB,KAAK,sBAAsB,EAAE;YAChD,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAA;SAC/C;aAAM;YACL,eAAe,GAAG,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;SACtI;KACF;IAED,IAAM,OAAO,GAAG,CAAC,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;IAE7C,OAAO;QACL,KAAK,EAAE,eAAe;QACtB,OAAO,SAAA;KACR,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,kBAAkB,sBA2C9B"}

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

@@ -0,0 +1,5 @@
+export interface UseMediaQueryOptions {
+    getInitialValueInEffect?: boolean;
+    initialValue?: boolean;
+}
+export declare function useMediaQuery(query: string, queryOptions?: UseMediaQueryOptions): boolean;

package/dist/lib/hooks/useMediaQuery.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaQuery = void 0;
+var react_1 = require("react");
+var tools_1 = require("../tools");
+function useMediaQuery(query, queryOptions) {
+    if (queryOptions === void 0) { queryOptions = {}; }
+    var _a = queryOptions.initialValue, initialValue = _a === void 0 ? false : _a, _b = queryOptions.getInitialValueInEffect, getInitialValueInEffect = _b === void 0 ? true : _b;
+    var _query = (0, react_1.useMemo)(function () {
+        var _a;
+        if (!query)
+            return '';
+        return (_a = query === null || query === void 0 ? void 0 : query.trim()) === null || _a === void 0 ? void 0 : _a.replace('@media screen and ', '');
+    }, [query]);
+    var _c = (0, react_1.useState)((getInitialValueInEffect || !query) ? initialValue : (0, tools_1.isMediaQuery)(query, initialValue)), matches = _c[0], setMatches = _c[1];
+    var queryRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        if ((query === null || query === void 0 ? void 0 : query.trim()) === '' || !query)
+            return;
+        if ('matchMedia' in window) {
+            queryRef.current = window.matchMedia(_query);
+            setMatches(queryRef.current.matches);
+            return (0, tools_1.attachMediaListener)(queryRef.current, function (event) { return setMatches(event.matches); });
+        }
+        return undefined;
+    }, [_query]);
+    return matches;
+}
+exports.useMediaQuery = useMediaQuery;
+//# sourceMappingURL=useMediaQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../src/lib/hooks/useMediaQuery.ts"],"names":[],"mappings":";;;AAAA,+BAA4D;AAC5D,kCAA4D;AAO5D,SAAgB,aAAa,CAC3B,KAAa,EACb,YAAuC;IAAvC,6BAAA,EAAA,iBAAuC;IAGrC,IAAA,KAEE,YAAY,aAFM,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KACE,YAAY,wBADgB,EAA9B,uBAAuB,mBAAG,IAAI,KAAA,CAChB;IAEhB,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;;QACrB,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAA;QACrB,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,0CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEL,IAAA,KAAwB,IAAA,gBAAQ,EACpC,CAAC,uBAAuB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE,YAAY,CAAC,CACvF,EAFM,OAAO,QAAA,EAAE,UAAU,QAEzB,CAAA;IAED,IAAM,QAAQ,GAAG,IAAA,cAAM,GAAkB,CAAA;IAEzC,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,MAAK,EAAE,IAAI,CAAC,KAAK;YAAE,OAAM;QAE1C,IAAI,YAAY,IAAI,MAAM,EAAE;YAC1B,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;YAC5C,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,OAAO,IAAA,2BAAmB,EAAC,QAAQ,CAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,EAAzB,CAAyB,CAAC,CAAA;SACnF;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAA;AAChB,CAAC;AAjCD,sCAiCC"}

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

@@ -0,0 +1 @@
+export declare const usePageExitBlocker: (handler: (willLeavePage: boolean) => void, deps?: Array<any>, message?: string) => void;

package/dist/lib/hooks/usePageExitBlocker.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageExitBlocker = void 0;
+var router_1 = require("@reach/router");
+var react_1 = require("react");
+var usePageExitBlocker = function (handler, deps, message) {
+    if (deps === void 0) { deps = []; }
+    if (message === void 0) { message = 'Are you sure you want to leave?'; }
+    var handleBeforeUnload = function (event) {
+        if (!event)
+            return null;
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event.returnValue = '';
+        return;
+    };
+    (0, react_1.useEffect)(function () {
+        if (!window)
+            return null;
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return function () {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, deps);
+    (0, react_1.useEffect)(function () {
+        return router_1.globalHistory.listen(function (args) {
+            var _a, _b;
+            if (!window)
+                return null;
+            var historyPathname = (_a = args === null || args === void 0 ? void 0 : args.location) === null || _a === void 0 ? void 0 : _a.pathname;
+            var windowPathname = (_b = window === null || window === void 0 ? void 0 : window.location) === null || _b === void 0 ? void 0 : _b.pathname;
+            var isPopAction = (args === null || args === void 0 ? void 0 : args.action) === 'POP';
+            var isLeaveAction = (args === null || args === void 0 ? void 0 : args.action) === 'PUSH' && !(historyPathname === null || historyPathname === void 0 ? void 0 : historyPathname.includes(windowPathname));
+            if (isLeaveAction || isPopAction) {
+                var willLeavePage = window.confirm(message);
+                handler === null || handler === void 0 ? void 0 : handler(willLeavePage);
+            }
+        });
+    }, deps);
+};
+exports.usePageExitBlocker = usePageExitBlocker;
+//# sourceMappingURL=usePageExitBlocker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageExitBlocker.js","sourceRoot":"","sources":["../../../src/lib/hooks/usePageExitBlocker.ts"],"names":[],"mappings":";;;AAAA,wCAA6C;AAC7C,+BAAiC;AAE1B,IAAM,kBAAkB,GAAG,UAChC,OAAyC,EACzC,IAAqB,EACrB,OAA2C;IAD3C,qBAAA,EAAA,SAAqB;IACrB,wBAAA,EAAA,2CAA2C;IAE3C,IAAM,kBAAkB,GAAG,UAAC,KAAwB;QAClD,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA;QAEvB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;QACvB,KAAK,CAAC,WAAW,GAAG,EAAE,CAAA;QACtB,OAAM;IACR,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA;QAExB,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;QAE3D,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,IAAA,iBAAS,EAAC;QACR,OAAO,sBAAa,CAAC,MAAM,CAAC,UAAC,IAAI;;YAC/B,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAA;YAExB,IAAM,eAAe,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,QAAQ,CAAA;YAChD,IAAM,cAAc,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,0CAAE,QAAQ,CAAA;YAEjD,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,KAAK,CAAA;YAC1C,IAAM,aAAa,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,MAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,CAAA;YAE3F,IAAI,aAAa,IAAI,WAAW,EAAE;gBAChC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;gBAE7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,aAAa,CAAC,CAAA;aACzB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC,CAAA;AAxCY,QAAA,kBAAkB,sBAwC9B"}

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

@@ -0,0 +1,23 @@
+export type PaginationParams = {
+    initialPage?: number;
+    page?: number;
+    total: number;
+    boundaries?: number;
+    onChangePage?: (page: number) => void;
+    shouldAbbreviate?: boolean;
+    abbreviationMinimumAmount?: number;
+    displayLeftArrow?: boolean;
+    displayRightArrow?: boolean;
+    isMobile?: boolean;
+    abbreviationSymbol?: any;
+};
+export declare function usePagination(props: PaginationParams): {
+    range: (string | number)[];
+    page: number;
+    setPage: (pageNumber: number) => number;
+    status: string;
+    next: () => number;
+    previous: () => number;
+    first: () => number;
+    last: () => number;
+};