infinity-forge 0.6.98 → 0.7.0

package/dist/ui/components/button/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./component.js"), exports);
-__exportStar(require("./interfaces.js"), exports);
+__exportStar(require("./component"), exports);
+__exportStar(require("./interfaces"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/components/button/interfaces.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconsNames } from '../../../ui/index.js';
+import { IconsNames } from '@/ui';
 export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
     text: string;
     href?: string;

package/dist/ui/components/container/index.d.ts

@@ -1,2 +1,2 @@
-import { IContainerProps } from './interfaces.js';
+import { IContainerProps } from './interfaces';
 export declare function Container({ children }: IContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/error-boundary/component.d.ts

@@ -1,2 +1,2 @@
-import { IErrorBoundary } from './interfaces.js';
+import { IErrorBoundary } from './interfaces';
 export declare function Error({ name, children }: IErrorBoundary): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/error-boundary/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Error = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_error_boundary_1 = require("react-error-boundary");
-var error_body_1 = require("./error-body.js");
+var error_body_1 = require("./error-body");
 function Error(_a) {
     var name = _a.name, children = _a.children;
     return (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: function () { return (0, error_body_1.ErrorBoundaryComponent)({ name: name }); }, children: children });

package/dist/ui/components/error-boundary/error-body.d.ts

@@ -1,2 +1,2 @@
-import { IErrorBoundaryComponentProps } from './interfaces.js';
+import { IErrorBoundaryComponentProps } from './interfaces';
 export declare const ErrorBoundaryComponent: ({ name }: IErrorBoundaryComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/error-boundary/index.d.ts

@@ -1,2 +1,2 @@
-export * from './component.js';
-export * from './interfaces.js';
+export * from './component';
+export * from './interfaces';

package/dist/ui/components/error-boundary/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./component.js"), exports);
-__exportStar(require("./interfaces.js"), exports);
+__exportStar(require("./component"), exports);
+__exportStar(require("./interfaces"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/checkbox/index.js

@@ -37,9 +37,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputCheckbox = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var error_1 = require("../input-control/error/index.js");
-var input_control_1 = require("../input-control/index.js");
-var S = __importStar(require("./styles.js"));
+var error_1 = require("../input-control/error");
+var input_control_1 = require("../input-control");
+var S = __importStar(require("./styles"));
 function InputCheckbox(props) {
     var field = (0, formik_1.useField)({ name: props.name })[0];
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { name: props.name, children: (0, jsx_runtime_1.jsxs)(S.InputCheckbox, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'list-radios', children: props.options.map(function (option, index) { return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + index }, field, { type: 'checkbox', value: option.value })), option.label] }, option.value)); }) }), (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { name: props.name })] }) })));

