@codeleap/web 2.0.1 → 2.3.12

package/dist/lib/OSAlert.js

@@ -1,140 +1,140 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateOSAlert = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var components_1 = require("../components");
-var react_dom_1 = __importDefault(require("react-dom"));
-function RenderModal(props) {
-    var _a = (0, common_1.useBooleanToggle)(false), visible = _a[0], toggle = _a[1];
-    var previousVisible = (0, common_1.usePrevious)(visible);
-    var _b = props.args, title = _b.title, body = _b.body, _c = _b.options, options = _c === void 0 ? [] : _c;
-    (0, common_1.onMount)(function () {
-        toggle();
-    });
-    (0, common_1.onUpdate)(function () {
-        if (!visible && previousVisible) {
-            setTimeout(props.removeSelf, 1000);
-        }
-    }, [visible]);
-    return (0, jsx_runtime_1.jsx)(common_1.StyleProvider, __assign({}, props.contextProps, { children: (0, jsx_runtime_1.jsx)(components_1.Modal, __assign({ visible: visible, toggle: toggle, title: title, showClose: false, closable: false, variants: ['OSAlert'], footer: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: options.map(function (o, idx) { return (0, jsx_runtime_1.jsx)(components_1.Button, __assign({}, o, { onPress: function () {
-                        var _a;
-                        (_a = o.onPress) === null || _a === void 0 ? void 0 : _a.call(o);
-                        toggle();
-                    } }), idx); }) }) }, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { text: body || '', variants: ['OSAlertBody'] }) })) }));
-}
-var MODAL_ID = '__CODELEAP_MODAL__';
-function OSAlert(props) {
-    if (!document)
-        return;
-    var modalDiv = document.getElementById(MODAL_ID);
-    var remove = function () {
-        react_dom_1.default.unmountComponentAtNode(modalDiv);
-    };
-    if (!modalDiv) {
-        modalDiv = document.createElement('div');
-        modalDiv.setAttribute('id', MODAL_ID);
-        document.body.appendChild(modalDiv);
-    }
-    else {
-        remove();
-    }
-    react_dom_1.default.render((0, jsx_runtime_1.jsx)(RenderModal, { contextProps: props.context, removeSelf: remove, args: props }), modalDiv);
-}
-function CreateOSAlert(context) {
-    function ask(_a) {
-        var title = _a.title, body = _a.body, options = _a.options;
-        if (!title) {
-            title = 'Quick quetion';
-        }
-        OSAlert({
-            context: context,
-            title: title,
-            body: body,
-            options: options,
-        });
-    }
-    function OSError(args) {
-        var title = args.title, body = args.body;
-        if (!title) {
-            title = 'Whoops!';
-        }
-        if (!body) {
-            body = 'Something went wrong';
-        }
-        OSAlert({
-            title: title,
-            context: context,
-            body: body,
-            options: [
-                {
-                    text: 'OK',
-                    onPress: function () {
-                        var _a;
-                        (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
-                    },
-                },
-            ],
-        });
-    }
-    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({
-            context: context,
-            title: title,
-            body: body,
-            options: [
-                {
-                    text: 'Cancel',
-                    onPress: function () {
-                        onReject();
-                    },
-                },
-                {
-                    text: 'OK',
-                    onPress: function () {
-                        onAccept === null || onAccept === void 0 ? void 0 : onAccept();
-                    },
-                },
-            ],
-        });
-    }
-    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({
-            context: context,
-            title: title,
-            body: body,
-            options: [
-                {
-                    text: 'OK',
-                    onPress: function () {
-                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-                    },
-                },
-            ],
-        });
-    }
-    return {
-        ask: ask,
-        warn: warn,
-        info: info,
-        error: OSError,
-    };
-}
-exports.CreateOSAlert = CreateOSAlert;
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateOSAlert = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var components_1 = require("../components");
+var react_dom_1 = __importDefault(require("react-dom"));
+function RenderModal(props) {
+    var _a = (0, common_1.useBooleanToggle)(false), visible = _a[0], toggle = _a[1];
+    var previousVisible = (0, common_1.usePrevious)(visible);
+    var _b = props.args, title = _b.title, body = _b.body, _c = _b.options, options = _c === void 0 ? [] : _c;
+    (0, common_1.onMount)(function () {
+        toggle();
+    });
+    (0, common_1.onUpdate)(function () {
+        if (!visible && previousVisible) {
+            setTimeout(props.removeSelf, 1000);
+        }
+    }, [visible]);
+    return (0, jsx_runtime_1.jsx)(common_1.StyleProvider, __assign({}, props.contextProps, { children: (0, jsx_runtime_1.jsx)(components_1.Modal, __assign({ visible: visible, toggle: toggle, title: title, showClose: false, closable: false, variants: ['OSAlert'], footer: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: options.map(function (o, idx) { return (0, jsx_runtime_1.jsx)(components_1.Button, __assign({}, o, { onPress: function () {
+                        var _a;
+                        (_a = o.onPress) === null || _a === void 0 ? void 0 : _a.call(o);
+                        toggle();
+                    } }), idx); }) }) }, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { text: body || '', variants: ['OSAlertBody'] }) })) }));
+}
+var MODAL_ID = '__CODELEAP_MODAL__';
+function OSAlert(props) {
+    if (!document)
+        return;
+    var modalDiv = document.getElementById(MODAL_ID);
+    var remove = function () {
+        react_dom_1.default.unmountComponentAtNode(modalDiv);
+    };
+    if (!modalDiv) {
+        modalDiv = document.createElement('div');
+        modalDiv.setAttribute('id', MODAL_ID);
+        document.body.appendChild(modalDiv);
+    }
+    else {
+        remove();
+    }
+    react_dom_1.default.render((0, jsx_runtime_1.jsx)(RenderModal, { contextProps: props.context, removeSelf: remove, args: props }), modalDiv);
+}
+function CreateOSAlert(context) {
+    function ask(_a) {
+        var title = _a.title, body = _a.body, options = _a.options;
+        if (!title) {
+            title = 'Quick quetion';
+        }
+        OSAlert({
+            context: context,
+            title: title,
+            body: body,
+            options: options,
+        });
+    }
+    function OSError(args) {
+        var title = args.title, body = args.body;
+        if (!title) {
+            title = 'Whoops!';
+        }
+        if (!body) {
+            body = 'Something went wrong';
+        }
+        OSAlert({
+            title: title,
+            context: context,
+            body: body,
+            options: [
+                {
+                    text: 'OK',
+                    onPress: function () {
+                        var _a;
+                        (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
+                    },
+                },
+            ],
+        });
+    }
+    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({
+            context: context,
+            title: title,
+            body: body,
+            options: [
+                {
+                    text: 'Cancel',
+                    onPress: function () {
+                        onReject();
+                    },
+                },
+                {
+                    text: 'OK',
+                    onPress: function () {
+                        onAccept === null || onAccept === void 0 ? void 0 : onAccept();
+                    },
+                },
+            ],
+        });
+    }
+    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({
+            context: context,
+            title: title,
+            body: body,
+            options: [
+                {
+                    text: 'OK',
+                    onPress: function () {
+                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                    },
+                },
+            ],
+        });
+    }
+    return {
+        ask: ask,
+        warn: warn,
+        info: info,
+        error: OSError,
+    };
+}
+exports.CreateOSAlert = CreateOSAlert;
 //# sourceMappingURL=OSAlert.js.map

