@ssplib/react-components 0.0.76 → 0.0.78

package/components/form/checkbox/RequiredCheckBoxValidator.js

@@ -35,6 +35,7 @@ function getChildrenNames(children) {
     children.forEach((x) => {
         if (!x.props)
             return;
+        console.log('PROPS:', x.props);
         if (x.props.children) {
             const childrenArr = getChildrenNames(Array.isArray(x.props.children) ? x.props.children : [x.props.children]);
             arr = arr.concat(childrenArr);

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

@@ -1,10 +1,10 @@
 import { ReactElement } from 'react';
-export default function FileUpload({ name, required, title, customPlaceholder, defaultChecked, xs, sm, md, ...props }: {
+export default function FileUpload({ name, required, title, defaultChecked, xs, unregisterNameList, sm, md, ...props }: {
     name: string;
-    children?: ReactElement | ReactElement[];
+    children?: [ReactElement, ReactElement];
     title?: string;
+    unregisterNameList: string[];
     defaultChecked?: boolean;
-    customPlaceholder?: string;
     required?: boolean;
     xs?: number;
     sm?: number;

package/components/form/input/ActiveInput.js

@@ -1,27 +1,4 @@
 "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)
@@ -39,44 +16,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const material_1 = require("@mui/material");
 const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const lodash_get_1 = __importDefault(require("lodash.get"));
-const react_1 = __importStar(require("react"));
-const form_1 = require("../../../context/form");
+const react_1 = __importDefault(require("react"));
 const Switch_1 = __importDefault(require("../switch/Switch"));
-const MaskInput_1 = __importDefault(require("./MaskInput"));
+const ToggleVisibility_1 = require("../switch/ToggleVisibility");
+const Input_1 = require("./Input");
 function FileUpload(_a) {
-    var _b;
-    var { name, required = false, title, customPlaceholder, defaultChecked = false, xs = 12, sm, md } = _a, props = __rest(_a, ["name", "required", "title", "customPlaceholder", "defaultChecked", "xs", "sm", "md"]);
-    const context = (0, react_1.useContext)(form_1.FormContext);
+    var { name, required = false, title, defaultChecked = false, xs = 12, unregisterNameList, sm, md } = _a, props = __rest(_a, ["name", "required", "title", "defaultChecked", "xs", "unregisterNameList", "sm", "md"]);
     const switchName = `${name}-switch`;
-    let oldValue = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const active = context === null || context === void 0 ? void 0 : context.formGetValues(switchName);
-        if (oldValue.current === active)
-            return;
-        oldValue.current = active;
-        const children = Array.isArray(props.children) ? props.children : [props.children];
-        const keys = children.map((x) => x === null || x === void 0 ? void 0 : x.props.name);
-        if (!active)
-            context === null || context === void 0 ? void 0 : context.formUnregister(name);
-        else
-            context === null || context === void 0 ? void 0 : context.formUnregister(keys);
-    }, [context]);
     return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
         title && (react_1.default.createElement(InputLabel_1.default, { required: required, sx: { textTransform: 'capitalize' } }, title)),
         react_1.default.createElement(material_1.Stack, { direction: 'row' },
             react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: defaultChecked }),
-            react_1.default.createElement(material_1.Box, { hidden: !(context === null || context === void 0 ? void 0 : context.formWatch(switchName)) },
-                react_1.default.createElement(MaskInput_1.default, { formConfig: Object.assign(Object.assign({}, context === null || context === void 0 ? void 0 : context.formRegister(name, {
-                        validate: (v, f) => {
-                            if (context === null || context === void 0 ? void 0 : context.formWatch(switchName)) {
-                                if (v.length <= 0 && required)
-                                    return 'Este campo é obrigatório';
-                            }
-                        },
-                    })), { placeholder: customPlaceholder ? customPlaceholder : '', size: 'small', error: (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) ? true : false, helperText: (_b = (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name)) === null || _b === void 0 ? void 0 : _b.message, fullWidth: false }), maskProps: {
-                        mask: /^\d+$/,
-                    } })),
-            react_1.default.createElement(material_1.Box, { hidden: context === null || context === void 0 ? void 0 : context.formWatch(switchName) }, props.children && props.children))));
+            react_1.default.createElement(ToggleVisibility_1.SwitchWatch, { switchId: switchName, unregisterNameList: unregisterNameList },
+                react_1.default.createElement(Input_1.Input, { name: 'ddd', type: 'input' })))));
 }
 exports.default = FileUpload;

package/components/form/stepper/Stepper.js

@@ -64,6 +64,34 @@ const getKeys = (values, id) => {
         keys = [...keys, ...Object.keys(values.files).map((x) => `files.${x}`)];
     return keys;
 };
+const _getKeys = (value) => {
+    const keys = Object.keys(value);
+    if (!value || keys.length <= 0)
+        return { objs: [], literals: [] };
+    console.log('ATUAL KEYS:', keys);
+    let literalValues = [];
+    let objectValues = [];
+    let result = keys;
+    keys.forEach((x) => {
+        console.log(x, ':', typeof value[x]);
+        if (typeof value[x] === 'object') {
+            objectValues.push(x);
+            const obj = _getKeys(value[x]);
+            objectValues = objectValues.concat(obj.objs);
+        }
+        else {
+            literalValues.push(x);
+        }
+    });
+    console.log({
+        objs: objectValues,
+        literals: literalValues,
+    });
+    return {
+        objs: objectValues,
+        literals: literalValues,
+    };
+};
 function Stepper(_a) {
     var { debugLog = false } = _a, props = __rest(_a, ["debugLog"]);
     const length = Array.isArray(props.children) ? props.children.length : 1;
@@ -79,6 +107,8 @@ function Stepper(_a) {
     const handleNext = () => __awaiter(this, void 0, void 0, function* () {
         if (debugLog)
             console.log(context.formGetValues());
+        console.log('TRIGGER:', getKeys(context.formGetValues(), activeStep));
+        // _getKeys(context.formGetValues()[activeStep])
         const result = yield context.formTrigger(getKeys(context.formGetValues(), activeStep));
         if (!result) {
             setCanPass(true);

package/package.json

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