@ssplib/react-components 0.0.66 → 0.0.68

package/components/form/input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputMaxLength, md, ...props }: {
-    type: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'input' | 'number' | 'rg' | 'password';
+    type: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'input' | 'number' | 'rg' | 'password' | 'cep';
     name: string;
     title?: string;
     required?: boolean;

package/components/form/input/Input.js

@@ -70,6 +70,11 @@ function Input(_a) {
                         return 'O CPF precisa ter no mínimo 11 dígitos';
                 }
                 //
+                else if (type === 'cep') {
+                    if (v.length < 9 && props.required)
+                        return 'O CPF precisa ter no mínimo 8 dígitos';
+                }
+                //
                 else if (type === 'input' || type === 'password') {
                     if (v.length > inputMaxLength)
                         return `Limite máximo de ${inputMaxLength} caracteres`;
@@ -106,6 +111,10 @@ function Input(_a) {
                 return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, maskProps: {
                         mask: numberMask,
                     } }));
+            case 'cep':
+                return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, maskProps: {
+                        mask: '00000-000',
+                    } }));
             case 'phone':
                 return (react_1.default.createElement(MaskInput_1.default, { formConfig: formConfig, maskProps: {
                         mask: '(00) [#]0000-0000',

package/components/form/switch/ToggleVisibility.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare function ToggleVisibility({ invert, ...props }: {
+    switchId: string;
+    unregisterNameList: string[];
+    invert?: boolean;
+}): JSX.Element;
+export declare function SwitchWatch(props: {
+    children: JSX.Element | JSX.Element[];
+    switchId: string;
+    unregisterNameList: string[];
+}): JSX.Element;

package/components/form/switch/ToggleVisibility.js

@@ -0,0 +1,61 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchWatch = exports.ToggleVisibility = void 0;
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+const lodash_1 = require("lodash");
+// Coloque esse componente dentro de um bloco que é retirado com o valor do input
+function ToggleVisibility(_a) {
+    var { invert = false } = _a, props = __rest(_a, ["invert"]);
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (context.formWatch(props.switchId) === invert) {
+                props.unregisterNameList.forEach((x) => context.formUnregister(x));
+            }
+        };
+    }, []);
+    return react_1.default.createElement(react_1.default.Fragment, null);
+}
+exports.ToggleVisibility = ToggleVisibility;
+function SwitchWatch(props) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    return (react_1.default.createElement(react_1.default.Fragment, null, (context === null || context === void 0 ? void 0 : context.formWatch(props.switchId)) !== lodash_1.invert && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ToggleVisibility, { switchId: props.switchId, unregisterNameList: props.unregisterNameList }),
+        props.children))));
+}
+exports.SwitchWatch = SwitchWatch;

package/index.d.ts

@@ -13,6 +13,7 @@ import OtherCheckBox from './components/form/input/OtherCheckBox';
 import Stepper from './components/form/stepper/Stepper';
 import StepperBlock from './components/form/stepper/StepperBlock';
 import Switch from './components/form/switch/Switch';
+import { SwitchWatch, ToggleVisibility } from './components/form/switch/ToggleVisibility';
 import Table from './components/form/table/Table';
 import NavBar from './components/navbar/NavBar';
 import FormProvider from './components/providers/FormProvider';
@@ -25,4 +26,4 @@ import { Category } from './components/detalhes/Category';
 import { Field } from './components/detalhes/Field';
 import { FieldLabel } from './components/detalhes/FieldLabel';
 import { File } from './components/detalhes/File';
-export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider, Category, Field, FieldLabel, File, Login as LoginPage };
+export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider, Category, Field, FieldLabel, File, Login as LoginPage };

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginPage = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.LoginProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
+exports.LoginPage = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.LoginProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
 const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
 exports.CheckBox = CheckBox_1.default;
 const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
@@ -34,6 +34,9 @@ const StepperBlock_1 = __importDefault(require("./components/form/stepper/Steppe
 exports.StepperBlock = StepperBlock_1.default;
 const Switch_1 = __importDefault(require("./components/form/switch/Switch"));
 exports.Switch = Switch_1.default;
+const ToggleVisibility_1 = require("./components/form/switch/ToggleVisibility");
+Object.defineProperty(exports, "SwitchWatch", { enumerable: true, get: function () { return ToggleVisibility_1.SwitchWatch; } });
+Object.defineProperty(exports, "ToggleVisibility", { enumerable: true, get: function () { return ToggleVisibility_1.ToggleVisibility; } });
 const Table_1 = __importDefault(require("./components/form/table/Table"));
 exports.Table = Table_1.default;
 const NavBar_1 = __importDefault(require("./components/navbar/NavBar"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.66",
+    "version": "0.0.68",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",