package/dist/lib/Toast.d.ts

@@ -1,13 +1,13 @@
-import { toast } from 'react-toastify';
-declare type ToastArgs = {
-    title: string;
-} & Parameters<typeof toast.info>[1];
-declare function info({ title, ...others }: ToastArgs): void;
-declare function success({ title, ...others }: ToastArgs): void;
-declare function error({ title, ...others }: ToastArgs): void;
-declare const _default: {
-    info: typeof info;
-    success: typeof success;
-    error: typeof error;
-};
-export default _default;
+import { toast } from 'react-toastify';
+declare type ToastArgs = {
+    title: string;
+} & Parameters<typeof toast.info>[1];
+declare function info({ title, ...others }: ToastArgs): void;
+declare function success({ title, ...others }: ToastArgs): void;
+declare function error({ title, ...others }: ToastArgs): void;
+declare const _default: {
+    info: typeof info;
+    success: typeof success;
+    error: typeof error;
+};
+export default _default;

package/dist/lib/Toast.js

@@ -1,32 +1,32 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_toastify_1 = require("react-toastify");
-function info(_a) {
-    var title = _a.title, others = __rest(_a, ["title"]);
-    react_toastify_1.toast.info(title, others);
-}
-function success(_a) {
-    var title = _a.title, others = __rest(_a, ["title"]);
-    react_toastify_1.toast.success(title, others);
-}
-function error(_a) {
-    var title = _a.title, others = __rest(_a, ["title"]);
-    react_toastify_1.toast.error(title, others);
-}
-exports.default = {
-    info: info,
-    success: success,
-    error: error,
-};
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_toastify_1 = require("react-toastify");
+function info(_a) {
+    var title = _a.title, others = __rest(_a, ["title"]);
+    react_toastify_1.toast.info(title, others);
+}
+function success(_a) {
+    var title = _a.title, others = __rest(_a, ["title"]);
+    react_toastify_1.toast.success(title, others);
+}
+function error(_a) {
+    var title = _a.title, others = __rest(_a, ["title"]);
+    react_toastify_1.toast.error(title, others);
+}
+exports.default = {
+    info: info,
+    success: success,
+    error: error,
+};
 //# sourceMappingURL=Toast.js.map

