@ssplib/react-components 0.0.75 → 0.0.76

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

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

package/components/form/checkbox/RequiredCheckBoxValidator.js

@@ -0,0 +1,72 @@
+"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 form_1 = require("../../../context/form");
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+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(props) {
+    var _a;
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    return (react_1.default.createElement(material_1.Grid, { container: true, sx: { border: (0, lodash_get_1.default)(context.errors, props.name) ? '2px solid #a51c30' : '', padding: 1, borderRadius: 2 } },
+        react_1.default.createElement("input", Object.assign({ type: 'text' }, context.formRegister(props.name, {
+            validate: (v, f) => {
+                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)
+                    return 'Selecione pelo menos 1 opção';
+                return true;
+            },
+        }), { hidden: true })),
+        props.children,
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+            react_1.default.createElement(material_1.Typography, { sx: { color: '#a51c30', fontSize: 16, paddingLeft: 1 } }, (_a = (0, lodash_get_1.default)(context.errors, props.name)) === null || _a === void 0 ? void 0 : _a.message))));
+}
+exports.default = RequiredCheckBoxGroup;

package/index.d.ts

@@ -26,4 +26,5 @@ 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, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider, Category, Field, FieldLabel, File, Login as LoginPage };
+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 };

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.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.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,3 +62,5 @@ 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 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.75",
+    "version": "0.0.76",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",