@onepercentio/one-ui 0.6.0 → 0.6.3

package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts

@@ -1,18 +1,18 @@
-import { Key, ReactElement } from "react";
-export declare enum EntranceType {
-    SLIDE_AND_EXPAND = 0,
-    EXPAND = 1
-}
-export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
-    children: ReactElement;
-    noEntranceAnimation: boolean;
-    onRemoveChildren: (key: Key) => void;
-    entranceType: EntranceType;
-}): JSX.Element;
-/**
- * Animates the entrance and exit of a component
- **/
-export default function AnimatedEntrance({ children, entranceType, }: {
-    children: ReactElement[];
-    entranceType?: EntranceType;
-}): JSX.Element;
+import { Key, ReactElement } from "react";
+export declare enum EntranceType {
+    SLIDE_AND_EXPAND = 0,
+    EXPAND = 1
+}
+export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
+    children: ReactElement;
+    noEntranceAnimation: boolean;
+    onRemoveChildren: (key: Key) => void;
+    entranceType: EntranceType;
+}): JSX.Element;
+/**
+ * Animates the entrance and exit of a component
+ **/
+export default function AnimatedEntrance({ children, entranceType, }: {
+    children: ReactElement[];
+    entranceType?: EntranceType;
+}): JSX.Element;

package/dist/components/AnimatedEntrance/AnimatedEntrance.js

@@ -1,122 +1,126 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimatedEntranceItem = exports.EntranceType = void 0;
-const react_1 = __importStar(require("react"));
-const Transition_1 = require("../Transition");
-const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
-const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
-var EntranceType;
-(function (EntranceType) {
-    EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
-    EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
-})(EntranceType = exports.EntranceType || (exports.EntranceType = {}));
-const CONFIGS_BY_ENTRANCE_TYPE = {
-    [EntranceType.SLIDE_AND_EXPAND]: {
-        forward: {
-            elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
-            elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
-        },
-        backward: {
-            elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
-            elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
-        },
-    },
-    [EntranceType.EXPAND]: {
-        forward: {
-            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
-            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
-        },
-        backward: {
-            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
-            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
-        },
-    },
-};
-function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
-    const uncontRef = (0, react_1.useRef)(null);
-    const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
-    (0, react_1.useEffect)(() => {
-        if (String(children.key).includes("-nullated")) {
-            uncontRef.current.setOrientation("backward");
-        }
-        setScreen(children);
-    }, [children.key]);
-    (0, react_1.useEffect)(() => {
-        const x = setTimeout(() => {
-            const key = String(screen.key);
-            if (key === "null" || key.includes("-nullated"))
-                uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
-            else
-                uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
-        }, 100);
-        return () => {
-            clearTimeout(x);
-        };
-    }, [screen]);
-    const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
-    return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
-            if (k !== "null")
-                onRemoveChildren(k);
-        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen));
-}
-exports.AnimatedEntranceItem = AnimatedEntranceItem;
-/**
- * Animates the entrance and exit of a component
- **/
-function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
-    const firstRef = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
-        firstRef.current = false;
-    }, []);
-    const prevChildren = (0, react_1.useRef)([]);
-    const childrenDelayed = (0, react_1.useMemo)(() => {
-        var _a;
-        const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
-        const filteredOutChildren = prevChildren.current.map((c) => {
-            return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
-            c) : (
-            // If not, toggle to null to animate exit
-            react_1.default.createElement(react_1.Fragment, { key: String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated` }));
-        });
-        for (let child of newChildren) {
-            const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
-            if (previousChildKey) {
-                filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
-            }
-            else {
-                filteredOutChildren.unshift(child);
-            }
-        }
-        return filteredOutChildren;
-    }, [children]);
-    prevChildren.current = childrenDelayed;
-    return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, child)))));
-}
-exports.default = AnimatedEntrance;
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedEntranceItem = exports.EntranceType = void 0;
+const react_1 = __importStar(require("react"));
+const Transition_1 = require("../Transition");
+const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
+const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
+var EntranceType;
+(function (EntranceType) {
+    EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
+    EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
+})(EntranceType = exports.EntranceType || (exports.EntranceType = {}));
+const CONFIGS_BY_ENTRANCE_TYPE = {
+    [EntranceType.SLIDE_AND_EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
+        },
+    },
+    [EntranceType.EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
+        },
+    },
+};
+function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
+    const uncontRef = (0, react_1.useRef)(null);
+    const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
+    (0, react_1.useEffect)(() => {
+        if (String(children.key).includes("-nullated")) {
+            uncontRef.current.setOrientation("backward");
+        }
+        setScreen(children);
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        const x = setTimeout(() => {
+            const key = String(screen.key);
+            if (key === "null" || key.includes("-nullated"))
+                uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
+            else {
+                uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
+                uncontRef.current.sectionRef.current.addEventListener("transitionend", () => {
+                    uncontRef.current.sectionRef.current.style.maxHeight = "auto";
+                });
+            }
+        }, 100);
+        return () => {
+            clearTimeout(x);
+        };
+    }, [screen]);
+    const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
+    return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
+            if (k !== "null")
+                onRemoveChildren(k);
+        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen));
+}
+exports.AnimatedEntranceItem = AnimatedEntranceItem;
+/**
+ * Animates the entrance and exit of a component
+ **/
+function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
+    const firstRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        firstRef.current = false;
+    }, []);
+    const prevChildren = (0, react_1.useRef)([]);
+    const childrenDelayed = (0, react_1.useMemo)(() => {
+        var _a;
+        const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
+        const filteredOutChildren = prevChildren.current.map((c) => {
+            return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
+            c) : (
+            // If not, toggle to null to animate exit
+            react_1.default.createElement(react_1.Fragment, { key: String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated` }));
+        });
+        for (let child of newChildren) {
+            const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
+            if (previousChildKey) {
+                filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
+            }
+            else {
+                filteredOutChildren.unshift(child);
+            }
+        }
+        return filteredOutChildren;
+    }, [children]);
+    prevChildren.current = childrenDelayed;
+    return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, child)))));
+}
+exports.default = AnimatedEntrance;
 //# sourceMappingURL=AnimatedEntrance.js.map

