@onepercentio/one-ui 0.6.0 → 0.6.3

package/dist/components/Form/Form.js

@@ -1,102 +1,102 @@
-"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const Input_1 = __importDefault(require("../Input"));
-const Button_1 = __importDefault(require("../Button"));
-const Loader_1 = __importDefault(require("../Loader"));
-const EmailInput_1 = __importDefault(require("../EmailInput"));
-const AdaptiveButton_1 = __importDefault(require("../AdaptiveButton"));
-function AdvancedAction({ config, submited, submitting, isValid, onClick, }) {
-    const [key, Element, className] = submited === false
-        ? ["error", ...config.error]
-        : submited === true
-            ? ["success", ...config.success]
-            : submitting
-                ? ["loading", ...config.loading]
-                : ["default", ...config.label];
-    const salt = (0, react_1.useMemo)(() => Date.now(), [key]);
-    return (react_1.default.createElement(AdaptiveButton_1.default, { variant: "filled", className: className, disabled: !isValid, onClick: onClick },
-        react_1.default.createElement(Element, { key: key + salt })));
-}
-function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn }, ref) {
-    const [form, setform] = (0, react_1.useState)({});
-    const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
-    function sendContact(_form) {
-        return __awaiter(this, void 0, void 0, function* () {
-            onSubmit(_form);
-        });
-    }
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        clear: () => setform({}),
-    }), [ref]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        Object.keys(config).map((c) => {
-            const fieldConfig = config[c];
-            const invalidMessage = fieldConfig.validator(form[c], form);
-            switch (fieldConfig.type) {
-                case "select":
-                    return null;
-                case "text":
-                case "number":
-                    const isNumber = fieldConfig.type === "number";
-                    return (react_1.default.createElement(Input_1.default, Object.assign({}, fieldConfig.inputProps, { key: c, name: c, error: form[c] && invalidMessage !== true
-                            ? invalidMessage
-                            : undefined, placeholder: config[c].placeholder, value: !isNumber ? form[c] || "" : undefined, hideError: "onfocus", onChange: ({ target: { value } }) => {
-                            let _value = isNumber ? Number(value) : value;
-                            if (isNumber && Number.isNaN(_value)) {
-                                _value = undefined;
-                            }
-                            setform(Object.assign(Object.assign({}, form), { [c]: _value }));
-                        } })));
-                case "email":
-                    return (react_1.default.createElement(EmailInput_1.default, Object.assign({ key: c }, fieldConfig, { name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
-                            ? invalidMessage
-                            : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: (email) => setform(Object.assign(Object.assign({}, form), { [c]: email })) })));
-                case "textarea":
-                    return (react_1.default.createElement(Input_1.default, { key: c, name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
-                            ? invalidMessage
-                            : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: ({ target: { value } }) => setform(Object.assign(Object.assign({}, form), { [c]: value })), multiline: fieldConfig.lines }));
-            }
-        }),
-        typeof submitBtn === "string" ? (react_1.default.createElement(Button_1.default, { variant: "filled", disabled: submitting || !isValid || submited !== undefined, onClick: () => sendContact(form) },
-            submitBtn,
-            "\u00A0",
-            submitting && react_1.default.createElement(Loader_1.default, null))) : (react_1.default.createElement(AdvancedAction, { config: submitBtn, isValid: isValid, onClick: () => sendContact(form), submitting: submitting, submited: submited }))));
-}
-exports.default = (0, react_1.forwardRef)(FirebaseForm);
+"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Input_1 = __importDefault(require("../Input"));
+const Button_1 = __importDefault(require("../Button"));
+const Loader_1 = __importDefault(require("../Loader"));
+const EmailInput_1 = __importDefault(require("../EmailInput"));
+const AdaptiveButton_1 = __importDefault(require("../AdaptiveButton"));
+function AdvancedAction({ config, submited, submitting, isValid, onClick, }) {
+    const [key, Element, className] = submited === false
+        ? ["error", ...config.error]
+        : submited === true
+            ? ["success", ...config.success]
+            : submitting
+                ? ["loading", ...config.loading]
+                : ["default", ...config.label];
+    const salt = (0, react_1.useMemo)(() => Date.now(), [key]);
+    return (react_1.default.createElement(AdaptiveButton_1.default, { variant: "filled", className: className, disabled: !isValid, onClick: onClick },
+        react_1.default.createElement(Element, { key: key + salt })));
+}
+function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn }, ref) {
+    const [form, setform] = (0, react_1.useState)({});
+    const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
+    function sendContact(_form) {
+        return __awaiter(this, void 0, void 0, function* () {
+            onSubmit(_form);
+        });
+    }
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        clear: () => setform({}),
+    }), [ref]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        Object.keys(config).map((c) => {
+            const fieldConfig = config[c];
+            const invalidMessage = fieldConfig.validator(form[c], form);
+            switch (fieldConfig.type) {
+                case "select":
+                    return null;
+                case "text":
+                case "number":
+                    const isNumber = fieldConfig.type === "number";
+                    return (react_1.default.createElement(Input_1.default, Object.assign({}, fieldConfig.inputProps, { key: c, name: c, error: form[c] && invalidMessage !== true
+                            ? invalidMessage
+                            : undefined, placeholder: config[c].placeholder, value: !isNumber ? form[c] || "" : undefined, hideError: "onfocus", onChange: ({ target: { value } }) => {
+                            let _value = isNumber ? Number(value) : value;
+                            if (isNumber && Number.isNaN(_value)) {
+                                _value = undefined;
+                            }
+                            setform(Object.assign(Object.assign({}, form), { [c]: _value }));
+                        } })));
+                case "email":
+                    return (react_1.default.createElement(EmailInput_1.default, Object.assign({ key: c }, fieldConfig, { name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
+                            ? invalidMessage
+                            : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: (email) => setform(Object.assign(Object.assign({}, form), { [c]: email })) })));
+                case "textarea":
+                    return (react_1.default.createElement(Input_1.default, { key: c, name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
+                            ? invalidMessage
+                            : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: ({ target: { value } }) => setform(Object.assign(Object.assign({}, form), { [c]: value })), multiline: fieldConfig.lines }));
+            }
+        }),
+        typeof submitBtn === "string" ? (react_1.default.createElement(Button_1.default, { variant: "filled", disabled: submitting || !isValid || submited !== undefined, onClick: () => sendContact(form) },
+            submitBtn,
+            "\u00A0",
+            submitting && react_1.default.createElement(Loader_1.default, null))) : (react_1.default.createElement(AdvancedAction, { config: submitBtn, isValid: isValid, onClick: () => sendContact(form), submitting: submitting, submited: submited }))));
+}
+exports.default = (0, react_1.forwardRef)(FirebaseForm);
 //# sourceMappingURL=Form.js.map

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

