@onepercentio/one-ui 0.6.0 → 0.6.3

package/dist/components/PixelatedScan/PixelatedScan.stories.js

@@ -1,40 +1,40 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreciseImplementation = exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const PixelatedScan_1 = __importDefault(require("./PixelatedScan"));
-exports.default = {
-    component: PixelatedScan_1.default,
-    title: "Pixelated Scan",
-};
-const InitialImplementation = (args) => (react_1.default.createElement("div", { style: {
-        position: "relative",
-        backgroundColor: "red",
-        height: "441px",
-        width: "300px",
-    } },
-    react_1.default.createElement(PixelatedScan_1.default, Object.assign({}, args))));
-exports.InitialImplementation = InitialImplementation;
-const PreciseImplementation = (args) => (react_1.default.createElement("div", { style: { display: "flex" } },
-    react_1.default.createElement("div", { style: {
-            position: "relative",
-            backgroundColor: "red",
-            height: "500px",
-            width: "250px",
-        } },
-        react_1.default.createElement(PixelatedScan_1.default, Object.assign({ squaresByLine: 10 }, args))),
-    react_1.default.createElement("div", { style: {
-            position: "relative",
-            backgroundColor: "red",
-            height: "1000px",
-            width: "250px",
-        } },
-        react_1.default.createElement(PixelatedScan_1.default, Object.assign({ squaresByLine: 10 }, args)))));
-exports.PreciseImplementation = PreciseImplementation;
-exports.InitialImplementation.args = {
-    squaresByLine: 10,
-};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreciseImplementation = exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const PixelatedScan_1 = __importDefault(require("./PixelatedScan"));
+exports.default = {
+    component: PixelatedScan_1.default,
+    title: "Pixelated Scan",
+};
+const InitialImplementation = (args) => (react_1.default.createElement("div", { style: {
+        position: "relative",
+        backgroundColor: "red",
+        height: "441px",
+        width: "300px",
+    } },
+    react_1.default.createElement(PixelatedScan_1.default, Object.assign({}, args))));
+exports.InitialImplementation = InitialImplementation;
+const PreciseImplementation = (args) => (react_1.default.createElement("div", { style: { display: "flex" } },
+    react_1.default.createElement("div", { style: {
+            position: "relative",
+            backgroundColor: "red",
+            height: "500px",
+            width: "250px",
+        } },
+        react_1.default.createElement(PixelatedScan_1.default, Object.assign({ squaresByLine: 10 }, args))),
+    react_1.default.createElement("div", { style: {
+            position: "relative",
+            backgroundColor: "red",
+            height: "1000px",
+            width: "250px",
+        } },
+        react_1.default.createElement(PixelatedScan_1.default, Object.assign({ squaresByLine: 10 }, args)))));
+exports.PreciseImplementation = PreciseImplementation;
+exports.InitialImplementation.args = {
+    squaresByLine: 10,
+};
 //# sourceMappingURL=PixelatedScan.stories.js.map

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

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

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

package/dist/components/Portal/Portal.d.ts

@@ -1,11 +1,11 @@
-import { PropsWithChildren } from "react";
-/**
- * A react portal implementation with current page fallback
- **/
-export default function Portal({ to, children, }: PropsWithChildren<{
-    to: string;
-}>): JSX.Element | null;
-export declare function PortalReceiver({ name, className, }: {
-    name: string;
-    className?: string;
-}): JSX.Element;
+import { PropsWithChildren } from "react";
+/**
+ * A react portal implementation with current page fallback
+ **/
+export default function Portal({ to, children, }: PropsWithChildren<{
+    to: string;
+}>): JSX.Element | null;
+export declare function PortalReceiver({ name, className, }: {
+    name: string;
+    className?: string;
+}): JSX.Element;

package/dist/components/Portal/Portal.js