package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map

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

package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-import AnimatedEntrance from "./AnimatedEntrance";
-declare const _default: {
-    component: typeof AnimatedEntrance;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-        entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
-    }>;
-};
+import React from "react";
+import AnimatedEntrance from "./AnimatedEntrance";
+declare const _default: {
+    component: typeof AnimatedEntrance;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+        entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
+    }>;
+};

package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js

@@ -1,67 +1,67 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importStar(require("react"));
-const Button_1 = __importDefault(require("../Button"));
-const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
-exports.default = {
-    component: AnimatedEntrance_1.default,
-    title: "Animated Entrance",
-};
-const ExampleEL = (key, removeElCb) => {
-    return (react_1.default.createElement("div", { key: key },
-        "Elemento ",
-        key,
-        " ",
-        react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
-                const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
-                return filteredOut;
-            }) }, "Remove")));
-};
-const InitialImplementation = (args) => {
-    const [exampleElements, setE] = (0, react_1.useState)([]);
-    (0, react_1.useMemo)(() => {
-        exampleElements.push(ExampleEL(1, setE));
-        exampleElements.push(ExampleEL(2, setE));
-        exampleElements.push(ExampleEL(3, setE));
-        exampleElements.push(ExampleEL(4, setE));
-    }, []);
-    const counter = (0, react_1.useRef)(4);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: { minHeight: 800 } },
-            react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
-        react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
-                counter.current++;
-                const currCounter = counter.current;
-                return [...prev, ExampleEL(currCounter, setE)];
-            }) }, "Add element")));
-};
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = __importDefault(require("../Button"));
+const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
+exports.default = {
+    component: AnimatedEntrance_1.default,
+    title: "Animated Entrance",
+};
+const ExampleEL = (key, removeElCb) => {
+    return (react_1.default.createElement("div", { key: key },
+        "Elemento ",
+        key,
+        " ",
+        react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
+                const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
+                return filteredOut;
+            }) }, "Remove")));
+};
+const InitialImplementation = (args) => {
+    const [exampleElements, setE] = (0, react_1.useState)([]);
+    (0, react_1.useMemo)(() => {
+        exampleElements.push(ExampleEL(1, setE));
+        exampleElements.push(ExampleEL(2, setE));
+        exampleElements.push(ExampleEL(3, setE));
+        exampleElements.push(ExampleEL(4, setE));
+    }, []);
+    const counter = (0, react_1.useRef)(4);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { minHeight: 800 } },
+            react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
+        react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
+                counter.current++;
+                const currCounter = counter.current;
+                return [...prev, ExampleEL(currCounter, setE)];
+            }) }, "Add element")));
+};
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=AnimatedEntrance.stories.js.map

