@onepercentio/one-ui 0.6.0 → 0.6.3

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,106 +1,106 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const Input_1 = __importDefault(require("../Input"));
-const Text_1 = __importDefault(require("../Text"));
-const PasswordInput_module_scss_1 = __importDefault(require("./PasswordInput.module.scss"));
-const BASE_VALIDATION = [
-    { code: "size", validate: (pass) => pass.length >= 8 },
-];
-const RULES = [
-    {
-        code: "duplication",
-        validate: (pass) => {
-            for (let i = 0; i < pass.length; i++) {
-                const charCode = pass.charCodeAt(i);
-                const [firstNext, secondNext] = [
-                    pass.charCodeAt(i + 1) || 0,
-                    pass.charCodeAt(i + 2) || 0,
-                ];
-                if (firstNext - charCode === 1 && secondNext - firstNext === 1) {
-                    return false;
-                }
-            }
-            return true;
-        },
-    },
-    ...BASE_VALIDATION,
-];
-/**
- * A Input based wrapper to handle inputing of password
- **/
-function PasswordInput(props, ref) {
-    const [isPasswordVisibile, setIPV] = (0, react_1.useState)(false);
-    const { passwordHidden, passwordVisible } = (0, OneUIProvider_1.useOneUIConfig)("component.passwordInput.iconSrc");
-    function _validatePassword(password) {
-        switch (props.mode) {
-            case "creation":
-                return RULES.reduce((isValid, R) => isValid && R.validate(password), true);
-            case "comparision":
-                return password === props.otherPassword;
-            case "input":
-                return BASE_VALIDATION.reduce((isValid, R) => isValid && R.validate(password), true);
-        }
-    }
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        validatePassword: (pass) => _validatePassword(pass),
-    }));
-    function _onChange(e) {
-        const password = e.target.value;
-        switch (props.mode) {
-            case "comparision":
-            case "creation":
-                props.onChange(password, _validatePassword(password));
-                break;
-            case "input":
-                props.onChange(password);
-                break;
-        }
-    }
-    return (react_1.default.createElement("div", { className: `${PasswordInput_module_scss_1.default.inputContainer} ${PasswordInput_module_scss_1.default[props.mode]}` },
-        react_1.default.createElement(Input_1.default, { value: props.value, onChange: _onChange, type: !isPasswordVisibile ? "password" : "", icon: {
-                src: isPasswordVisibile ? passwordHidden : passwordVisible,
-                onMouseLeave: () => setIPV(false),
-                onMouseDown: () => setIPV(true),
-                onMouseUp: () => setIPV(false),
-                onTouchMove: () => setIPV(false),
-                onTouchStart: () => setIPV(true),
-                onTouchEnd: () => setIPV(false),
-            }, error: props.mode === "comparision" && !_validatePassword(props.value)
-                ? props.messages.passwordsAreDifferent
-                : props.error, disabled: props.disabled, placeholder: props.placeholder }),
-        props.mode === "creation" && (react_1.default.createElement("div", { className: PasswordInput_module_scss_1.default.rules, "data-testid": "password-rules" },
-            react_1.default.createElement(Text_1.default, { type: "caption" }, props.messages.rulesTitle),
-            RULES.map((R) => (react_1.default.createElement(Text_1.default, { key: R.code, type: R.validate(props.value) ? "caption" : "error" },
-                "- ",
-                props.messages.invalidRules[R.code])))))));
-}
-exports.default = (0, react_1.forwardRef)(PasswordInput);
+"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 });
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const Input_1 = __importDefault(require("../Input"));
+const Text_1 = __importDefault(require("../Text"));
+const PasswordInput_module_scss_1 = __importDefault(require("./PasswordInput.module.scss"));
+const BASE_VALIDATION = [
+    { code: "size", validate: (pass) => pass.length >= 8 },
+];
+const RULES = [
+    {
+        code: "duplication",
+        validate: (pass) => {
+            for (let i = 0; i < pass.length; i++) {
+                const charCode = pass.charCodeAt(i);
+                const [firstNext, secondNext] = [
+                    pass.charCodeAt(i + 1) || 0,
+                    pass.charCodeAt(i + 2) || 0,
+                ];
+                if (firstNext - charCode === 1 && secondNext - firstNext === 1) {
+                    return false;
+                }
+            }
+            return true;
+        },
+    },
+    ...BASE_VALIDATION,
+];
+/**
+ * A Input based wrapper to handle inputing of password
+ **/
+function PasswordInput(props, ref) {
+    const [isPasswordVisibile, setIPV] = (0, react_1.useState)(false);
+    const { passwordHidden, passwordVisible } = (0, OneUIProvider_1.useOneUIConfig)("component.passwordInput.iconSrc");
+    function _validatePassword(password) {
+        switch (props.mode) {
+            case "creation":
+                return RULES.reduce((isValid, R) => isValid && R.validate(password), true);
+            case "comparision":
+                return password === props.otherPassword;
+            case "input":
+                return BASE_VALIDATION.reduce((isValid, R) => isValid && R.validate(password), true);
+        }
+    }
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        validatePassword: (pass) => _validatePassword(pass),
+    }));
+    function _onChange(e) {
+        const password = e.target.value;
+        switch (props.mode) {
+            case "comparision":
+            case "creation":
+                props.onChange(password, _validatePassword(password));
+                break;
+            case "input":
+                props.onChange(password);
+                break;
+        }
+    }
+    return (react_1.default.createElement("div", { className: `${PasswordInput_module_scss_1.default.inputContainer} ${PasswordInput_module_scss_1.default[props.mode]}` },
+        react_1.default.createElement(Input_1.default, { value: props.value, onChange: _onChange, type: !isPasswordVisibile ? "password" : "", icon: {
+                src: isPasswordVisibile ? passwordHidden : passwordVisible,
+                onMouseLeave: () => setIPV(false),
+                onMouseDown: () => setIPV(true),
+                onMouseUp: () => setIPV(false),
+                onTouchMove: () => setIPV(false),
+                onTouchStart: () => setIPV(true),
+                onTouchEnd: () => setIPV(false),
+            }, error: props.mode === "comparision" && !_validatePassword(props.value)
+                ? props.messages.passwordsAreDifferent
+                : props.error, disabled: props.disabled, placeholder: props.placeholder }),
+        props.mode === "creation" && (react_1.default.createElement("div", { className: PasswordInput_module_scss_1.default.rules, "data-testid": "password-rules" },
+            react_1.default.createElement(Text_1.default, { type: "caption" }, props.messages.rulesTitle),
+            RULES.map((R) => (react_1.default.createElement(Text_1.default, { key: R.code, type: R.validate(props.value) ? "caption" : "error" },
+                "- ",
+                props.messages.invalidRules[R.code])))))));
+}
+exports.default = (0, react_1.forwardRef)(PasswordInput);
 //# sourceMappingURL=PasswordInput.js.map

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