package/dist/ui/components/form/handler/custom-submit/index.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ButtonProps } from '../../../../../ui/index.js';
+import { ButtonProps } from '@/ui';
 export type ICustomSubmitProps = {
     props: ButtonProps;
     action: (data: any, setStateForm: Dispatch<SetStateAction<{

package/dist/ui/components/form/handler/custom-submit/index.js

@@ -13,7 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSubmitButton = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui/index.js");
+var ui_1 = require("@/ui");
 function CustomSubmitButton(_a) {
     var props = _a.props, action = _a.action, stateForm = _a.stateForm, onSubmit = _a.onSubmit;
     return (0, jsx_runtime_1.jsx)(ui_1.Button, __assign({}, props, { type: 'button', onClick: function () { return onSubmit(action); }, loading: stateForm.state === 'loading' }));

package/dist/ui/components/form/handler/dynamic_form_handler/index.d.ts

@@ -1,2 +1,2 @@
-import { DynamicFormHandlerProps } from './interfaces.js';
+import { DynamicFormHandlerProps } from './interfaces';
 export declare function DynamicFormHandler(props: DynamicFormHandlerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/handler/dynamic_form_handler/index.js

@@ -75,10 +75,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DynamicFormHandler = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var __1 = require("../index.js");
-var loader_circle_1 = require("../../../../../ui/components/loader-circle/index.js");
+var __1 = require("..");
+var loader_circle_1 = require("@/ui/components/loader-circle");
 var swr_1 = __importDefault(require("swr"));
-var Inputs = __importStar(require("../../index.js"));
+var Inputs = __importStar(require("../../index"));
 function DynamicFormHandler(props) {
     function fetcher() {
         var _a;

package/dist/ui/components/form/handler/dynamic_form_handler/interfaces.d.ts

@@ -1,11 +1,16 @@
-import * as Inputs from '../../index.js';
-import { ISelectProps } from '../../select/interfaces.js';
-import { IFormHandler } from '../interfaces.js';
+import { IconsNames } from '@/ui/icons';
+import * as Inputs from '../../index';
+import { ISelectProps } from '../../select/interfaces';
+import { IFormHandler } from '../interfaces';
 type InputProps<T = any> = {
     name: keyof T;
     inputComponent: keyof typeof Inputs;
 } & Partial<Omit<ISelectProps, 'name'>>;
 export type DynamicFormHandlerProps<T = any> = Partial<IFormHandler> & {
+    button: {
+        text?: string;
+        icon?: IconsNames;
+    };
     tableItem?: any;
     title: string;
     inputs: InputProps<T>[][];

package/dist/ui/components/form/handler/form-handler/index.d.ts

@@ -1,2 +1,2 @@
-import { IFormHandler } from '../interfaces.js';
+import { IFormHandler } from '../interfaces';
 export default function FormElement({ button, children, onSucess, customSubmit, onChangeForm }: IFormHandler): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/handler/form-handler/index.js

@@ -82,11 +82,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var formik_1 = require("formik");
-var ui_1 = require("../../../../../ui/index.js");
-var custom_submit_1 = require("../custom-submit/index.js");
-var S = __importStar(require("../styles.js"));
-var system_1 = require("../../../../../system/index.js");
-var conflict_error_1 = require("../../../../../system/domain/protocols/http/errors/http-errors/conflict-error.js");
+var ui_1 = require("@/ui");
+var custom_submit_1 = require("../custom-submit");
+var S = __importStar(require("../styles"));
+var system_1 = require("@/system");
+var conflict_error_1 = require("@/system/domain/protocols/http/errors/http-errors/conflict-error");
 function FormElement(_a) {
     var button = _a.button, children = _a.children, onSucess = _a.onSucess, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm;
     var _b = (0, react_1.useState)({ state: '', message: '' }), stateForm = _b[0], setStateForm = _b[1];

package/dist/ui/components/form/handler/index.d.ts

@@ -1,2 +1,2 @@
-import { IFormHandler } from './interfaces.js';
+import { IFormHandler } from './interfaces';
 export declare function FormHandler(props: IFormHandler): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/handler/index.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormHandler = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var form_handler_1 = __importDefault(require("./form-handler/index.js"));
+var form_handler_1 = __importDefault(require("./form-handler"));
 function FormHandler(props) {
     return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: props.initialData || {}, onSubmit: function () { }, children: (0, jsx_runtime_1.jsx)(formik_1.Form, { children: (0, jsx_runtime_1.jsx)(form_handler_1.default, __assign({}, props, { children: props.children })) }) }));
 }

package/dist/ui/components/form/handler/interfaces.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ButtonProps } from '../../../../ui/index.js';
-import { ICustomSubmitProps } from './custom-submit/index.js';
+import { ButtonProps } from '@/ui';
+import { ICustomSubmitProps } from './custom-submit';
 export interface IFormHandler {
     ref?: any;
     onSucess?: (data: any) => void;

package/dist/ui/components/form/index.d.ts

@@ -1,13 +1,13 @@
-export * from "./input/index.js";
-export * from "./radio/index.js";
-export * from "./select/index.js";
-export * from "./handler/index.js";
-export * from "./textarea/index.js";
-export * from "./checkbox/index.js";
-export * from "./input-mask/index.js";
-export * from "./input-file/index.js";
-export * from "./input-switch/index.js";
-export * from "./input-control/index.js";
-export * from "./input-password/index.js";
-export * from "./input-cpf-cnpj/index.js";
-export * from "./input-currency/index.js";
+export * from "./input";
+export * from "./radio";
+export * from "./select";
+export * from "./handler";
+export * from "./textarea";
+export * from "./checkbox";
+export * from "./input-mask";
+export * from "./input-file";
+export * from "./input-switch";
+export * from "./input-control";
+export * from "./input-password";
+export * from "./input-cpf-cnpj";
+export * from "./input-currency";

package/dist/ui/components/form/index.js

@@ -14,17 +14,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./input/index.js"), exports);
-__exportStar(require("./radio/index.js"), exports);
-__exportStar(require("./select/index.js"), exports);
-__exportStar(require("./handler/index.js"), exports);
-__exportStar(require("./textarea/index.js"), exports);
-__exportStar(require("./checkbox/index.js"), exports);
-__exportStar(require("./input-mask/index.js"), exports);
-__exportStar(require("./input-file/index.js"), exports);
-__exportStar(require("./input-switch/index.js"), exports);
-__exportStar(require("./input-control/index.js"), exports);
-__exportStar(require("./input-password/index.js"), exports);
-__exportStar(require("./input-cpf-cnpj/index.js"), exports);
-__exportStar(require("./input-currency/index.js"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./radio"), exports);
+__exportStar(require("./select"), exports);
+__exportStar(require("./handler"), exports);
+__exportStar(require("./textarea"), exports);
+__exportStar(require("./checkbox"), exports);
+__exportStar(require("./input-mask"), exports);
+__exportStar(require("./input-file"), exports);
+__exportStar(require("./input-switch"), exports);
+__exportStar(require("./input-control"), exports);
+__exportStar(require("./input-password"), exports);
+__exportStar(require("./input-cpf-cnpj"), exports);
+__exportStar(require("./input-currency"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input/index.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 function Input(props) {
     var field = (0, formik_1.useField)({ name: props.name })[0];
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", __assign({}, field, props, { id: props.name })) })));

package/dist/ui/components/form/input-control/error/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../../interfaces.js';
+import { InputProps } from '../../interfaces';
 export declare function ErrorMessage({ name }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-control/error/index.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var S = __importStar(require("./styles.js"));
+var S = __importStar(require("./styles"));
 function ErrorMessage(_a) {
     var name = _a.name;
     var errors = (0, formik_1.useFormikContext)().errors;

package/dist/ui/components/form/input-control/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputControl({ name, label, loading, children }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-control/index.js

@@ -25,11 +25,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputControl = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../ui/index.js");
-var label_1 = require("./label/index.js");
-var error_1 = require("./error/index.js");
-var loader_input_1 = require("./loader-input/index.js");
-var S = __importStar(require("./styles.js"));
+var ui_1 = require("@/ui");
+var label_1 = require("./label");
+var error_1 = require("./error");
+var loader_input_1 = require("./loader-input");
+var S = __importStar(require("./styles"));
 function InputControl(_a) {
     var name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), (0, jsx_runtime_1.jsx)("div", { children: children })] }), (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { name: name })] }) }));

package/dist/ui/components/form/input-control/label/index.js

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var S = __importStar(require("./styles.js"));
+var S = __importStar(require("./styles"));
 function Label(_a) {
     var inputId = _a.inputId, label = _a.label;
     return ((0, jsx_runtime_1.jsx)(S.Label, { children: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, children: label }) }));

package/dist/ui/components/form/input-control/loader-input/index.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoaderInput = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui/index.js");
-var S = __importStar(require("./styles.js"));
+var ui_1 = require("@/ui");
+var S = __importStar(require("./styles"));
 function LoaderInput() {
     return ((0, jsx_runtime_1.jsx)(S.LoaderInput, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' }) }));
 }

package/dist/ui/components/form/input-cpf-cnpj/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputCpfCnpj(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-cpf-cnpj/index.js

@@ -15,7 +15,7 @@ exports.InputCpfCnpj = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
 var mask_1 = require("@react-input/mask");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 function InputCpfCnpj(props) {
     var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], helpers = _a[2];
     function modify(value) {

package/dist/ui/components/form/input-currency/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputCurrency(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-currency/index.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputCurrency = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 var react_currency_input_field_1 = __importDefault(require("react-currency-input-field"));
 function InputCurrency(props) {
     var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], utils = _a[2];

package/dist/ui/components/form/input-file/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputFile(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-file/index.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputFile = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var S = __importStar(require("./styles.js"));
+var S = __importStar(require("./styles"));
 function InputFile(props) {
     var field = (0, formik_1.useField)({ name: props.name })[0];
     return ((0, jsx_runtime_1.jsx)(S.InputFile, { children: (0, jsx_runtime_1.jsx)("input", { type: "file" }) }));

package/dist/ui/components/form/input-mask/index.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputMask(props: {
     mask: string;
     removeMask?: boolean;

package/dist/ui/components/form/input-mask/index.js

@@ -15,7 +15,7 @@ exports.InputMask = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
 var mask_1 = require("@react-input/mask");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 function InputMask(props) {
     var field = (0, formik_1.useField)({ name: props.name })[0];
     var inputRef = (0, mask_1.useMask)({

package/dist/ui/components/form/input-password/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputPassword(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-password/index.js

@@ -38,12 +38,13 @@ exports.InputPassword = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var formik_1 = require("formik");
-var input_control_1 = require("../input-control/index.js");
-var S = __importStar(require("./styles.js"));
+var icons_1 = require("@/ui/icons");
+var input_control_1 = require("../input-control");
+var S = __importStar(require("./styles"));
 function InputPassword(props) {
     var _a = (0, react_1.useState)(false), showPassword = _a[0], setShowPassword = _a[1];
     var field = (0, formik_1.useField)(props.name)[0];
-    return ((0, jsx_runtime_1.jsx)(S.InputPassword, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, type: showPassword ? 'text' : 'password', className: "font-16-regular" }, props, field)), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, type: "button", className: "eye", onClick: function () { return setShowPassword(!showPassword); }, "aria-label": "password eye", children: !showPassword ? (0, jsx_runtime_1.jsx)("div", { children: "Fechado" }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Aberto" }) })] })) }));
+    return ((0, jsx_runtime_1.jsx)(S.InputPassword, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, type: showPassword ? 'text' : 'password', className: 'font-16-regular' }, props, field)), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, type: 'button', className: 'eye', onClick: function () { return setShowPassword(!showPassword); }, "aria-label": 'password eye', children: (0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: !showPassword ? 'IconEyeOff' : 'IconEye' }) }) })] })) }));
 }
 exports.InputPassword = InputPassword;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-password/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,iCAAkC;AAElC,kDAAgD;AAIhD,0CAA8B;AAE9B,SAAgB,aAAa,CAAC,KAAiB;IACvC,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAEjD,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,GAAxB,CAAyB;IAErC,OAAO,CACL,uBAAC,CAAC,CAAC,aAAa,cACd,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,EACT,EAEF,mCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,CAAC,YAAY,CAAC,EAA9B,CAA8B,gBAClC,cAAc,YAExB,CAAC,YAAY,CAAC,CAAC,CAAC,sDAAkB,CAAC,CAAC,CAAC,sEAAW,GAC1C,KACI,GACC,CACnB,CAAC;AACJ,CAAC;AA5BD,sCA4BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAuC;AAEvC,iCAAiC;AAEjC,oCAAiC;AACjC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAAiB;IACvC,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IAEhD,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,GAAxB,CAAwB;IAEpC,OAAO,CACL,uBAAC,CAAC,CAAC,aAAa,cACd,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,EACT,EAEF,mCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,CAAC,YAAY,CAAC,EAA9B,CAA8B,gBAClC,cAAc,YAEzB,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,YAAI,IAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAI,GACpD,GACC,KACI,GACC,CACnB,CAAA;AACH,CAAC;AA9BD,sCA8BC"}

package/dist/ui/components/form/input-password/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputPassword = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.InputPassword = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .eye {\n    background-color: unset;\n    border: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 15px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 20px;\n      height: auto;\n      color: rgba(0, 0, 0, 0.5);\n    }\n  }\n"], ["\n  .eye {\n    background-color: unset;\n    border: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 15px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 20px;\n      height: auto;\n      color: rgba(0, 0, 0, 0.5);\n    }\n  }\n"])));
+exports.InputPassword = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  input {\n    padding-right: 50px;\n  }\n\n  .eye {\n    background-color: unset;\n    border: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 15px;\n    display: flex;\n    cursor: pointer;\n\n    .icon {\n      display: flex;\n      width: 20px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n  }\n"], ["\n  input {\n    padding-right: 50px;\n  }\n\n  .eye {\n    background-color: unset;\n    border: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 15px;\n    display: flex;\n    cursor: pointer;\n\n    .icon {\n      display: flex;\n      width: 20px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-password/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yWAAA,sSAiBzC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wdAAA,qZA0BzC,KAAA"}

package/dist/ui/components/form/input-switch/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function InputSwitch(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-switch/index.js

@@ -15,7 +15,7 @@ exports.InputSwitch = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
 var semantic_ui_react_1 = require("semantic-ui-react");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 function InputSwitch(props) {
     var field = (0, formik_1.useField)({ name: props.name, type: "checkbox" })[0];
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Checkbox, __assign({ toggle: true }, field, { id: props.name })) })));

package/dist/ui/components/form/radio/index.js

@@ -48,8 +48,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputRadio = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var S = __importStar(require("./styles.js"));
-var input_control_1 = require("../input-control/index.js");
+var S = __importStar(require("./styles"));
+var input_control_1 = require("../input-control");
 function InputRadio(_a) {
     var name = _a.name, options = _a.options, props = __rest(_a, ["name", "options"]);
     var field = (0, formik_1.useField)({ name: name })[0];

package/dist/ui/components/form/select/index.d.ts

@@ -1,2 +1,2 @@
-import { ISelectProps } from './interfaces.js';
+import { ISelectProps } from './interfaces';
 export declare function Select(props: ISelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/select/index.js

@@ -41,16 +41,16 @@ exports.Select = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
 var react_select_1 = __importDefault(require("react-select"));
-var ui_1 = require("../../../../ui/index.js");
-var S = __importStar(require("./styles.js"));
+var ui_1 = require("@/ui");
+var S = __importStar(require("./styles"));
 function Select(props) {
     var _a;
     var _b = (0, formik_1.useField)({
         name: props.name,
     }), field = _b[0], _ = _b[1], helpers = _b[2];
     var fieldValue = field.value || [];
-    var value = !props.onlyOneValue ?
-        fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
+    var value = !props.onlyOneValue
+        ? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
             ? fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (defaultValueForm) {
                 return props.options
                     .find(function (option) {
@@ -58,9 +58,16 @@ function Select(props) {
                 })
                     .options.find(function (opt) { return opt.value === defaultValueForm; });
             })
-            : fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return props.options.find(function (option) { return option.value === valueForm; }); }) : [props.options.find(function (option) { return option.value === fieldValue; })];
-    return ((0, jsx_runtime_1.jsx)(S.SelectWrapper, { children: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, name: field.name, onChange: function (ev) {
-                    var value = props.onlyOneValue ? ev.value : Array.isArray(ev) ? ev.map(function (ev) { return ev.value; }) : ev ? [ev.value] : [];
+            : fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return props.options.find(function (option) { return option.value === valueForm; }); })
+        : [props.options.find(function (option) { return option.value === fieldValue; })];
+    return ((0, jsx_runtime_1.jsx)(S.SelectWrapper, { children: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, name: field.name, onChange: function (ev) {
+                    var value = props.onlyOneValue
+                        ? ev.value
+                        : Array.isArray(ev)
+                            ? ev.map(function (ev) { return ev.value; })
+                            : ev
+                                ? [ev.value]
+                                : [];
                     helpers.setValue(value);
                     props.onChangeSelect && props.onChangeSelect(value);
                 }, value: value, isMulti: props.isMultiple, options: props.options, components: props.CustomOption ? { Option: props.CustomOption } : undefined, className: ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 'open' : '' }) })) }));

