infinity-forge 0.50.6 → 0.50.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/components/form/input-control/index.js +1 -1
- package/dist/ui/components/form/input-control/index.js.map +1 -1
- package/dist/ui/components/form/input-control/styles.js +1 -1
- package/dist/ui/components/form/input-control/styles.js.map +1 -1
- package/dist/ui/components/form/input-currency/index.d.ts +3 -1
- package/dist/ui/components/form/input-currency/index.js +30 -5
- package/dist/ui/components/form/input-currency/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -34,7 +34,7 @@ var S = __importStar(require("./styles.js"));
|
|
|
34
34
|
function InputControl(_a) {
|
|
35
35
|
var icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
|
|
36
36
|
var errors = (0, formik_1.useFormikContext)().errors;
|
|
37
|
-
var error = errors
|
|
37
|
+
var error = (0, formik_1.getIn)(errors, name);
|
|
38
38
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: 'input_control', "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'container-switch', 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, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon.name, fill: icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children })] })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
|
|
39
39
|
}
|
|
40
40
|
exports.InputControl = InputControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgD;AAEhD,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEjC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAC,eAAe,oBACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE9C,iCAAK,SAAS,EAAC,kBAAkB,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,EAC1B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,YAAY,YACzB,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,EAED,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,IAC3C,IACF,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC;AAjCD,oCAiCC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InputControl = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 42px;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only,\n textarea:read-only {\n opacity: 0.
|
|
12
|
+
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 42px;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only,\n textarea:read-only {\n opacity: 0.90;\n cursor: not-allowed;\n background-color: #f2f2f2;\n }\n"], ["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 42px;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only,\n textarea:read-only {\n opacity: 0.90;\n cursor: not-allowed;\n background-color: #f2f2f2;\n }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '16px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '16px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,k1CAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,0JAO/B,EAA0C,6IAOnD,EAA6C,kHAQtC,EAA6F,0BAC5F,EAA8F,kJAWxG,EAAmC,kDAInC,EAAmC,+JAS/C,KAtEW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAMxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAO/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAQtC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAS/C"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
import { InputProps } from '../interfaces.js';
|
|
2
|
-
export declare function InputCurrency(props:
|
|
2
|
+
export declare function InputCurrency(props: {
|
|
3
|
+
errorMessageMax?: (value: string) => string;
|
|
4
|
+
} & InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -16,15 +16,40 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.InputCurrency = void 0;
|
|
18
18
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var react_1 = require("react");
|
|
19
20
|
var formik_1 = require("formik");
|
|
20
|
-
var input_control_1 = require("../input-control/index.js");
|
|
21
21
|
var react_currency_input_field_1 = __importDefault(require("react-currency-input-field"));
|
|
22
|
+
var input_control_1 = require("../input-control/index.js");
|
|
22
23
|
function InputCurrency(props) {
|
|
23
|
-
var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0],
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], state = _a[1], handlers = _a[2];
|
|
25
|
+
function handleChange(value) {
|
|
26
|
+
if (value) {
|
|
27
|
+
var numericValue = parseFloat(value.includes(",") ? value.replace(/\./g, '').replace(',', '.') : value);
|
|
28
|
+
if (props.max && numericValue > Number(props.max || 0)) {
|
|
29
|
+
if (props.errorMessageMax) {
|
|
30
|
+
handlers.setError(props.errorMessageMax(value));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
handlers.setValue(value);
|
|
35
|
+
handlers.setError(undefined);
|
|
26
36
|
props.onChangeInput && props.onChangeInput(value);
|
|
27
|
-
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
handlers.setValue('');
|
|
41
|
+
handlers.setError(undefined);
|
|
42
|
+
props.onChangeInput && props.onChangeInput('0');
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
(0, react_1.useEffect)(function () {
|
|
46
|
+
setTimeout(function () {
|
|
47
|
+
if (state.initialValue) {
|
|
48
|
+
handleChange(state.initialValue);
|
|
49
|
+
}
|
|
50
|
+
}, 500);
|
|
51
|
+
}, [state.initialValue]);
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_currency_input_field_1.default, { prefix: 'R$', decimalsLimit: 2, decimalSeparator: ',', groupSeparator: '.', value: field.value, onValueChange: handleChange, readOnly: props.readOnly, max: props.max }) })));
|
|
28
53
|
}
|
|
29
54
|
exports.InputCurrency = InputCurrency;
|
|
30
55
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-currency/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-currency/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,iCAAiC;AACjC,0FAAsD;AAEtD,kDAA+C;AAI/C,SAAgB,aAAa,CAAC,KAAmE;IACzF,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAxD,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE/D,SAAS,YAAY,CAAC,KAAa;QACjC,IAAI,KAAK,EAAE,CAAC;YACV,IAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YAEzG,IAAI,KAAK,CAAC,GAAG,IAAI,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;oBAC1B,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;gBACjD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACxB,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;gBAC5B,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACnD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;YACrB,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;YAC5B,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC;YACT,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;gBACvB,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;YAClC,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,oCAAa,IACZ,MAAM,EAAC,IAAI,EACX,aAAa,EAAE,CAAC,EAChB,gBAAgB,EAAC,GAAG,EACpB,cAAc,EAAC,GAAG,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,YAAY,EAC3B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,GACd,IACW,CAChB,CAAA;AACH,CAAC;AA7CD,sCA6CC"}
|