infinity-forge 1.0.8 → 1.0.9
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/system/presentation/components/layout/styles.js +1 -1
- package/dist/system/presentation/components/layout/styles.js.map +1 -1
- package/dist/ui/components/form/input-cep/component.js +96 -14
- package/dist/ui/components/form/input-cep/component.js.map +1 -1
- package/dist/ui/components/form/input-cep/use-cep/hook.d.ts +4 -1
- package/dist/ui/components/form/input-cep/use-cep/providers/ibge/hook.d.ts +5 -2
- package/dist/ui/components/form/input-cep/use-cep/providers/ibge/hook.js +12 -47
- package/dist/ui/components/form/input-cep/use-cep/providers/ibge/hook.js.map +1 -1
- package/dist/ui/components/form/input-mask/index.d.ts +1 -1
- package/dist/ui/components/form/input-mask/index.js +62 -4
- package/dist/ui/components/form/input-mask/index.js.map +1 -1
- package/dist/ui/components/form/interfaces.d.ts +6 -1
- package/package.json +1 -1
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Layout = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header
|
|
12
|
+
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header, main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: ", ";\n\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"], ["\n width: 100%;\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header, main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: ", ";\n\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"])), function (props) { return (props.$sideBarWidth ? "calc(100% - ".concat(props.$sideBarWidth + 'px', ")") : '100%'); });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oeAA4B,2VAoBhD,EAAwF,oEAMtG,KANc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAe,KAAK,CAAC,aAAa,GAAG,IAAI,MAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7E,CAA6E,EAMtG"}
|
|
@@ -10,27 +10,109 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
+
function step(op) {
|
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
+
switch (op[0]) {
|
|
32
|
+
case 0: case 1: t = op; break;
|
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
+
default:
|
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
+
if (t[2]) _.ops.pop();
|
|
42
|
+
_.trys.pop(); continue;
|
|
43
|
+
}
|
|
44
|
+
op = body.call(thisArg, _);
|
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
+
}
|
|
48
|
+
};
|
|
13
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
50
|
exports.InputCep = void 0;
|
|
15
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
+
var react_1 = require("react");
|
|
53
|
+
var formik_1 = require("formik");
|
|
16
54
|
var use_cep_1 = require("./use-cep/index.js");
|
|
17
55
|
var ui_1 = require("../../../../ui/index.js");
|
|
18
56
|
function InputCep(props) {
|
|
19
|
-
var
|
|
57
|
+
var _this = this;
|
|
58
|
+
var _a;
|
|
59
|
+
var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
|
|
20
60
|
var cep = (0, use_cep_1.useCep)(props);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
61
|
+
var setFieldValue = (0, formik_1.useFormikContext)().setFieldValue;
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputMask, { mask: '________', type: 'text', name: 'address.zipCode', placeholder: 'CEP', label: 'CEP*', onChangeInput: function (value_1, callback_1, _a) { return __awaiter(_this, [value_1, callback_1, _a], void 0, function (value, callback, _b) {
|
|
63
|
+
var response, _c;
|
|
64
|
+
var state = _b.state, utils = _b.utils;
|
|
65
|
+
return __generator(this, function (_d) {
|
|
66
|
+
switch (_d.label) {
|
|
67
|
+
case 0:
|
|
68
|
+
_d.trys.push([0, 2, 3, 4]);
|
|
69
|
+
setLoading(true);
|
|
70
|
+
setLoading(true);
|
|
71
|
+
callback();
|
|
72
|
+
if (value.length !== 8) {
|
|
73
|
+
return [2 /*return*/];
|
|
74
|
+
}
|
|
75
|
+
if (value === state.initialValue) {
|
|
76
|
+
return [2 /*return*/];
|
|
77
|
+
}
|
|
78
|
+
return [4 /*yield*/, cep.getCep(value)];
|
|
79
|
+
case 1:
|
|
80
|
+
response = _d.sent();
|
|
81
|
+
if (response === null || response === void 0 ? void 0 : response.erro) {
|
|
82
|
+
utils.setError('Cep inválido');
|
|
83
|
+
return [2 /*return*/];
|
|
84
|
+
}
|
|
85
|
+
setFieldValue('address', __assign(__assign({}, response), { zipCode: value }));
|
|
86
|
+
return [3 /*break*/, 4];
|
|
87
|
+
case 2:
|
|
88
|
+
_c = _d.sent();
|
|
89
|
+
utils.setError('Cep inválido');
|
|
90
|
+
return [3 /*break*/, 4];
|
|
91
|
+
case 3:
|
|
92
|
+
setLoading(false);
|
|
93
|
+
return [7 /*endfinally*/];
|
|
94
|
+
case 4: return [2 /*return*/];
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
}); } }), (0, jsx_runtime_1.jsx)("div", { children: (_a = cep === null || cep === void 0 ? void 0 : cep.fields) === null || _a === void 0 ? void 0 : _a.map(function (fieldsRow) {
|
|
98
|
+
return ((0, jsx_runtime_1.jsx)(Field, { omitFields: props.omitFields, fieldsRow: fieldsRow, loading: loading }, Object.keys(fieldsRow).reduce(function (reducer, item) { return item + reducer; }, '')));
|
|
99
|
+
}) })] }));
|
|
34
100
|
}
|
|
35
101
|
exports.InputCep = InputCep;
|
|
102
|
+
function Field(_a) {
|
|
103
|
+
var _b, _c;
|
|
104
|
+
var omitFields = _a.omitFields, fieldsRow = _a.fieldsRow, loading = _a.loading;
|
|
105
|
+
var _d = (0, formik_1.useFormikContext)(), values = _d.values, errors = _d.errors;
|
|
106
|
+
var isValidCep = ((_c = (_b = values === null || values === void 0 ? void 0 : values.address) === null || _b === void 0 ? void 0 : _b.zipCode) === null || _c === void 0 ? void 0 : _c.length) === 8 && !loading && !errors.address;
|
|
107
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: 'row', style: { display: isValidCep ? 'block' : 'none' }, children: Object.keys(fieldsRow).map(function (field) {
|
|
108
|
+
var configsField = fieldsRow[field];
|
|
109
|
+
if (omitFields === null || omitFields === void 0 ? void 0 : omitFields.includes(field)) {
|
|
110
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
111
|
+
}
|
|
112
|
+
if (configsField === null || configsField === void 0 ? void 0 : configsField.Component) {
|
|
113
|
+
return (0, jsx_runtime_1.jsx)(configsField.Component, __assign({ name: 'address.' + field }, configsField), field);
|
|
114
|
+
}
|
|
115
|
+
return (0, jsx_runtime_1.jsx)(ui_1.Input, __assign({ name: 'address.' + field }, configsField), field);
|
|
116
|
+
}) }));
|
|
117
|
+
}
|
|
36
118
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-cep/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-cep/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
import { InputCepProps } from '../interfaces.js';
|
|
2
|
-
export declare function useCep<T = any>(props: InputCepProps<T>):
|
|
2
|
+
export declare function useCep<T = any>(props: InputCepProps<T>): {
|
|
3
|
+
getCep: (zipCode: any) => Promise<T>;
|
|
4
|
+
fields: import("../interfaces.js").FieldsProviderCep<T>;
|
|
5
|
+
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import { InputCepProps } from '../../../../../../../ui/index.js';
|
|
2
|
-
export declare function useCepIBGE<T = any>({ fields }: InputCepProps<T>):
|
|
1
|
+
import { FieldsProviderCep, InputCepProps } from '../../../../../../../ui/index.js';
|
|
2
|
+
export declare function useCepIBGE<T = any>({ fields }: InputCepProps<T>): {
|
|
3
|
+
getCep: (zipCode: any) => Promise<T>;
|
|
4
|
+
fields: FieldsProviderCep<T>;
|
|
5
|
+
};
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -48,55 +37,31 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
48
37
|
};
|
|
49
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
39
|
exports.useCepIBGE = void 0;
|
|
51
|
-
var formik_1 = require("formik");
|
|
52
|
-
var service_1 = require("./service.js");
|
|
53
40
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
54
41
|
function useCepIBGE(_a) {
|
|
55
|
-
var _b, _c;
|
|
56
42
|
var fields = _a.fields;
|
|
57
|
-
|
|
58
|
-
var zipCode = (0, ui_1.removeDigits)((_b = values['address']) === null || _b === void 0 ? void 0 : _b.zipCode);
|
|
59
|
-
var initialZipCode = (0, ui_1.removeDigits)((_c = initialValues['address']) === null || _c === void 0 ? void 0 : _c.zipCode);
|
|
60
|
-
var configs = {
|
|
61
|
-
fields: fields ||
|
|
62
|
-
[
|
|
63
|
-
{ logradouro: { label: 'Rua' }, bairro: { label: 'Bairro' } },
|
|
64
|
-
{ localidade: { readOnly: true, label: 'Cidade' }, uf: { readOnly: true, label: 'Estado' } },
|
|
65
|
-
{ complemento: { label: 'Complemento' }, numero: { label: 'Número' } },
|
|
66
|
-
],
|
|
67
|
-
};
|
|
68
|
-
function fetcher() {
|
|
43
|
+
function getCep(zipCode) {
|
|
69
44
|
return __awaiter(this, void 0, void 0, function () {
|
|
70
45
|
var response;
|
|
71
46
|
return __generator(this, function (_a) {
|
|
72
47
|
switch (_a.label) {
|
|
73
|
-
case 0:
|
|
74
|
-
if (zipCode.length !== 8) {
|
|
75
|
-
return [2 /*return*/, undefined];
|
|
76
|
-
}
|
|
77
|
-
if (zipCode === initialZipCode) {
|
|
78
|
-
return [2 /*return*/, {
|
|
79
|
-
response: initialValues['address'],
|
|
80
|
-
configs: configs,
|
|
81
|
-
}];
|
|
82
|
-
}
|
|
83
|
-
return [4 /*yield*/, service_1.apiViaCep.get("".concat(zipCode, "/json"))];
|
|
48
|
+
case 0: return [4 /*yield*/, ui_1.apiViaCep.get("".concat(zipCode, "/json"))];
|
|
84
49
|
case 1:
|
|
85
50
|
response = (_a.sent()).data;
|
|
86
|
-
|
|
87
|
-
return [2 /*return*/, {
|
|
88
|
-
response: response,
|
|
89
|
-
configs: configs,
|
|
90
|
-
}];
|
|
51
|
+
return [2 /*return*/, response];
|
|
91
52
|
}
|
|
92
53
|
});
|
|
93
54
|
});
|
|
94
55
|
}
|
|
95
|
-
return
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
56
|
+
return {
|
|
57
|
+
getCep: getCep,
|
|
58
|
+
fields: fields ||
|
|
59
|
+
[
|
|
60
|
+
{ logradouro: { label: 'Rua' }, bairro: { label: 'Bairro' } },
|
|
61
|
+
{ localidade: { readOnly: true, label: 'Cidade' }, uf: { readOnly: true, label: 'Estado' } },
|
|
62
|
+
{ complemento: { label: 'Complemento' }, numero: { label: 'Número' } },
|
|
63
|
+
],
|
|
64
|
+
};
|
|
100
65
|
}
|
|
101
66
|
exports.useCepIBGE = useCepIBGE;
|
|
102
67
|
//# sourceMappingURL=hook.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-cep/use-cep/providers/ibge/hook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-cep/use-cep/providers/ibge/hook.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0E;AAE1E,SAAgB,UAAU,CAAU,EAA4B;QAA1B,MAAM,YAAA;IAC1C,SAAe,MAAM,CAAC,OAAO;;;;;4BACT,qBAAM,cAAS,CAAC,GAAG,CAAS,UAAG,OAAO,UAAO,CAAC,EAAA;;wBAA1D,QAAQ,GAAG,CAAC,SAA8C,CAAC,CAAC,IAAS;wBAE3E,sBAAO,QAAQ,EAAA;;;;KAChB;IAED,OAAO;QACL,MAAM,QAAA;QACN,MAAM,EACJ,MAAM;YACL;gBACC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC7D,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC5F,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;aACjD;KAC1B,CAAA;AACH,CAAC;AAjBD,gCAiBC"}
|
|
@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
+
function step(op) {
|
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
+
switch (op[0]) {
|
|
32
|
+
case 0: case 1: t = op; break;
|
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
+
default:
|
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
+
if (t[2]) _.ops.pop();
|
|
42
|
+
_.trys.pop(); continue;
|
|
43
|
+
}
|
|
44
|
+
op = body.call(thisArg, _);
|
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
+
}
|
|
48
|
+
};
|
|
13
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
50
|
exports.InputMask = void 0;
|
|
15
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -18,7 +54,9 @@ var formik_1 = require("formik");
|
|
|
18
54
|
var mask_1 = require("./lib/mask/index.js");
|
|
19
55
|
var input_control_1 = require("../input-control/index.js");
|
|
20
56
|
function InputMask(props) {
|
|
21
|
-
var
|
|
57
|
+
var _this = this;
|
|
58
|
+
var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
|
|
59
|
+
var _b = (0, formik_1.useField)({ name: props.name }), field = _b[0], state = _b[1], utils = _b[2];
|
|
22
60
|
var inputRef = (0, mask_1.useMask)({
|
|
23
61
|
mask: props.mask,
|
|
24
62
|
replacement: { _: /\d/ },
|
|
@@ -32,12 +70,32 @@ function InputMask(props) {
|
|
|
32
70
|
inputRef.current.value = field.value;
|
|
33
71
|
}
|
|
34
72
|
}, [field.value]);
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", { id: props.name, onChange: function (ev) {
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { loading: props.loading || loading, children: (0, jsx_runtime_1.jsx)("input", { id: props.name, onChange: function (ev) { return __awaiter(_this, void 0, void 0, function () {
|
|
36
74
|
function onChangeLocal() {
|
|
37
75
|
field.onChange(ev);
|
|
38
76
|
}
|
|
39
|
-
|
|
40
|
-
|
|
77
|
+
var _a;
|
|
78
|
+
return __generator(this, function (_b) {
|
|
79
|
+
switch (_b.label) {
|
|
80
|
+
case 0:
|
|
81
|
+
_b.trys.push([0, 2, 3, 4]);
|
|
82
|
+
setLoading(true);
|
|
83
|
+
return [4 /*yield*/, (props.onChangeInput
|
|
84
|
+
? props.onChangeInput(ev.target.value, onChangeLocal, { state: state, utils: utils })
|
|
85
|
+
: field.onChange(ev))];
|
|
86
|
+
case 1:
|
|
87
|
+
_b.sent();
|
|
88
|
+
return [3 /*break*/, 4];
|
|
89
|
+
case 2:
|
|
90
|
+
_a = _b.sent();
|
|
91
|
+
return [3 /*break*/, 4];
|
|
92
|
+
case 3:
|
|
93
|
+
setLoading(false);
|
|
94
|
+
return [7 /*endfinally*/];
|
|
95
|
+
case 4: return [2 /*return*/];
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
}); }, autoComplete: props.autoComplete, readOnly: props.readOnly, placeholder: props.placeholder, ref: inputRef }) })));
|
|
41
99
|
}
|
|
42
100
|
exports.InputMask = InputMask;
|
|
43
101
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-mask/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-mask/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,iCAAiC;AACjC,mCAA4C;AAE5C,kDAA+C;AAI/C,SAAgB,SAAS,CAAC,KAA2E;IAArG,iBA+CC;IA9CO,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAAwB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAArD,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,KAAK,QAAkC,CAAA;IAE5D,IAAM,QAAQ,GAAG,IAAA,cAAO,EAAC;QACvB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE;QACxB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC7B,CAAC;QAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,OAAO,YACxD,kCACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,QAAQ,EAAE,UAAO,EAAE;gBACjB,SAAS,aAAa;oBACpB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;gBACpB,CAAC;;;;;;4BAGC,UAAU,CAAC,IAAI,CAAC,CAAA;4BAEhB,qBAAM,CAAC,KAAK,CAAC,aAAa;oCACxB,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC;oCACvE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAA;;4BAFvB,SAEuB,CAAA;;;;;;4BAGvB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;iBAEpB,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,GACb,IACW,CAChB,CAAA;AACH,CAAC;AA/CD,8BA+CC"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconsNames } from '../../../ui/icons/index.js';
|
|
3
|
+
import { FieldHelperProps, FieldMetaProps } from 'formik';
|
|
4
|
+
type InputFormikState = {
|
|
5
|
+
utils: FieldHelperProps<any>;
|
|
6
|
+
state: FieldMetaProps<any>;
|
|
7
|
+
};
|
|
3
8
|
interface Props {
|
|
4
9
|
name: string;
|
|
5
10
|
label?: string;
|
|
@@ -15,7 +20,7 @@ interface Props {
|
|
|
15
20
|
iconDirection?: 'left' | 'right';
|
|
16
21
|
$isAccumalativeFile?: boolean;
|
|
17
22
|
only?: 'cpf' | 'cnpj';
|
|
18
|
-
onChangeInput?: (value: number | string | boolean, callback?: () => void) => void;
|
|
23
|
+
onChangeInput?: (value: number | string | boolean, callback?: () => void, formik?: InputFormikState) => void;
|
|
19
24
|
}
|
|
20
25
|
export interface IOptionSelect {
|
|
21
26
|
label: string;
|