package/dist/lib/hooks.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="react" />
-export declare function useWindowSize(): any[];
-export declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: HTMLElement[]): import("react").MutableRefObject<T>;
-export declare function useScrollEffect(effect: (passed: boolean, current: number) => any, breakpoint: number, extraDependencies?: any[]): void;
-export declare const DOTS = "dots";
-export interface PaginationParams {
-    /** Page selected on initial render, defaults to 1 */
-    initialPage?: number;
-    /** Controlled active page number */
-    page?: number;
-    /** Total amount of pages */
-    total: number;
-    /** Siblings amount on left/right side of selected page, defaults to 1 */
-    siblings?: number;
-    /** Amount of elements visible on left/right edges, defaults to 1  */
-    boundaries?: number;
-    /** Callback fired after change of each page */
-    onChange?: (page: number) => void;
-}
-export declare function usePagination({ total, siblings, boundaries, page, initialPage, onChange, }: PaginationParams): {
-    range: (number | "dots")[];
-    active: number;
-    setPage: (pageNumber: number) => void;
-    next: () => void;
-    previous: () => void;
-    first: () => void;
-    last: () => void;
-};
+/// <reference types="react" />
+export declare function useWindowSize(): any[];
+export declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: HTMLElement[]): import("react").MutableRefObject<T>;
+export declare function useScrollEffect(effect: (passed: boolean, current: number) => any, breakpoint: number, extraDependencies?: any[]): void;
+export declare const DOTS = "dots";
+export interface PaginationParams {
+    /** Page selected on initial render, defaults to 1 */
+    initialPage?: number;
+    /** Controlled active page number */
+    page?: number;
+    /** Total amount of pages */
+    total: number;
+    /** Siblings amount on left/right side of selected page, defaults to 1 */
+    siblings?: number;
+    /** Amount of elements visible on left/right edges, defaults to 1  */
+    boundaries?: number;
+    /** Callback fired after change of each page */
+    onChange?: (page: number) => void;
+}
+export declare function usePagination({ total, siblings, boundaries, page, initialPage, onChange, }: PaginationParams): {
+    range: (number | "dots")[];
+    active: number;
+    setPage: (pageNumber: number) => void;
+    next: () => void;
+    previous: () => void;
+    first: () => void;
+    last: () => void;
+};