@@ -1,62 +1,62 @@
-"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.PortalReceiver = void 0;
-const react_dom_1 = __importDefault(require("react-dom"));
-const react_1 = __importStar(require("react"));
-const react_2 = require("react");
-const react_3 = require("react");
-const react_4 = require("react");
-const Portal_module_scss_1 = __importDefault(require("./Portal.module.scss"));
-/**
- * A react portal implementation with current page fallback
- **/
-function Portal({ to, children, }) {
-    const [target, setTarget] = (0, react_4.useState)();
-    (0, react_3.useEffect)(() => {
-        const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
-        let latestEl;
-        els.forEach((el) => {
-            latestEl =
-                Number(el.getAttribute("data-timestamp")) >
-                    Number((latestEl === null || latestEl === void 0 ? void 0 : latestEl.timestamp) || 0)
-                    ? el
-                    : latestEl;
-        });
-        setTarget(latestEl || null);
-    }, []);
-    return target === undefined ? null : (react_1.default.createElement(react_1.default.Fragment, null, target === null ? children : react_dom_1.default.createPortal(children, target)));
-}
-exports.default = Portal;
-function PortalReceiver({ name, className = "", }) {
-    const ref = (0, react_2.useRef)(null);
-    const timestamp = (0, react_1.useMemo)(() => Date.now(), []);
-    return (react_1.default.createElement("div", { className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref: ref, "data-timestamp": timestamp }));
-}
-exports.PortalReceiver = PortalReceiver;
+"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.PortalReceiver = void 0;
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importStar(require("react"));
+const react_2 = require("react");
+const react_3 = require("react");
+const react_4 = require("react");
+const Portal_module_scss_1 = __importDefault(require("./Portal.module.scss"));
+/**
+ * A react portal implementation with current page fallback
+ **/
+function Portal({ to, children, }) {
+    const [target, setTarget] = (0, react_4.useState)();
+    (0, react_3.useEffect)(() => {
+        const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
+        let latestEl;
+        els.forEach((el) => {
+            latestEl =
+                Number(el.getAttribute("data-timestamp")) >
+                    Number((latestEl === null || latestEl === void 0 ? void 0 : latestEl.timestamp) || 0)
+                    ? el
+                    : latestEl;
+        });
+        setTarget(latestEl || null);
+    }, []);
+    return target === undefined ? null : (react_1.default.createElement(react_1.default.Fragment, null, target === null ? children : react_dom_1.default.createPortal(children, target)));
+}
+exports.default = Portal;
+function PortalReceiver({ name, className = "", }) {
+    const ref = (0, react_2.useRef)(null);
+    const timestamp = (0, react_1.useMemo)(() => Date.now(), []);
+    return (react_1.default.createElement("div", { className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref: ref, "data-timestamp": timestamp }));
+}
+exports.PortalReceiver = PortalReceiver;
 //# sourceMappingURL=Portal.js.map

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

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

package/dist/components/Portal/Portal.stories.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 });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const Portal_1 = __importDefault(require("./Portal"));
-exports.default = {
-    title: 'Portal',
-    component: Portal_1.default,
-};
-const InitialImplementation = (args) => (react_1.default.createElement(Portal_1.default, Object.assign({}, args)));
-exports.InitialImplementation = InitialImplementation;
+"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 Portal_1 = __importDefault(require("./Portal"));
+exports.default = {
+    title: 'Portal',
+    component: Portal_1.default,
+};
+const InitialImplementation = (args) => (react_1.default.createElement(Portal_1.default, Object.assign({}, args)));
+exports.InitialImplementation = InitialImplementation;
 //# sourceMappingURL=Portal.stories.js.map

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

@@ -1 +1 @@
-export { default, PortalReceiver } from './Portal';
+export { default, PortalReceiver } from './Portal';

package/dist/components/Portal/index.js

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

package/dist/components/ProgressTexts/ProgressTexts.d.ts

@@ -1,22 +1,22 @@
-import React, { MouseEvent } from "react";
-declare type Step = {
-    type: "wait" | "final";
-    title?: string;
-    description?: string | React.ReactElement;
-    action?: {
-        label: string;
-        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-    };
-};
-/**
- * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
- **/
-export default function ProgressTexts({ steps, currentStep, spacingOnEachStep, }: {
-    /**
-     * Starts at 0
-     */
-    currentStep: number;
-    steps: Step[];
-    spacingOnEachStep?: boolean;
-}): JSX.Element;
-export {};
+import React, { MouseEvent } from "react";
+declare type Step = {
+    type: "wait" | "final";
+    title?: string;
+    description?: string | React.ReactElement;
+    action?: {
+        label: string;
+        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
+    };
+};
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+export default function ProgressTexts({ steps, currentStep, spacingOnEachStep, }: {
+    /**
+     * Starts at 0
+     */
+    currentStep: number;
+    steps: Step[];
+    spacingOnEachStep?: boolean;
+}): JSX.Element;
+export {};

package/dist/components/ProgressTexts/ProgressTexts.js