@@ -1,13 +1,13 @@
-import React from "react";
-import { FirebaseFormProps } from "./Form";
-declare const _default: {
-    title: string;
-    component: <M extends import("./Form").BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: React.ForwardedRef<import("./Form").FormInterface>) => JSX.Element;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: FirebaseFormProps<{
-        email: string;
-    }>;
-};
+import React from "react";
+import { FirebaseFormProps } from "./Form";
+declare const _default: {
+    title: string;
+    component: <M extends import("./Form").BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: React.ForwardedRef<import("./Form").FormInterface>) => JSX.Element;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: FirebaseFormProps<{
+        email: string;
+    }>;
+};

package/dist/components/Form/Form.stories.js

@@ -1,36 +1,36 @@
-"use strict";
-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 = __importDefault(require("react"));
-const Form_1 = __importDefault(require("./Form"));
-exports.default = {
-    title: "Form",
-    component: Form_1.default,
-};
-const InitialImplementation = (args) => react_1.default.createElement(Form_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    config: {
-        email: {
-            type: "email",
-            messages: {
-                invalidEmail: "Email invalido",
-            },
-            validator: (e) => (!!e ? true : "Fail"),
-            placeholder: "Something",
-        },
-    },
-    onSubmit: () => { },
-    submitting: true,
-    submited: false,
-    submitBtn: {
-        error: [() => react_1.default.createElement(react_1.default.Fragment, null, "Error")],
-        label: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviar")],
-        loading: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviando")],
-        success: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviado")],
-    },
-};
+"use strict";
+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 = __importDefault(require("react"));
+const Form_1 = __importDefault(require("./Form"));
+exports.default = {
+    title: "Form",
+    component: Form_1.default,
+};
+const InitialImplementation = (args) => react_1.default.createElement(Form_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    config: {
+        email: {
+            type: "email",
+            messages: {
+                invalidEmail: "Email invalido",
+            },
+            validator: (e) => (!!e ? true : "Fail"),
+            placeholder: "Something",
+        },
+    },
+    onSubmit: () => { },
+    submitting: true,
+    submited: false,
+    submitBtn: {
+        error: [() => react_1.default.createElement(react_1.default.Fragment, null, "Error")],
+        label: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviar")],
+        loading: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviando")],
+        success: [() => react_1.default.createElement(react_1.default.Fragment, null, "Enviado")],
+    },
+};
 //# sourceMappingURL=Form.stories.js.map

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