package/dist/components/AnimatedEntrance/index.d.ts

@@ -1 +1 @@
-export { default } from './AnimatedEntrance';
+export { default } from './AnimatedEntrance';

package/dist/components/AnimatedEntrance/index.js

@@ -1,9 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AnimatedEntrance_1 = require("./AnimatedEntrance");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AnimatedEntrance_1 = require("./AnimatedEntrance");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/AsyncWrapper/AsyncWrapper.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from "react";
-/**
- * This is a generic implementation of the loading, and error handling
- **/
-export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
-    loading: boolean;
-    error: boolean;
-    onClose: () => void;
-    onRetry: () => void;
-}>): JSX.Element;
+import { PropsWithChildren } from "react";
+/**
+ * This is a generic implementation of the loading, and error handling
+ **/
+export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
+    loading: boolean;
+    error: boolean;
+    onClose: () => void;
+    onRetry: () => void;
+}>): JSX.Element;

package/dist/components/AsyncWrapper/AsyncWrapper.js

@@ -1,25 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
-const Button_1 = __importDefault(require("../Button"));
-const Loader_1 = __importDefault(require("../Loader"));
-const Text_1 = __importDefault(require("../Text"));
-/**
- * This is a generic implementation of the loading, and error handling
- **/
-function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
-    const { LoadingComponent = Loader_1.default, messages, } = (0, OneUIProvider_1.useOneUIContext)().component.asyncWrapper;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        children,
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: error, onClose: onClose },
-            react_1.default.createElement(Text_1.default, { type: "highlightTitle" }, messages.error.title),
-            react_1.default.createElement(Button_1.default, { onClick: () => onRetry() }, messages.error.retryBtn)),
-        loading ? react_1.default.createElement(LoadingComponent, null) : null));
-}
-exports.default = AsyncWrapper;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
+const Button_1 = __importDefault(require("../Button"));
+const Loader_1 = __importDefault(require("../Loader"));
+const Text_1 = __importDefault(require("../Text"));
+/**
+ * This is a generic implementation of the loading, and error handling
+ **/
+function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
+    const { LoadingComponent = Loader_1.default, messages, } = (0, OneUIProvider_1.useOneUIContext)().component.asyncWrapper;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        children,
+        react_1.default.createElement(AdaptiveDialog_1.default, { open: error, onClose: onClose },
+            react_1.default.createElement(Text_1.default, { type: "highlightTitle" }, messages.error.title),
+            react_1.default.createElement(Button_1.default, { onClick: () => onRetry() }, messages.error.retryBtn)),
+        loading ? react_1.default.createElement(LoadingComponent, null) : null));
+}
+exports.default = AsyncWrapper;
 //# sourceMappingURL=AsyncWrapper.js.map

package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import AsyncWrapper from "./AsyncWrapper";
-declare const _default: {
-    component: typeof AsyncWrapper;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        loading: boolean;
-        error: boolean;
-        onClose: () => void;
-        onRetry: () => void;
-    } & {
-        children?: React.ReactNode;
-    }>;
-};
+import React from "react";
+import AsyncWrapper from "./AsyncWrapper";
+declare const _default: {
+    component: typeof AsyncWrapper;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        loading: boolean;
+        error: boolean;
+        onClose: () => void;
+        onRetry: () => void;
+    } & {
+        children?: React.ReactNode;
+    }>;
+};