@@ -1,38 +1,38 @@
-"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 Spacing_1 = __importDefault(require("../Spacing"));
-const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
-const Button_1 = __importDefault(require("../Button"));
-/**
- * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
- **/
-function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
-    const _currentStep = steps[currentStep];
-    return (react_1.default.createElement(react_1.default.Fragment, null, steps.map((s, i) => {
-        function whichClassToUse(step, stepType, currentStep, currentStepType) {
-            const classes = [ProgressTexts_module_scss_1.default.container];
-            // Decides the color
-            if (stepType !== "final")
-                classes.push(step < currentStep ? ProgressTexts_module_scss_1.default.disabled : ProgressTexts_module_scss_1.default.loading);
-            // Decides if should be visible or not
-            classes.push(currentStep !== step && currentStepType === "final"
-                ? ProgressTexts_module_scss_1.default.hidden
-                : "");
-            return classes.join(" ");
-        }
-        return i <= currentStep ? (react_1.default.createElement("div", { key: String(i), ref: (a) => {
-                if (a)
-                    a.style.maxHeight = `${a.scrollHeight}px`;
-            }, className: whichClassToUse(i, s.type, currentStep, _currentStep.type) },
-            s.title && react_1.default.createElement("h1", null, s.title),
-            s.description && react_1.default.createElement("p", null, s.description),
-            s.action && (react_1.default.createElement(Button_1.default, { onClick: s.action.onClick }, s.action.label)),
-            spacingOnEachStep !== false ? react_1.default.createElement(Spacing_1.default, { size: "large" }) : null)) : null;
-    })));
-}
-exports.default = ProgressTexts;
+"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 Spacing_1 = __importDefault(require("../Spacing"));
+const ProgressTexts_module_scss_1 = __importDefault(require("./ProgressTexts.module.scss"));
+const Button_1 = __importDefault(require("../Button"));
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
+    const _currentStep = steps[currentStep];
+    return (react_1.default.createElement(react_1.default.Fragment, null, steps.map((s, i) => {
+        function whichClassToUse(step, stepType, currentStep, currentStepType) {
+            const classes = [ProgressTexts_module_scss_1.default.container];
+            // Decides the color
+            if (stepType !== "final")
+                classes.push(step < currentStep ? ProgressTexts_module_scss_1.default.disabled : ProgressTexts_module_scss_1.default.loading);
+            // Decides if should be visible or not
+            classes.push(currentStep !== step && currentStepType === "final"
+                ? ProgressTexts_module_scss_1.default.hidden
+                : "");
+            return classes.join(" ");
+        }
+        return i <= currentStep ? (react_1.default.createElement("div", { key: String(i), ref: (a) => {
+                if (a)
+                    a.style.maxHeight = `${a.scrollHeight}px`;
+            }, className: whichClassToUse(i, s.type, currentStep, _currentStep.type) },
+            s.title && react_1.default.createElement("h1", null, s.title),
+            s.description && react_1.default.createElement("p", null, s.description),
+            s.action && (react_1.default.createElement(Button_1.default, { onClick: s.action.onClick }, s.action.label)),
+            spacingOnEachStep !== false ? react_1.default.createElement(Spacing_1.default, { size: "large" }) : null)) : null;
+    })));
+}
+exports.default = ProgressTexts;
 //# sourceMappingURL=ProgressTexts.js.map

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

@@ -1,24 +1,24 @@
-import React from "react";
-import C from "./ProgressTexts";
-declare const _default: {
-    component: typeof C;
-    title: string;
-};
-export default _default;
-export declare function ExemploCompleto(): JSX.Element;
-export declare const Primary: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        currentStep: number;
-        steps: {
-            type: "wait" | "final";
-            title?: string | undefined;
-            description?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-            action?: {
-                label: string;
-                onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-            } | undefined;
-        }[];
-        spacingOnEachStep?: boolean | undefined;
-    }>;
-};
+import React from "react";
+import C from "./ProgressTexts";
+declare const _default: {
+    component: typeof C;
+    title: string;
+};
+export default _default;
+export declare function ExemploCompleto(): JSX.Element;
+export declare const Primary: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        currentStep: number;
+        steps: {
+            type: "wait" | "final";
+            title?: string | undefined;
+            description?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            action?: {
+                label: string;
+                onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+            } | undefined;
+        }[];
+        spacingOnEachStep?: boolean | undefined;
+    }>;
+};