@@ -1 +1 @@
-export { default } from "./Form";
+export { default } from "./Form";

package/dist/components/Form/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 Form_1 = require("./Form");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Form_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 Form_1 = require("./Form");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/Freeze/Freeze.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-/**
- * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
- **/
-export default function Freeze({ children }: PropsWithChildren<{}>): any;
+import { PropsWithChildren } from "react";
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+export default function Freeze({ children }: PropsWithChildren<{}>): any;

package/dist/components/Freeze/Freeze.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-/**
- * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
- **/
-function Freeze({ children }) {
-    const currChildOrPrev = (0, react_1.useRef)();
-    currChildOrPrev.current = children || currChildOrPrev.current;
-    return currChildOrPrev.current || null;
-}
-exports.default = Freeze;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+/**
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
+ **/
+function Freeze({ children }) {
+    const currChildOrPrev = (0, react_1.useRef)();
+    currChildOrPrev.current = children || currChildOrPrev.current;
+    return currChildOrPrev.current || null;
+}
+exports.default = Freeze;
 //# sourceMappingURL=Freeze.js.map

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

@@ -1,7 +1,7 @@
-import Freeze from "./Freeze";
-declare const _default: {
-    title: string;
-    component: typeof Freeze;
-};
-export default _default;
-export declare const BasicUsage: () => JSX.Element;
+import Freeze from "./Freeze";
+declare const _default: {
+    title: string;
+    component: typeof Freeze;
+};
+export default _default;
+export declare const BasicUsage: () => JSX.Element;

package/dist/components/Freeze/Freeze.stories.js

