@ssplib/react-components 0.0.261 → 0.0.262

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

@@ -0,0 +1,16 @@
+import { TextFieldProps } from '@mui/material';
+import React from 'react';
+type GenericInputProps = {
+    type?: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'number' | 'rg' | 'password' | 'cep' | 'sei';
+    title?: string;
+    numberMask?: string;
+    customPlaceholder?: string;
+    inputMinLength?: number;
+    inputMaxLength?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    helperText?: string;
+} & Omit<TextFieldProps, 'type'>;
+declare const _default: React.NamedExoticComponent<GenericInputProps>;
+export default _default;

package/components/form/input/GenericInput.js

@@ -0,0 +1,49 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const MaskInput_1 = __importDefault(require("./MaskInput"));
+const GenericInput = (_a) => {
+    var { type = 'input', numberMask = '000000000000000', xs = 12, sm, inputMinLength = 1, inputMaxLength = 255, defaultValue = '', md, disabled = false, title, customPlaceholder, helperText } = _a, inputProps = __rest(_a, ["type", "numberMask", "xs", "sm", "inputMinLength", "inputMaxLength", "defaultValue", "md", "disabled", "title", "customPlaceholder", "helperText"]);
+    const renderInputField = () => {
+        const commonProps = Object.assign({ variant: 'outlined', fullWidth: true, placeholder: customPlaceholder || title, defaultValue,
+            disabled,
+            helperText, sx: { backgroundColor: 'white' } }, inputProps);
+        const masks = {
+            number: numberMask,
+            cep: '00000-000',
+            phone: '(00) [#]0000-0000',
+            sei: '00000-00000000/0000-00',
+            cpf_cnpj: '000.000.000-00[0]',
+            cpf: '000.000.000-00',
+            cnpj: '00.000.000/0000-00',
+            rg: '00000[000000]',
+        };
+        if (['input', 'email', 'password'].includes(type)) {
+            return react_1.default.createElement(material_1.TextField, Object.assign({}, commonProps, { type: type === 'password' ? 'password' : 'text' }));
+        }
+        return (react_1.default.createElement(MaskInput_1.default, { formConfig: commonProps, maskProps: Object.assign({ mask: masks[type] }, (type === 'cpf_cnpj' && {
+                onMask: (value, setMask) => {
+                    setMask((value === null || value === void 0 ? void 0 : value.length) > 14 ? '00.000.000/0000-00' : '000.000.000-00[0]');
+                },
+            })) }));
+    };
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        title && react_1.default.createElement(material_1.InputLabel, { htmlFor: inputProps.id || inputProps.name }, title),
+        renderInputField()));
+};
+exports.default = react_1.default.memo(GenericInput);

package/index.d.ts

@@ -34,4 +34,5 @@ import { MODAL } from './components/modal/Modal';
 import { SspComponentsProvider } from './components/providers/SspComponentsProvider';
 import Button from './components/utils/Bt';
 import Menu from './components/utils/CustomMenu';
-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, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider, TabNavBar, Button, Menu };
+import GenericInput from './components/form/input/GenericInput';
+export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, GenericInput, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider, TabNavBar, Button, Menu, };

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.Menu = exports.Button = exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = 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.Menu = exports.Button = exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = 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.GenericInput = 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"));
@@ -78,3 +78,5 @@ const Bt_1 = __importDefault(require("./components/utils/Bt"));
 exports.Button = Bt_1.default;
 const CustomMenu_1 = __importDefault(require("./components/utils/CustomMenu"));
 exports.Menu = CustomMenu_1.default;
+const GenericInput_1 = __importDefault(require("./components/form/input/GenericInput"));
+exports.GenericInput = GenericInput_1.default;

package/package.json

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