package/dist/ui/components/form/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/select/interfaces.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export type Option = {
     label: string;
     value?: string | number;
@@ -13,6 +13,7 @@ export type ISelectProps = {
     options: Option[];
     isGroup?: boolean;
     isMultiple?: boolean;
+    menuPlacement?: 'bottom' | 'top' | 'auto';
     listposition?: number;
     onChangeSelect?: (value: string[]) => void;
     CustomOption?: (props: {

package/dist/ui/components/form/select/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectWrapper = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  [class*=\"ValueContainer\"] {\n    height: 40px;\n  }\n\n\n  [class*=\"singleValue\"] + * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 34px;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n  }\n\n   [class*=\"-placeholder\"] + * {\n    visibility: visible;\n    display: unset;\n    grid-area: unset;\n    grid-template-columns:unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n    color: hsl(0, 0%, 20%);\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n  \n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n"], ["\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  [class*=\"ValueContainer\"] {\n    height: 40px;\n  }\n\n\n  [class*=\"singleValue\"] + * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 34px;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n  }\n\n   [class*=\"-placeholder\"] + * {\n    visibility: visible;\n    display: unset;\n    grid-area: unset;\n    grid-template-columns:unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n    color: hsl(0, 0%, 20%);\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n  \n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n"])));
+exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  [class*='ValueContainer'] {\n    height: 40px;\n  }\n\n  [class*='singleValue'] + * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 34px;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n  }\n\n  [class*='-placeholder'] + * {\n    visibility: visible;\n    display: unset;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n    color: hsl(0, 0%, 20%);\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  [class*='-indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-menu'] {\n    z-index: 999;\n  }\n\n  [class*='-option'] {\n    transition: all 0.3s;\n  }\n\n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n"], ["\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  [class*='ValueContainer'] {\n    height: 40px;\n  }\n\n  [class*='singleValue'] + * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 34px;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n  }\n\n  [class*='-placeholder'] + * {\n    visibility: visible;\n    display: unset;\n    grid-area: unset;\n    grid-template-columns: unset;\n    margin: unset;\n    padding-bottom: unset;\n    padding-top: unset;\n    color: hsl(0, 0%, 20%);\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  [class*='-indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-menu'] {\n    z-index: 999;\n  }\n\n  [class*='-option'] {\n    transition: all 0.3s;\n  }\n\n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,w1BAAA,qxBA4CzC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,q/BAAA,k7BAsDzC,KAAA"}

package/dist/ui/components/form/textarea/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces.js';
+import { InputProps } from '../interfaces';
 export declare function Textarea(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/textarea/index.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var formik_1 = require("formik");
-var input_control_1 = require("../input-control/index.js");
+var input_control_1 = require("../input-control");
 function Textarea(props) {
     var field = (0, formik_1.useField)({ name: props.name })[0];
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("textarea", __assign({ id: props.name, className: "font-16-regular" }, props, field)) })));