infinity-forge 0.12.2 → 0.12.3

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

@@ -10,12 +10,37 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
+};
 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 react_1 = require("react");
+var icons_1 = require("../../../../ui/icons/index.js");
+var S = __importStar(require("./styles.js"));
 function Input(props) {
     var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], state = _a[1], handlers = _a[2];
     (0, react_1.useEffect)(function () {
@@ -23,7 +48,9 @@ function Input(props) {
             handlers.setValue(state.initialValue);
         }
     }, [state.initialValue]);
-    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 })) })));
+    var icon = props.icon && props.icon;
+    var iconDirectuon = props.iconDirection && props.iconDirection;
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputBox, { className: "".concat(iconDirectuon ? iconDirectuon || 'left' : ''), children: [icon && ((0, jsx_runtime_1.jsx)("label", { htmlFor: props.name, style: { width: icon.size, height: icon.size }, className: 'input-icon', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: icon.name, fill: icon.color }) })), (0, jsx_runtime_1.jsx)("input", __assign({}, field, props, { id: props.name }))] }) })));
 }
 exports.Input = Input;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,kDAA+C;AAG/C,+BAAiC;AAEjC,SAAgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,6CAAW,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,KAAK,CAAC,IAAI,IAAI,IAClC,CAChB,CAAA;AACH,CAAC;AAdD,sBAcC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,kDAA+C;AAG/C,+BAAiC;AACjC,oCAAiC;AAEjC,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAA;IACrC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAA;IAEhE,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAE,UAAG,aAAa,CAAC,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,aACrE,IAAI,IAAI,CACP,kCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,YAAY,YAChG,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GACrC,CACT,EAED,6CAAW,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,KAAK,CAAC,IAAI,IAAI,IACpC,IACA,CAChB,CAAA;AACH,CAAC;AAzBD,sBAyBC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const InputBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

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

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputBox = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputBox = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  border: 0;\n  background-color: #fff;\n  color: #111;\n  padding: 0 0 0 10px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  height: 40px;\n  font-weight: 400;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 14px;\n  align-items: center;\n  overflow: hidden;\n\n  &.right {\n    flex-direction: row-reverse;\n    padding: 0 10px 0 0;\n\n    .input-icon {\n      margin-left: 10px;\n      margin-right: 0;\n    }\n  }\n\n  &.left {\n    input {\n      padding-left: 0 !important;\n    }\n\n    .input-icon {\n      margin-right: 10px;\n    }\n  }\n\n  input {\n    width: 100%;\n    border: 0;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .input-icon {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin: 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"], ["\n  display: flex;\n  border: 0;\n  background-color: #fff;\n  color: #111;\n  padding: 0 0 0 10px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  height: 40px;\n  font-weight: 400;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 14px;\n  align-items: center;\n  overflow: hidden;\n\n  &.right {\n    flex-direction: row-reverse;\n    padding: 0 10px 0 0;\n\n    .input-icon {\n      margin-left: 10px;\n      margin-right: 0;\n    }\n  }\n\n  &.left {\n    input {\n      padding-left: 0 !important;\n    }\n\n    .input-icon {\n      margin-right: 10px;\n    }\n  }\n\n  input {\n    width: 100%;\n    border: 0;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .input-icon {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin: 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i8BAAA,83BA0DpC,KAAA"}

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

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

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

@@ -31,7 +31,7 @@ var error_1 = require("./error/index.js");
 var loader_input_1 = require("./loader-input/index.js");
 var S = __importStar(require("./styles.js"));
 function InputControl(_a) {
-    var name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
+    var name = _a.name, label = _a.label, loading = _a.loading, children = _a.children, icon = _a.icon;
     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 })] }) }));
 }
 exports.InputControl = InputControl;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAC5B,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAA8C;QAA5C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3D,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBAAW,OAAO,aAC9B,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE3B,0CAAM,QAAQ,GAAO,IACjB,EAEN,uBAAC,oBAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACb,GACX,CACT,CAAA;AACH,CAAC;AAhBD,oCAgBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBAAW,OAAO,aAC9B,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE3B,0CAAM,QAAQ,GAAO,IACjB,EAEN,uBAAC,oBAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACb,GACX,CACT,CAAA;AACH,CAAC;AAhBD,oCAgBC"}

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

