@ssplib/react-components 0.0.42 → 0.0.44

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-export default function AutoComplete({ name, required, title, customPlaceholder, url, xs, sm, md, }: {
+export default function AutoComplete({ name, required, title, customPlaceholder, url, xs, sm, md, dataPath, }: {
     url: string;
     name: string;
     title?: string;
+    dataPath?: string;
     customPlaceholder?: string;
     required?: boolean;
     xs?: number;

package/components/form/input/AutoComplete.js

@@ -33,7 +33,7 @@ const react_1 = __importStar(require("react"));
 const react_query_1 = require("react-query");
 const auth_1 = require("../../../context/auth");
 const form_1 = require("../../../context/form");
-function AutoComplete({ name, required = false, title, customPlaceholder, url, xs = 12, sm, md, }) {
+function AutoComplete({ name, required = false, title, customPlaceholder, url, xs = 12, sm, md, dataPath = '', }) {
     const context = (0, react_1.useContext)(form_1.FormContext);
     const { user } = (0, react_1.useContext)(auth_1.AuthContext);
     const [options, setOptions] = (0, react_1.useState)([]);
@@ -41,7 +41,14 @@ function AutoComplete({ name, required = false, title, customPlaceholder, url, x
         headers: {
             Authorization: `Bearer ${user ? user.token : ''}`,
         },
-    }).then((x) => x.json().then((list) => setOptions(list.body.data))));
+    }).then((x) => x.json().then((list) => setOptions(getData(list)))));
+    // transformar isso em um component ou utils
+    const getData = (0, react_1.useCallback)((dt) => {
+        if (Array.isArray(dt))
+            return dt;
+        if (typeof dt === 'object')
+            return (0, lodash_get_1.default)(dt, dataPath);
+    }, []);
     const onSelect = (0, react_1.useCallback)((e, value) => {
         context === null || context === void 0 ? void 0 : context.formSetValue(name, value ? value.id : '');
         context === null || context === void 0 ? void 0 : context.formTrigger(name);

package/components/page/Login.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function Login({ imgURL, name, fields }: {
+    imgURL?: string;
+    fields: JSX.Element | JSX.Element[];
+    name?: string;
+}): JSX.Element;

package/components/page/Login.js

@@ -0,0 +1,50 @@
+"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.Login = void 0;
+const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Container_1 = __importDefault(require("@mui/material/Container"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const React = __importStar(require("react"));
+function Login({ imgURL = '', name = 'Login', fields }) {
+    return (React.createElement(Container_1.default, { component: 'main', maxWidth: 'xs' },
+        React.createElement(Box_1.default, { sx: {
+                marginTop: 8,
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+            } },
+            imgURL && React.createElement("img", { src: imgURL, alt: '', height: 100, width: 100 }),
+            React.createElement(Typography_1.default, { component: 'h1', variant: 'h5', paddingY: 3 }, name),
+            React.createElement(material_1.Stack, { spacing: 3, width: 300 },
+                React.createElement(material_1.Stack, { spacing: 1 }, fields),
+                React.createElement(Button_1.default, { type: 'submit', fullWidth: true, variant: 'contained' }, "Login")))));
+}
+exports.Login = Login;

package/index.d.ts

@@ -19,8 +19,9 @@ import { OAuthProvider, cookieName as AUTH_COOKIE_NAME } from './components/prov
 import { LoginProvider } from './components/providers/LoginProvider';
 import { AuthContext } from './context/auth';
 import { FormContext } from './context/form';
+import { Login } from './components/page/Login';
 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, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider, Category, Field, FieldLabel, File };
+export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, LoginProvider, 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.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.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = 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.LoginProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = 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"));
@@ -47,6 +47,8 @@ const auth_1 = require("./context/auth");
 Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return auth_1.AuthContext; } });
 const form_1 = require("./context/form");
 Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return form_1.FormContext; } });
+const Login_1 = require("./components/page/Login");
+Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return Login_1.Login; } });
 const Category_1 = require("./components/detalhes/Category");
 Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
 const Field_1 = require("./components/detalhes/Field");

package/package.json

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