@@ -1,45 +1,45 @@
-import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<(({
-        value: string;
-        error?: string | undefined;
-    } & ({
-        mode: "input";
-        onChange: (password: string) => void;
-    } | {
-        mode: "creation";
-        onChange: (password: string, isValid: boolean) => void;
-        messages: {
-            invalidRules: {
-                size: string;
-                duplication: string;
-            };
-            rulesTitle: string;
-        };
-    } | {
-        mode: "comparision";
-        otherPassword: string;
-        onChange: (password: string, isEqual: boolean) => void;
-        messages: {
-            passwordsAreDifferent: string;
-        };
-    })) & Omit<{
-        decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-        error?: string | undefined;
-        hideError?: "onfocus" | undefined;
-        placeholder?: string | undefined;
-        disclaimer?: string | undefined;
-        multiline?: number | undefined;
-        border?: boolean | undefined;
-        icon?: ({
-            onClick?: (() => void) | undefined;
-        } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
-        Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-        onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
-        validatePassword: (pass: string) => boolean;
-    }>>;
-};
-export default _default;
-export declare const InitialImplementation: (args: any) => JSX.Element;
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<(({
+        value: string;
+        error?: string | undefined;
+    } & ({
+        mode: "input";
+        onChange: (password: string) => void;
+    } | {
+        mode: "creation";
+        onChange: (password: string, isValid: boolean) => void;
+        messages: {
+            invalidRules: {
+                size: string;
+                duplication: string;
+            };
+            rulesTitle: string;
+        };
+    } | {
+        mode: "comparision";
+        otherPassword: string;
+        onChange: (password: string, isEqual: boolean) => void;
+        messages: {
+            passwordsAreDifferent: string;
+        };
+    })) & Omit<{
+        decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
+        error?: string | undefined;
+        hideError?: "onfocus" | undefined;
+        placeholder?: string | undefined;
+        disclaimer?: string | undefined;
+        multiline?: number | undefined;
+        border?: boolean | undefined;
+        icon?: ({
+            onClick?: (() => void) | undefined;
+        } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+        Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
+        validatePassword: (pass: string) => boolean;
+    }>>;
+};
+export default _default;
+export declare const InitialImplementation: (args: any) => JSX.Element;

package/dist/components/PasswordInput/PasswordInput.stories.js

@@ -1,22 +1,22 @@
-"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 OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
-const PasswordInput_1 = __importDefault(require("./PasswordInput"));
-exports.default = {
-    title: 'Password Input',
-    component: PasswordInput_1.default,
-};
-const InitialImplementation = (args) => react_1.default.createElement(OneUIProvider_1.default, { config: { component: {
-            passwordInput: { iconSrc: {
-                    passwordHidden: "",
-                    passwordVisible: ""
-                } }
-        } } },
-    react_1.default.createElement(PasswordInput_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 OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const PasswordInput_1 = __importDefault(require("./PasswordInput"));
+exports.default = {
+    title: 'Password Input',
+    component: PasswordInput_1.default,
+};
+const InitialImplementation = (args) => react_1.default.createElement(OneUIProvider_1.default, { config: { component: {
+            passwordInput: { iconSrc: {
+                    passwordHidden: "",
+                    passwordVisible: ""
+                } }
+        } } },
+    react_1.default.createElement(PasswordInput_1.default, Object.assign({}, args)));
+exports.InitialImplementation = InitialImplementation;
 //# sourceMappingURL=PasswordInput.stories.js.map

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

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