@@ -1,8 +1,15 @@
 /// <reference types="react" />
+import { IconsNames } from '../../../ui/icons/index.js';
 interface Props {
     name: string;
     label?: string;
     loading?: boolean;
+    icon?: {
+        name: IconsNames;
+        size: number;
+        color: string;
+    };
+    iconDirection?: 'left' | 'right';
     $isAccumalativeFile?: boolean;
     only?: 'cpf' | 'cpnj';
 }
@@ -10,5 +17,5 @@ export interface IOptionSelect {
     label: string;
     value: string;
 }
-export type InputProps = JSX.IntrinsicElements["input"] & JSX.IntrinsicElements["textarea"] & Props;
+export type InputProps = JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'] & Props;
 export {};

package/dist/ui/icons/index.d.ts

@@ -46,6 +46,7 @@ export * from './render/empty-chat.js';
 export * from './render/not-found.js';
 export * from './render/plus-sharp.js';
 export * from './render/exclamation.js';
+export * from './render/send-message.js';
 export * from './render/phone-message.js';
 export * from './render/arrow-forward.js';
 export * from './render/fullfield-bell.js';

package/dist/ui/icons/index.js

@@ -62,6 +62,7 @@ __exportStar(require("./render/empty-chat.js"), exports);
 __exportStar(require("./render/not-found.js"), exports);
 __exportStar(require("./render/plus-sharp.js"), exports);
 __exportStar(require("./render/exclamation.js"), exports);
+__exportStar(require("./render/send-message.js"), exports);
 __exportStar(require("./render/phone-message.js"), exports);
 __exportStar(require("./render/arrow-forward.js"), exports);
 __exportStar(require("./render/fullfield-bell.js"), exports);

package/dist/ui/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C"}

package/dist/ui/icons/render/send-message.d.ts

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

package/dist/ui/icons/render/send-message.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSendMessage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function IconSendMessage(_a) {
+    var fill = _a.fill;
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '16', viewBox: '0 0 15 16', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": 'evenodd', "clip-rule": 'evenodd', d: 'M0.0377615 2.09925C-0.0221318 1.86028 -0.012185 1.60914 0.0664205 1.37565C0.145026 1.14217 0.288987 0.936153 0.481208 0.78207C0.673428 0.627986 0.90583 0.53231 1.15081 0.506404C1.3958 0.480498 1.64307 0.525451 1.86326 0.635925L14.2878 6.84924C14.5016 6.95611 14.6815 7.12043 14.8072 7.32378C14.9329 7.52713 14.9994 7.76147 14.9994 8.00054C14.9994 8.23961 14.9329 8.47396 14.8072 8.67731C14.6815 8.88066 14.5016 9.04498 14.2878 9.15185L1.86326 15.3644C1.64313 15.4748 1.39596 15.5197 1.15107 15.4938C0.906179 15.4679 0.673857 15.3723 0.481673 15.2184C0.289489 15.0644 0.145512 14.8585 0.0668277 14.6251C-0.0118566 14.3918 -0.0219444 14.1408 0.0377615 13.9018L1.33976 8.69808L8.89526 8.00054L1.33976 7.30301L0.0377615 2.09925Z', fill: fill }) }));
+}
+exports.IconSendMessage = IconSendMessage;
+//# sourceMappingURL=send-message.js.map

package/dist/ui/icons/render/send-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-message.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/send-message.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,eAAe,CAAC,EAAe;QAAb,IAAI,UAAA;IACpC,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,8CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,stBAAstB,EACxtB,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AAXD,0CAWC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",