@ssplib/react-components 0.0.177 → 0.0.179

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare function FixedAutoComplete({ name, title, required, list, defaultValue, onChange, xs, sm, md, }: {
+    name: string;
+    title: string;
+    list: Object[];
+    customLoadingText?: string;
+    defaultValue?: Object;
+    required?: boolean;
+    onChange?: (id: number | undefined) => void;
+    shouldRefetch?: boolean;
+    xs?: number;
+    sm?: number;
+    md?: number;
+}): JSX.Element;

package/components/form/input/FixedAutoComplete.js

@@ -0,0 +1,58 @@
+"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 });
+exports.FixedAutoComplete = void 0;
+const material_1 = require("@mui/material");
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const react_1 = __importStar(require("react"));
+const form_1 = require("../../../context/form");
+function FixedAutoComplete({ name, title, required = false, list, defaultValue, onChange = () => { }, xs = 12, sm, md, }) {
+    const context = (0, react_1.useContext)(form_1.FormContext);
+    (0, react_1.useEffect)(() => {
+        if (defaultValue)
+            context === null || context === void 0 ? void 0 : context.formSetValue(name, defaultValue.id);
+    }, []);
+    function handleAutoCompleteChange(value) {
+        console.log(value);
+        context === null || context === void 0 ? void 0 : context.formSetValue(name, value ? value.id : '');
+        onChange(value ? value.id : -1);
+    }
+    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
+        title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
+        react_1.default.createElement("input", Object.assign({ type: 'text' }, context === null || context === void 0 ? void 0 : context.formRegister(name, {
+            validate: (v, f) => {
+                if (v.length <= 0 && required)
+                    return 'Este campo é obrigatório';
+            },
+        }), { hidden: true })),
+        react_1.default.createElement(material_1.Autocomplete, { options: list, defaultValue: defaultValue, isOptionEqualToValue: (op, value) => op.id === value.id, onChange: (e, v) => handleAutoCompleteChange(v), renderInput: (params) => {
+                var _a;
+                return (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { size: 'small', fullWidth: true, placeholder: title, error: (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) ? true : false, helperText: (_a = (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name)) === null || _a === void 0 ? void 0 : _a.message })));
+            }, size: 'small', fullWidth: true })));
+}
+exports.FixedAutoComplete = FixedAutoComplete;

package/components/form/stepper/Stepper.js

@@ -56,6 +56,7 @@ const react_1 = __importStar(require("react"));
 const form_1 = require("../../../context/form");
 const StepperBlock_1 = require("./StepperBlock");
 const Input_1 = require("../input/Input");
+const FixedAutoComplete_1 = require("../input/FixedAutoComplete");
 const getKeys = (values, id) => {
     if (!values || Object.keys(values).length <= 0)
         return [];
@@ -69,11 +70,22 @@ const getKeys = (values, id) => {
 function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
 }
+const list = [
+    {
+        id: 0,
+        label: 'Nada',
+    },
+    {
+        id: 1,
+        label: 'Nada 2',
+    },
+];
 function Teste() {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Stepper, null,
             react_1.default.createElement(StepperBlock_1.StepperBlock, { title: 'Testando' },
-                react_1.default.createElement(Input_1.Input, { name: 'teste', type: 'input' })))));
+                react_1.default.createElement(Input_1.Input, { name: 'teste', type: 'input' }),
+                react_1.default.createElement(FixedAutoComplete_1.FixedAutoComplete, { name: 'haha', title: 'Testing', list: list, required: true })))));
 }
 exports.Teste = Teste;
 function Stepper(_a) {

package/components/form/table/Table.js

@@ -114,7 +114,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     status: 500,
                 });
             });
-    }, [userLoaded]);
+    }, [userLoaded, fetchFunc]);
     const getCount = (0, react_1.useCallback)((countData) => {
         if (countData.length <= 0)
             return 1;

package/index.d.ts

@@ -27,4 +27,5 @@ import { File } from './components/detalhes/File';
 import CheckBoxAdditional from './components/form/checkbox/CheckBoxAdditional';
 import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxValidator';
 import { KeycloakAuthProvider } from './components/providers/KeycloakAuthProvider';
-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, Category, Field, FieldLabel, File, };
+import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
+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, };

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.File = exports.FieldLabel = exports.Field = exports.Category = 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.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;
 const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
 exports.CheckBox = CheckBox_1.default;
 const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
@@ -64,3 +64,5 @@ const RequiredCheckBoxValidator_1 = __importDefault(require("./components/form/c
 exports.RequiredCheckBoxGroup = RequiredCheckBoxValidator_1.default;
 const KeycloakAuthProvider_1 = require("./components/providers/KeycloakAuthProvider");
 Object.defineProperty(exports, "KeycloakAuthProvider", { enumerable: true, get: function () { return KeycloakAuthProvider_1.KeycloakAuthProvider; } });
+const FixedAutoComplete_1 = require("./components/form/input/FixedAutoComplete");
+Object.defineProperty(exports, "FixedAutoComplete", { enumerable: true, get: function () { return FixedAutoComplete_1.FixedAutoComplete; } });

package/package.json

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