@@ -1,56 +1,56 @@
-"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.BasicUsage = void 0;
-const react_1 = __importStar(require("react"));
-const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
-const Freeze_1 = __importDefault(require("./Freeze"));
-exports.default = {
-    title: "Freeze",
-    component: Freeze_1.default,
-};
-const BasicUsage = () => {
-    const [openModal, setOpen] = (0, react_1.useState)(false);
-    const [openModalWithFreeze, setOpenWFreeze] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", null, "The modal will have a content only when it's open, when closing, the content will be empty"),
-        react_1.default.createElement("button", { onClick: () => setOpen(true) }, "Open without freeze"),
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModal, onClose: () => setOpen(false) }, openModal && (react_1.default.createElement("div", null,
-            react_1.default.createElement("h1", null, "This is the content that shows up when the modal is opened. try closing it."),
-            react_1.default.createElement("h2", null, "Notice how the content goes away")))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("button", { onClick: () => setOpenWFreeze(true) }, "Open with freeze"),
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModalWithFreeze, onClose: () => setOpenWFreeze(false) },
-            react_1.default.createElement(Freeze_1.default, null, openModalWithFreeze && (react_1.default.createElement("div", null,
-                react_1.default.createElement("h1", null, " Now this content is using freeze component."),
-                "This is the content that shows up when the modal is opened. try closing it.",
-                react_1.default.createElement("h2", null, "Notice how it doesn't go away, even though the child turns false because of the condition (check story)")))))));
-};
-exports.BasicUsage = BasicUsage;
+"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.BasicUsage = void 0;
+const react_1 = __importStar(require("react"));
+const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
+const Freeze_1 = __importDefault(require("./Freeze"));
+exports.default = {
+    title: "Freeze",
+    component: Freeze_1.default,
+};
+const BasicUsage = () => {
+    const [openModal, setOpen] = (0, react_1.useState)(false);
+    const [openModalWithFreeze, setOpenWFreeze] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h1", null, "The modal will have a content only when it's open, when closing, the content will be empty"),
+        react_1.default.createElement("button", { onClick: () => setOpen(true) }, "Open without freeze"),
+        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModal, onClose: () => setOpen(false) }, openModal && (react_1.default.createElement("div", null,
+            react_1.default.createElement("h1", null, "This is the content that shows up when the modal is opened. try closing it."),
+            react_1.default.createElement("h2", null, "Notice how the content goes away")))),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("button", { onClick: () => setOpenWFreeze(true) }, "Open with freeze"),
+        react_1.default.createElement(AdaptiveDialog_1.default, { open: openModalWithFreeze, onClose: () => setOpenWFreeze(false) },
+            react_1.default.createElement(Freeze_1.default, null, openModalWithFreeze && (react_1.default.createElement("div", null,
+                react_1.default.createElement("h1", null, " Now this content is using freeze component."),
+                "This is the content that shows up when the modal is opened. try closing it.",
+                react_1.default.createElement("h2", null, "Notice how it doesn't go away, even though the child turns false because of the condition (check story)")))))));
+};
+exports.BasicUsage = BasicUsage;
 //# sourceMappingURL=Freeze.stories.js.map

package/dist/components/Freeze/Freeze.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Freeze/Freeze.test.js

@@ -1,15 +1,15 @@
-"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 react_2 = require("@testing-library/react");
-const Freeze_1 = __importDefault(require("./Freeze"));
-it("Should mantain the children when the children assumes empty value", () => {
-    const { container, rerender } = (0, react_2.render)(react_1.default.createElement(Freeze_1.default, null, "Some condition that assumes in a moment"));
-    expect(container.textContent).toEqual("Some condition that assumes in a moment");
-    rerender(react_1.default.createElement(Freeze_1.default, null));
-    expect(container.textContent).toEqual("Some condition that assumes in a moment");
-});
+"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 react_2 = require("@testing-library/react");
+const Freeze_1 = __importDefault(require("./Freeze"));
+it("Should mantain the children when the children assumes empty value", () => {
+    const { container, rerender } = (0, react_2.render)(react_1.default.createElement(Freeze_1.default, null, "Some condition that assumes in a moment"));
+    expect(container.textContent).toEqual("Some condition that assumes in a moment");
+    rerender(react_1.default.createElement(Freeze_1.default, null));
+    expect(container.textContent).toEqual("Some condition that assumes in a moment");
+});
 //# sourceMappingURL=Freeze.test.js.map

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

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

package/dist/components/Freeze/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 Freeze_1 = require("./Freeze");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Freeze_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 Freeze_1 = require("./Freeze");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Freeze_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/HSForms/HSForms.d.ts

@@ -1,5 +1,5 @@
-export default function HSForms({ region, partialId, formId, }: {
-    region: "na1";
-    partialId: string;
-    formId: string;
-}): JSX.Element | null;
+export default function HSForms({ region, partialId, formId, }: {
+    region: "na1";
+    partialId: string;
+    formId: string;
+}): JSX.Element | null;