infinity-forge 3.6.4 → 3.6.5
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/index.d.ts +2 -2
- package/dist/ui/components/form/index.js +2 -2
- package/dist/ui/components/form/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/component.d.ts +4 -0
- package/dist/ui/components/form/input-date-picker/component.js +68 -0
- package/dist/ui/components/form/input-date-picker/component.js.map +1 -0
- package/dist/ui/components/form/input-date-picker/index.d.ts +2 -4
- package/dist/ui/components/form/input-date-picker/index.js +15 -64
- package/dist/ui/components/form/input-date-picker/index.js.map +1 -1
- package/dist/ui/components/form/input-date-picker/interfaces.d.ts +2 -2
- package/dist/ui/components/form/input-manager/component.d.ts +2 -0
- package/dist/ui/components/form/input-manager/component.js +75 -0
- package/dist/ui/components/form/input-manager/component.js.map +1 -0
- package/dist/ui/components/form/input-manager/index.d.ts +2 -7
- package/dist/ui/components/form/input-manager/index.js +4 -60
- package/dist/ui/components/form/input-manager/index.js.map +1 -1
- package/dist/ui/components/form/input-manager/interfaces.d.ts +5 -0
- package/dist/ui/components/form/input-manager/interfaces.js +3 -0
- package/dist/ui/components/form/input-manager/interfaces.js.map +1 -0
- package/dist/ui/components/form/input-manager/styles.d.ts +1 -1
- package/dist/ui/components/form/interfaces.d.ts +3 -2
- package/package.json +1 -1
|
@@ -13,11 +13,11 @@ export * from './text-editor/index.js';
|
|
|
13
13
|
export * from './select-icon/index.js';
|
|
14
14
|
export * from './input-switch/index.js';
|
|
15
15
|
export * from './input-control/index.js';
|
|
16
|
+
export * from './input-youtube/index.js';
|
|
17
|
+
export * from './input-manager/index.js';
|
|
16
18
|
export * from './input-password/index.js';
|
|
17
19
|
export * from './input-cpf-cnpj/index.js';
|
|
18
20
|
export * from './input-currency/index.js';
|
|
19
|
-
export * from './input-youtube/index.js';
|
|
20
|
-
export * from './input-manager/index.js';
|
|
21
21
|
export * from './input-date-picker/index.js';
|
|
22
22
|
export * from './input-seo/input-meta-image/index.js';
|
|
23
23
|
export * from './interfaces.js';
|
|
@@ -29,11 +29,11 @@ __exportStar(require("./text-editor/index.js"), exports);
|
|
|
29
29
|
__exportStar(require("./select-icon/index.js"), exports);
|
|
30
30
|
__exportStar(require("./input-switch/index.js"), exports);
|
|
31
31
|
__exportStar(require("./input-control/index.js"), exports);
|
|
32
|
+
__exportStar(require("./input-youtube/index.js"), exports);
|
|
33
|
+
__exportStar(require("./input-manager/index.js"), exports);
|
|
32
34
|
__exportStar(require("./input-password/index.js"), exports);
|
|
33
35
|
__exportStar(require("./input-cpf-cnpj/index.js"), exports);
|
|
34
36
|
__exportStar(require("./input-currency/index.js"), exports);
|
|
35
|
-
__exportStar(require("./input-youtube/index.js"), exports);
|
|
36
|
-
__exportStar(require("./input-manager/index.js"), exports);
|
|
37
37
|
__exportStar(require("./input-date-picker/index.js"), exports);
|
|
38
38
|
__exportStar(require("./input-seo/input-meta-image/index.js"), exports);
|
|
39
39
|
__exportStar(require("./interfaces.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,sDAAmC;AACnC,+DAA4C;AAE5C,+CAA4B"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { InputProps } from '../interfaces.js';
|
|
2
|
+
import { IInputDatePicker } from './interfaces.js';
|
|
3
|
+
export type InputDatePickerProps = Pick<IInputDatePicker, 'mode' | 'language'>;
|
|
4
|
+
export declare const InputDatePicker: (props: InputProps & InputDatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,68 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.InputDatePicker = void 0;
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var react_1 = require("react");
|
|
20
|
+
var moment_1 = __importDefault(require("moment"));
|
|
21
|
+
var formik_1 = require("formik");
|
|
22
|
+
var ui_1 = require("../../../../ui/index.js");
|
|
23
|
+
var calendar_1 = require("./calendar/index.js");
|
|
24
|
+
var InputDatePicker = function (props) {
|
|
25
|
+
var _a, _b, _c;
|
|
26
|
+
var _d = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _d[0], _ = _d[1], utils = _d[2];
|
|
27
|
+
var _e = (0, formik_1.useFormikContext)(), values = _e.values, setFieldValue = _e.setFieldValue;
|
|
28
|
+
var ID = props.name + props.id;
|
|
29
|
+
var value = field.value;
|
|
30
|
+
var fieldValueInput = values[ID];
|
|
31
|
+
var mask = props.mode === 'month' ? '__/____' : '__/__/____';
|
|
32
|
+
var momentFormatter = props.mode === 'month' ? 'MM/YYYY' : 'DD/MM/YYYY';
|
|
33
|
+
var formattedValueToMask = (0, moment_1.default)(value).format(momentFormatter).toString();
|
|
34
|
+
(0, react_1.useEffect)(function () {
|
|
35
|
+
var initialData = value && value instanceof Date ? field.value : new Date();
|
|
36
|
+
utils.setValue(initialData);
|
|
37
|
+
setFieldValue(ID, (0, moment_1.default)(initialData).format(momentFormatter));
|
|
38
|
+
}, []);
|
|
39
|
+
(0, react_1.useEffect)(function () {
|
|
40
|
+
if (formattedValueToMask !== fieldValueInput) {
|
|
41
|
+
setFieldValue(ID, formattedValueToMask);
|
|
42
|
+
if (value)
|
|
43
|
+
props.onChangeInput && props.onChangeInput(value);
|
|
44
|
+
}
|
|
45
|
+
}, [value]);
|
|
46
|
+
(0, react_1.useEffect)(function () {
|
|
47
|
+
var _a;
|
|
48
|
+
if ((_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate) {
|
|
49
|
+
(0, moment_1.default)(value, momentFormatter, true);
|
|
50
|
+
setFieldValue(props.name, props.date.maxDate);
|
|
51
|
+
}
|
|
52
|
+
}, [(_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate]);
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_b = props === null || props === void 0 ? void 0 : props.tooltip) === null || _b === void 0 ? void 0 : _b.bgColor) || 'transparent', style: __assign({ padding: '5px 5px 5px 0px', boxShadow: 'unset', marginTop: '-20px' }, (_c = props === null || props === void 0 ? void 0 : props.tooltip) === null || _c === void 0 ? void 0 : _c.style), trigger: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ui_1.InputMask, { mask: mask, name: ID, onChangeInput: function (value, callback) {
|
|
54
|
+
var valueInput = value;
|
|
55
|
+
var date = (0, moment_1.default)(valueInput, momentFormatter, true);
|
|
56
|
+
if (date.isValid()) {
|
|
57
|
+
setFieldValue(props.name, date.toDate());
|
|
58
|
+
if (date)
|
|
59
|
+
props.onChangeInput && props.onChangeInput(date === null || date === void 0 ? void 0 : date.toDate());
|
|
60
|
+
callback();
|
|
61
|
+
}
|
|
62
|
+
} }) })), ContentWithTooltipProps: function (_a) {
|
|
63
|
+
var handleToggle = _a.handleToggle;
|
|
64
|
+
return (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props));
|
|
65
|
+
} })));
|
|
66
|
+
};
|
|
67
|
+
exports.InputDatePicker = InputDatePicker;
|
|
68
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export type InputDatePickerProps = Pick<IInputDatePicker, 'mode' | 'language'>;
|
|
4
|
-
export declare const InputDatePicker: (props: InputProps & InputDatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export * from "./component.js";
|
|
2
|
+
export * from "./interfaces.js";
|
|
@@ -1,68 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
var
|
|
14
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var moment_1 = __importDefault(require("moment"));
|
|
21
|
-
var formik_1 = require("formik");
|
|
22
|
-
var ui_1 = require("../../../../ui/index.js");
|
|
23
|
-
var calendar_1 = require("./calendar/index.js");
|
|
24
|
-
var InputDatePicker = function (props) {
|
|
25
|
-
var _a, _b, _c;
|
|
26
|
-
var _d = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _d[0], _ = _d[1], utils = _d[2];
|
|
27
|
-
var _e = (0, formik_1.useFormikContext)(), values = _e.values, setFieldValue = _e.setFieldValue;
|
|
28
|
-
var ID = props.name + props.id;
|
|
29
|
-
var value = field.value;
|
|
30
|
-
var fieldValueInput = values[ID];
|
|
31
|
-
var mask = props.mode === 'month' ? '__/____' : '__/__/____';
|
|
32
|
-
var momentFormatter = props.mode === 'month' ? 'MM/YYYY' : 'DD/MM/YYYY';
|
|
33
|
-
var formattedValueToMask = (0, moment_1.default)(value).format(momentFormatter).toString();
|
|
34
|
-
(0, react_1.useEffect)(function () {
|
|
35
|
-
var initialData = value && value instanceof Date ? field.value : new Date();
|
|
36
|
-
utils.setValue(initialData);
|
|
37
|
-
setFieldValue(ID, (0, moment_1.default)(initialData).format(momentFormatter));
|
|
38
|
-
}, []);
|
|
39
|
-
(0, react_1.useEffect)(function () {
|
|
40
|
-
if (formattedValueToMask !== fieldValueInput) {
|
|
41
|
-
setFieldValue(ID, formattedValueToMask);
|
|
42
|
-
if (value)
|
|
43
|
-
props.onChangeInput && props.onChangeInput(value);
|
|
44
|
-
}
|
|
45
|
-
}, [value]);
|
|
46
|
-
(0, react_1.useEffect)(function () {
|
|
47
|
-
var _a;
|
|
48
|
-
if ((_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate) {
|
|
49
|
-
(0, moment_1.default)(value, momentFormatter, true);
|
|
50
|
-
setFieldValue(props.name, props.date.maxDate);
|
|
51
|
-
}
|
|
52
|
-
}, [(_a = props === null || props === void 0 ? void 0 : props.date) === null || _a === void 0 ? void 0 : _a.maxDate]);
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({}, props === null || props === void 0 ? void 0 : props.tooltip, { idTooltip: 'CALENDAR', position: 'bottom-left', bgColor: ((_b = props === null || props === void 0 ? void 0 : props.tooltip) === null || _b === void 0 ? void 0 : _b.bgColor) || 'transparent', style: __assign({ padding: '5px 5px 5px 0px', boxShadow: 'unset', marginTop: '-20px' }, (_c = props === null || props === void 0 ? void 0 : props.tooltip) === null || _c === void 0 ? void 0 : _c.style), trigger: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ui_1.InputMask, { mask: mask, name: ID, onChangeInput: function (value, callback) {
|
|
54
|
-
var valueInput = value;
|
|
55
|
-
var date = (0, moment_1.default)(valueInput, momentFormatter, true);
|
|
56
|
-
if (date.isValid()) {
|
|
57
|
-
setFieldValue(props.name, date.toDate());
|
|
58
|
-
if (date)
|
|
59
|
-
props.onChangeInput && props.onChangeInput(date === null || date === void 0 ? void 0 : date.toDate());
|
|
60
|
-
callback();
|
|
61
|
-
}
|
|
62
|
-
} }) })), ContentWithTooltipProps: function (_a) {
|
|
63
|
-
var handleToggle = _a.handleToggle;
|
|
64
|
-
return (0, jsx_runtime_1.jsx)(calendar_1.Calendar, __assign({ utils: utils, handleToggle: handleToggle }, props));
|
|
65
|
-
} })));
|
|
66
|
-
};
|
|
67
|
-
exports.InputDatePicker = InputDatePicker;
|
|
17
|
+
__exportStar(require("./component.js"), exports);
|
|
18
|
+
__exportStar(require("./interfaces.js"), exports);
|
|
68
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,+CAA4B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RuleSet, Styles } from 'styled-components/dist/types';
|
|
2
2
|
import { IToolTipProps } from '../../../../ui/components/tooltip/interfaces.js';
|
|
3
|
-
export type
|
|
3
|
+
export type LanguageDatePicker = 'en' | 'pt';
|
|
4
4
|
export type CustomCalendarStyles = RuleSet<object> | Styles<Object>;
|
|
5
5
|
export interface IInputDatePicker {
|
|
6
6
|
mode: 'month' | 'date' | "year" | "timer";
|
|
7
|
-
language:
|
|
7
|
+
language: LanguageDatePicker;
|
|
8
8
|
customCalendarStyles?: CustomCalendarStyles;
|
|
9
9
|
tooltip?: IToolTipProps;
|
|
10
10
|
date?: {
|
|
@@ -0,0 +1,75 @@
|
|
|
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
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
+
if (ar || !(i in from)) {
|
|
39
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
+
ar[i] = from[i];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
44
|
+
};
|
|
45
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
|
+
exports.InputManager = void 0;
|
|
47
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
48
|
+
var formik_1 = require("formik");
|
|
49
|
+
var ui_1 = require("../../../../ui/index.js");
|
|
50
|
+
var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
|
|
51
|
+
var S = __importStar(require("./styles.js"));
|
|
52
|
+
function InputManager(_a) {
|
|
53
|
+
var _b;
|
|
54
|
+
var name = _a.name, inputs = _a.inputs, _c = _a.gridColumns, gridColumns = _c === void 0 ? 3 : _c;
|
|
55
|
+
var _d = (0, formik_1.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
|
|
56
|
+
var items = ((_b = values === null || values === void 0 ? void 0 : values.jsonContent) === null || _b === void 0 ? void 0 : _b[name]) || [];
|
|
57
|
+
return ((0, jsx_runtime_1.jsxs)(S.InputManager, { "$gridColumns": gridColumns, children: [(0, jsx_runtime_1.jsx)("div", { className: 'add_new_item_input_manager', children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', className: 'font-16-regular', onClick: function () {
|
|
58
|
+
var newItem = { id: items.length + 1 };
|
|
59
|
+
setFieldValue("jsonContent.".concat(name), __spreadArray(__spreadArray([], items, true), [newItem], false));
|
|
60
|
+
}, children: ["Adicionar mais um item ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'list-input-manager', children: items.map(function (item, itemIndex) {
|
|
61
|
+
var basePath = "jsonContent.".concat(name, "[").concat(itemIndex, "].");
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top-input-manager', children: [(0, jsx_runtime_1.jsxs)("h3", { className: 'font-18-regular', children: ["Item ", itemIndex + 1] }), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'delete', onClick: function () {
|
|
63
|
+
return setFieldValue("jsonContent.".concat(name), items.filter(function (i) { return item.id !== i.id; }));
|
|
64
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })] }), inputs === null || inputs === void 0 ? void 0 : inputs.map(function (row, index) {
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: 15, gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)") }, children: row.map(function (input) {
|
|
66
|
+
var Element = Inputs[input.InputComponent];
|
|
67
|
+
console.log(basePath);
|
|
68
|
+
var name = "".concat(basePath).concat(input.name);
|
|
69
|
+
return (0, jsx_runtime_1.jsx)(Element, __assign({}, input, { name: name }), name);
|
|
70
|
+
}) }, index));
|
|
71
|
+
})] }, item.id));
|
|
72
|
+
}) })] }));
|
|
73
|
+
}
|
|
74
|
+
exports.InputManager = InputManager;
|
|
75
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AACzC,2BAAuC;AAEvC,iEAAoD;AAEpD,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IACpD,IAAA,KAA4B,IAAA,yBAAgB,GAAyB,EAAnE,MAAM,YAAA,EAAE,aAAa,mBAA8C,CAAA;IAE3E,IAAM,KAAK,GAAG,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,0CAAG,IAAI,CAAC,KAAI,EAAE,CAAA;IAE/C,OAAO,CACL,wBAAC,CAAC,CAAC,YAAY,oBAAe,WAAW,aACvC,gCAAK,SAAS,EAAC,4BAA4B,YACzC,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE;wBACP,IAAM,OAAO,GAAG,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAA;wBAExC,aAAa,CAAC,sBAAe,IAAI,CAAE,kCAAM,KAAK,UAAE,OAAO,UAAE,CAAA;oBAC3D,CAAC,wCAEsB,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,IACxC,GACL,EAEN,gCAAK,SAAS,EAAC,oBAAoB,YAChC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,SAAS;oBACzB,IAAM,QAAQ,GAAG,sBAAe,IAAI,cAAI,SAAS,OAAI,CAAA;oBAErD,OAAO,CACL,iCAAmB,SAAS,EAAC,MAAM,aACjC,iCAAK,SAAS,EAAC,mBAAmB,aAChC,gCAAI,SAAS,EAAC,iBAAiB,sBAAO,SAAS,GAAG,CAAC,IAAM,EAEzD,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE;4CACP,OAAA,aAAa,CACX,sBAAe,IAAI,CAAE,EACrB,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAAhB,CAAgB,CAAC,CACtC;wCAHD,CAGC,YAGH,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,IACL,EAEL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;gCACtB,OAAO,CACL,gCAEE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,EAAE,iBAAU,GAAG,CAAC,MAAM,WAAQ,EAAE,YAErF,GAAG,CAAC,GAAG,CAAC,UAAC,KAAU;wCAClB,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAQ,CAAA;wCAEnD,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;wCACrB,IAAM,IAAI,GAAG,UAAG,QAAQ,SAAG,KAAK,CAAC,IAAI,CAAE,CAAA;wCAEvC,OAAO,uBAAC,OAAO,eAAiB,KAAa,IAAE,IAAI,EAAE,IAAI,KAApC,IAAI,CAAoC,CAAA;oCAC/D,CAAC,CAAC,IAVG,KAAK,CAWN,CACP,CAAA;4BACH,CAAC,CAAC,KAlCM,IAAI,CAAC,EAAE,CAmCX,CACP,CAAA;gBACH,CAAC,CAAC,GACE,IACS,CAClB,CAAA;AACH,CAAC;AAnED,oCAmEC"}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
inputs?: InputPropsDynamic<any>[][];
|
|
4
|
-
name: string;
|
|
5
|
-
gridColumns?: number;
|
|
6
|
-
};
|
|
7
|
-
export declare function InputManager({ name, inputs, gridColumns, }: InputManagerProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export * from "./component.js";
|
|
2
|
+
export * from "./interfaces.js";
|
|
@@ -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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -21,55 +10,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
21
10
|
if (k2 === undefined) k2 = k;
|
|
22
11
|
o[k2] = m[k];
|
|
23
12
|
}));
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
-
if (ar || !(i in from)) {
|
|
39
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
-
ar[i] = from[i];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
44
15
|
};
|
|
45
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var formik_1 = require("formik");
|
|
49
|
-
var ui_1 = require("../../../../ui/index.js");
|
|
50
|
-
var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
|
|
51
|
-
var S = __importStar(require("./styles.js"));
|
|
52
|
-
function InputManager(_a) {
|
|
53
|
-
var _b;
|
|
54
|
-
var name = _a.name, inputs = _a.inputs, _c = _a.gridColumns, gridColumns = _c === void 0 ? 3 : _c;
|
|
55
|
-
var _d = (0, formik_1.useFormikContext)(), values = _d.values, setFieldValue = _d.setFieldValue;
|
|
56
|
-
var items = ((_b = values === null || values === void 0 ? void 0 : values.jsonContent) === null || _b === void 0 ? void 0 : _b[name]) || [];
|
|
57
|
-
return ((0, jsx_runtime_1.jsxs)(S.InputManager, { "$gridColumns": gridColumns, children: [(0, jsx_runtime_1.jsx)("div", { className: 'add_new_item_input_manager', children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', className: 'font-16-regular', onClick: function () {
|
|
58
|
-
var newItem = { id: items.length + 1 };
|
|
59
|
-
setFieldValue("jsonContent.".concat(name), __spreadArray(__spreadArray([], items, true), [newItem], false));
|
|
60
|
-
}, children: ["Adicionar mais um item ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'list-input-manager', children: items.map(function (item, itemIndex) {
|
|
61
|
-
var basePath = "jsonContent.".concat(name, "[").concat(itemIndex, "].");
|
|
62
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top-input-manager', children: [(0, jsx_runtime_1.jsxs)("h3", { className: 'font-18-regular', children: ["Item ", itemIndex + 1] }), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'delete', onClick: function () {
|
|
63
|
-
return setFieldValue("jsonContent.".concat(name), items.filter(function (i) { return item.id !== i.id; }));
|
|
64
|
-
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })] }), inputs === null || inputs === void 0 ? void 0 : inputs.map(function (row, index) {
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: 15, gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)") }, children: row.map(function (input) {
|
|
66
|
-
var Element = Inputs[input.InputComponent];
|
|
67
|
-
console.log(basePath);
|
|
68
|
-
var name = "".concat(basePath).concat(input.name);
|
|
69
|
-
return (0, jsx_runtime_1.jsx)(Element, __assign({}, input, { name: name }), name);
|
|
70
|
-
}) }, index));
|
|
71
|
-
})] }, item.id));
|
|
72
|
-
}) })] }));
|
|
73
|
-
}
|
|
74
|
-
exports.InputManager = InputManager;
|
|
17
|
+
__exportStar(require("./component.js"), exports);
|
|
18
|
+
__exportStar(require("./interfaces.js"), exports);
|
|
75
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,+CAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { InputManagerProps } from './
|
|
2
|
+
import { InputManagerProps } from './interfaces.js';
|
|
3
3
|
export declare const InputManager: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
5
5
|
}, {
|
|
@@ -7,7 +7,8 @@ type InputFormikState = {
|
|
|
7
7
|
state: FieldMetaProps<any>;
|
|
8
8
|
};
|
|
9
9
|
import { StylesConfig } from 'react-select';
|
|
10
|
-
import {
|
|
10
|
+
import { InputManagerProps } from './input-manager/index.js';
|
|
11
|
+
import { IInputDatePicker } from './input-date-picker/index.js';
|
|
11
12
|
export type Option = {
|
|
12
13
|
label: string;
|
|
13
14
|
value?: string | number;
|
|
@@ -68,5 +69,5 @@ export interface IOptionSelect {
|
|
|
68
69
|
label: string;
|
|
69
70
|
value: string;
|
|
70
71
|
}
|
|
71
|
-
export type InputProps = JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'] & Props & Partial<TranslateProps> & Partial<ISelectProps> & Partial<IInputDatePicker>;
|
|
72
|
+
export type InputProps = JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'] & Props & Partial<TranslateProps> & Partial<ISelectProps> & Partial<IInputDatePicker> & Partial<InputManagerProps>;
|
|
72
73
|
export {};
|