@ssplib/react-components 0.0.135 → 0.0.137

package/components/form/checkbox/CheckBoxAdditional.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function RequiredCheckBoxGroup({ customText, ...props }: {
+    name: string;
+    children: JSX.Element;
+    customText?: string;
+    content: JSX.Element | JSX.Element[];
+    nameList: string[];
+}): JSX.Element;

package/components/form/checkbox/CheckBoxAdditional.js

@@ -0,0 +1,95 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+const material_1 = require("@mui/material");
+function getChildrenNames(children) {
+    let arr = [];
+    children.forEach((x) => {
+        if (!x.props)
+            return;
+        if (x.props.children) {
+            const childrenArr = getChildrenNames(Array.isArray(x.props.children) ? x.props.children : [x.props.children]);
+            arr = arr.concat(childrenArr);
+            return;
+        }
+        if (x.props.name) {
+            arr.push(x.props.name);
+            return;
+        }
+    });
+    return arr;
+}
+function RequiredCheckBoxGroup(_a) {
+    var { customText = 'Selecione pelo menos 1 opção' } = _a, props = __rest(_a, ["customText"]);
+    const [firstTime, setFirstTime] = (0, react_1.useState)(false);
+    const [showAfterFirst, setAfterFirst] = (0, react_1.useState)(true);
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    const children = react_1.default.cloneElement(props.children, {
+        onChange: () => {
+            if (firstTime) {
+                const name = children.props.name;
+                const value = !context.formGetValues(name);
+                if (value)
+                    setAfterFirst(false);
+            }
+        },
+    });
+    return (react_1.default.createElement(material_1.Grid, { container: true, sx: { padding: 1, borderRadius: 2 } },
+        react_1.default.createElement("input", Object.assign({ type: 'text' }, context.formRegister(props.name, {
+            validate: (v, f) => {
+                if (firstTime && showAfterFirst)
+                    return true;
+                const names = getChildrenNames(Array.isArray(props.children) ? props.children : [props.children]);
+                let canContinue = false;
+                names.forEach((x) => {
+                    const nameValue = context.formGetValues(x);
+                    if (nameValue)
+                        canContinue = true;
+                });
+                if (!canContinue) {
+                    setFirstTime(true);
+                    setAfterFirst(true);
+                    return customText;
+                }
+                return true;
+            },
+        }), { hidden: true })),
+        children,
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }, firstTime && showAfterFirst && props.content)));
+}
+exports.default = RequiredCheckBoxGroup;

package/index.d.ts

@@ -26,5 +26,6 @@ import { Category } from './components/detalhes/Category';
 import { Field } from './components/detalhes/Field';
 import { FieldLabel } from './components/detalhes/FieldLabel';
 import { File } from './components/detalhes/File';
+import CheckBoxAdditional from './components/form/checkbox/CheckBoxAdditional';
 import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxValidator';
-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, RequiredCheckBoxGroup, 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, CheckBoxAdditional, RequiredCheckBoxGroup, 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.RequiredCheckBoxGroup = 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;
+exports.LoginPage = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = 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"));
@@ -62,5 +62,7 @@ const FieldLabel_1 = require("./components/detalhes/FieldLabel");
 Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } });
 const File_1 = require("./components/detalhes/File");
 Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+const CheckBoxAdditional_1 = __importDefault(require("./components/form/checkbox/CheckBoxAdditional"));
+exports.CheckBoxAdditional = CheckBoxAdditional_1.default;
 const RequiredCheckBoxValidator_1 = __importDefault(require("./components/form/checkbox/RequiredCheckBoxValidator"));
 exports.RequiredCheckBoxGroup = RequiredCheckBoxValidator_1.default;

package/package.json

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