infinity-forge 12.8.5 → 12.8.6
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/components/data/select-workspace/component.js +1 -1
- package/dist/test/index.js +48 -26
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/form/handler/component.js +0 -1
- package/dist/ui/components/form/handler/component.js.map +1 -1
- package/dist/ui/components/form/handler/events/form-handler.d.ts +10 -0
- package/dist/ui/components/form/handler/events/form-handler.js +32 -0
- package/dist/ui/components/form/handler/events/form-handler.js.map +1 -0
- package/dist/ui/components/form/handler/events/index.d.ts +1 -0
- package/dist/ui/components/form/handler/events/index.js +18 -0
- package/dist/ui/components/form/handler/events/index.js.map +1 -0
- package/dist/ui/components/form/handler/form-handler/index.js +13 -1
- package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
- package/dist/ui/components/form/handler/form-handler/use-submit/index.d.ts +1 -0
- package/dist/ui/components/form/handler/form-handler/use-submit/index.js +1 -1
- package/dist/ui/components/form/handler/form-handler/use-submit/index.js.map +1 -1
- package/dist/ui/components/form/handler/interfaces.d.ts +2 -0
- package/dist/ui/components/form/input/index.js +11 -11
- package/dist/ui/components/form/input/index.js.map +1 -1
- package/dist/ui/components/form/interfaces.d.ts +1 -2
- package/dist/ui/components/form/select/components/custom-multi-value/index.d.ts +3 -0
- package/dist/ui/components/form/select/components/custom-multi-value/index.js +31 -0
- package/dist/ui/components/form/select/components/custom-multi-value/index.js.map +1 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/index.d.ts +2 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/index.js +68 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/index.js.map +1 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/styles.d.ts +3 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/styles.js +14 -0
- package/dist/ui/components/form/select/components/custom-option-checkbox/styles.js.map +1 -0
- package/dist/ui/components/form/select/components/custom-value-container/index.d.ts +3 -0
- package/dist/ui/components/form/select/components/custom-value-container/index.js +65 -0
- package/dist/ui/components/form/select/components/custom-value-container/index.js.map +1 -0
- package/dist/ui/components/form/select/components/index.d.ts +4 -0
- package/dist/ui/components/form/select/components/index.js +21 -0
- package/dist/ui/components/form/select/components/index.js.map +1 -0
- package/dist/ui/components/form/select/components/menu-list/index.d.ts +3 -0
- package/dist/ui/components/form/select/components/menu-list/index.js +191 -0
- package/dist/ui/components/form/select/components/menu-list/index.js.map +1 -0
- package/dist/ui/components/form/select/components/menu-list/styles.d.ts +1 -0
- package/dist/ui/components/form/select/components/menu-list/styles.js +14 -0
- package/dist/ui/components/form/select/components/menu-list/styles.js.map +1 -0
- package/dist/ui/components/form/select/hooks/index.d.ts +3 -0
- package/dist/ui/components/form/select/hooks/index.js +20 -0
- package/dist/ui/components/form/select/hooks/index.js.map +1 -0
- package/dist/ui/components/form/select/hooks/use-select-components.d.ts +16 -0
- package/dist/ui/components/form/select/hooks/use-select-components.js +51 -0
- package/dist/ui/components/form/select/hooks/use-select-components.js.map +1 -0
- package/dist/ui/components/form/select/{custom-styles.js → hooks/use-select-props/custom-styles.js} +8 -7
- package/dist/ui/components/form/select/hooks/use-select-props/custom-styles.js.map +1 -0
- package/dist/ui/components/form/select/hooks/use-select-props/index.d.ts +53 -0
- package/dist/ui/components/form/select/hooks/use-select-props/index.js +51 -0
- package/dist/ui/components/form/select/hooks/use-select-props/index.js.map +1 -0
- package/dist/ui/components/form/select/hooks/use-select-state.d.ts +5 -0
- package/dist/ui/components/form/select/hooks/use-select-state.js +52 -0
- package/dist/ui/components/form/select/hooks/use-select-state.js.map +1 -0
- package/dist/ui/components/form/select/index.d.ts +0 -1
- package/dist/ui/components/form/select/index.js +29 -127
- package/dist/ui/components/form/select/index.js.map +1 -1
- package/dist/ui/components/form/select/styles.d.ts +1 -1
- package/dist/ui/components/form/select/styles.js +2 -2
- package/dist/ui/components/form/select/styles.js.map +1 -1
- package/dist/ui/components/form/select/types.d.ts +16 -0
- package/dist/ui/components/form/select/types.js +3 -0
- package/dist/ui/components/form/select/types.js.map +1 -0
- package/dist/ui/components/overlay/interfaces.d.ts +1 -1
- package/dist/ui/components/step-navigator/component.d.ts +13 -0
- package/dist/ui/components/step-navigator/component.js +62 -0
- package/dist/ui/components/step-navigator/component.js.map +1 -0
- package/dist/ui/components/step-navigator/events/index.d.ts +1 -0
- package/dist/ui/components/step-navigator/events/index.js +18 -0
- package/dist/ui/components/step-navigator/events/index.js.map +1 -0
- package/dist/ui/components/step-navigator/events/use-step-navigator-events.d.ts +10 -0
- package/dist/ui/components/step-navigator/events/use-step-navigator-events.js +32 -0
- package/dist/ui/components/step-navigator/events/use-step-navigator-events.js.map +1 -0
- package/dist/ui/components/step-navigator/index.d.ts +2 -12
- package/dist/ui/components/step-navigator/index.js +5 -41
- package/dist/ui/components/step-navigator/index.js.map +1 -1
- package/dist/ui/components/tooltip/component.js +1 -1
- package/dist/ui/components/tooltip/component.js.map +1 -1
- package/dist/ui/utils/infinity-forge/z-index-infinity-forge.js +2 -2
- package/package.json +1 -1
- package/dist/ui/components/form/select/constants.d.ts +0 -3
- package/dist/ui/components/form/select/constants.js +0 -7
- package/dist/ui/components/form/select/constants.js.map +0 -1
- package/dist/ui/components/form/select/custom-styles.js.map +0 -1
- package/dist/ui/components/form/select/interfaces.d.ts +0 -0
- package/dist/ui/components/form/select/interfaces.js +0 -1
- package/dist/ui/components/form/select/interfaces.js.map +0 -1
- package/dist/ui/components/form/select/virtualized-menu-list/index.d.ts +0 -1
- package/dist/ui/components/form/select/virtualized-menu-list/index.js +0 -19
- package/dist/ui/components/form/select/virtualized-menu-list/index.js.map +0 -1
- /package/dist/ui/components/form/select/{custom-styles.d.ts → hooks/use-select-props/custom-styles.d.ts} +0 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.selectState = selectState;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
function selectState(_a) {
|
|
6
|
+
var selectPropsInfinityForge = _a.selectPropsInfinityForge, field = _a.field, options = _a.options, utils = _a.utils, state = _a.state, setOptions = _a.setOptions;
|
|
7
|
+
var fieldValue = field.value || [];
|
|
8
|
+
var valueExternalSelect = selectPropsInfinityForge.value !== undefined ? selectPropsInfinityForge.value : undefined;
|
|
9
|
+
(0, react_1.useEffect)(function () {
|
|
10
|
+
if (valueExternalSelect) {
|
|
11
|
+
utils.setValue(valueExternalSelect);
|
|
12
|
+
}
|
|
13
|
+
}, [valueExternalSelect]);
|
|
14
|
+
(0, react_1.useEffect)(function () {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
if (selectPropsInfinityForge.controlledInitialValue) {
|
|
17
|
+
utils.setValue((_a = selectPropsInfinityForge.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value);
|
|
18
|
+
selectPropsInfinityForge.onChangeInput &&
|
|
19
|
+
selectPropsInfinityForge.onChangeInput((_b = selectPropsInfinityForge.controlledInitialValue) === null || _b === void 0 ? void 0 : _b.value, function () { var _a; return utils.setValue((_a = selectPropsInfinityForge.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value); }, { state: state, utils: utils });
|
|
20
|
+
}
|
|
21
|
+
}, [selectPropsInfinityForge.controlledInitialValue]);
|
|
22
|
+
(0, react_1.useEffect)(function () {
|
|
23
|
+
var _a;
|
|
24
|
+
if (options && options.length > 0) {
|
|
25
|
+
setOptions(options);
|
|
26
|
+
var allOptionValues_1 = selectPropsInfinityForge.isGroup
|
|
27
|
+
? options.flatMap(function (group) { return group.options.map(function (o) { return o.value; }); })
|
|
28
|
+
: options.map(function (o) { return o.value; });
|
|
29
|
+
var currentValues = Array.isArray(field.value)
|
|
30
|
+
? field.value
|
|
31
|
+
: field.value !== undefined && field.value !== null
|
|
32
|
+
? [field.value]
|
|
33
|
+
: [];
|
|
34
|
+
var filteredValues = currentValues.filter(function (val) { return allOptionValues_1.includes(val); });
|
|
35
|
+
if (filteredValues.length !== currentValues.length) {
|
|
36
|
+
var newValue = selectPropsInfinityForge.onlyOneValue ? (_a = filteredValues[0]) !== null && _a !== void 0 ? _a : null : filteredValues;
|
|
37
|
+
utils.setValue(newValue);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, [options]);
|
|
41
|
+
var value = !selectPropsInfinityForge.onlyOneValue
|
|
42
|
+
? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && selectPropsInfinityForge.isGroup
|
|
43
|
+
? fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (defaultValueForm) {
|
|
44
|
+
var _a, _b;
|
|
45
|
+
return (_b = (_a = options
|
|
46
|
+
.find(function (option) { var _a; return (_a = option.options) === null || _a === void 0 ? void 0 : _a.some(function (o) { return o.value === defaultValueForm; }); })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find(function (opt) { return opt.value === defaultValueForm; });
|
|
47
|
+
})
|
|
48
|
+
: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return options.find(function (option) { return option.value === valueForm; }); })
|
|
49
|
+
: [options.find(function (option) { return option.value === fieldValue; }) || null];
|
|
50
|
+
return { value: value, valueExternalSelect: valueExternalSelect };
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=use-select-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-select-state.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/hooks/use-select-state.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
var __assign = (this && this.__assign) || function () {
|
|
7
3
|
__assign = Object.assign || function(t) {
|
|
8
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -47,133 +43,49 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
47
43
|
return result;
|
|
48
44
|
};
|
|
49
45
|
})();
|
|
50
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
51
|
-
var t = {};
|
|
52
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
53
|
-
t[p] = s[p];
|
|
54
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
55
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
57
|
-
t[p[i]] = s[p[i]];
|
|
58
|
-
}
|
|
59
|
-
return t;
|
|
60
|
-
};
|
|
61
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
62
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
63
|
-
if (ar || !(i in from)) {
|
|
64
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
65
|
-
ar[i] = from[i];
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
69
|
-
};
|
|
70
46
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
71
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
72
48
|
};
|
|
73
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
74
|
-
exports.CustomOptionCheckbox = void 0;
|
|
75
50
|
exports.Select = Select;
|
|
76
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
77
52
|
var react_1 = require("react");
|
|
78
53
|
var formik_1 = require("formik");
|
|
79
54
|
var react_select_1 = __importDefault(require("react-select"));
|
|
80
|
-
var react_select_2 = require("react-select");
|
|
81
|
-
var creatable_1 = __importDefault(require("react-select/creatable"));
|
|
82
55
|
var ui_1 = require("../../../../ui/index.js");
|
|
83
|
-
var
|
|
56
|
+
var hooks_1 = require("./hooks/index.js");
|
|
84
57
|
var S = __importStar(require("./styles.js"));
|
|
85
58
|
function Select(props) {
|
|
86
|
-
var _a, _b, _c
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
59
|
+
var _a, _b, _c;
|
|
60
|
+
var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
|
|
61
|
+
var _e = (0, react_1.useState)(false), menuIsOpen = _e[0], setMenuIsOpen = _e[1];
|
|
62
|
+
var _f = (0, react_1.useState)(props.options || []), options = _f[0], setOptions = _f[1];
|
|
63
|
+
var selectRef = (0, react_1.useRef)(null);
|
|
64
|
+
var _g = (0, formik_1.useField)({ name: props.name }), field = _g[0], state = _g[1], utils = _g[2];
|
|
65
|
+
var id = (0, react_1.useMemo)(function () { return "select-".concat(props.name); }, [props.name]);
|
|
91
66
|
var isMounted = (0, ui_1.useComponentIsMounted)();
|
|
92
|
-
var
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return options.find(function (option) { return option.value === valueForm; }); })
|
|
106
|
-
: [options.find(function (option) { return option.value === fieldValue; }) || null];
|
|
107
|
-
var SelectComponent = props.creatableSelect ? creatable_1.default : react_select_1.default;
|
|
108
|
-
var valueExternalSelect = props.value !== undefined ? props.value : undefined;
|
|
109
|
-
(0, react_1.useEffect)(function () {
|
|
110
|
-
if (valueExternalSelect) {
|
|
111
|
-
utils.setValue(valueExternalSelect);
|
|
112
|
-
}
|
|
113
|
-
}, [valueExternalSelect]);
|
|
114
|
-
(0, react_1.useEffect)(function () {
|
|
115
|
-
var _a, _b;
|
|
116
|
-
if (props.controlledInitialValue) {
|
|
117
|
-
utils.setValue((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value);
|
|
118
|
-
props.onChangeInput &&
|
|
119
|
-
props.onChangeInput((_b = props.controlledInitialValue) === null || _b === void 0 ? void 0 : _b.value, function () { var _a; return utils.setValue((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value); }, { state: state, utils: utils });
|
|
120
|
-
}
|
|
121
|
-
}, [props.controlledInitialValue]);
|
|
122
|
-
(0, react_1.useEffect)(function () {
|
|
123
|
-
var _a;
|
|
124
|
-
if (props.options && props.options.length > 0) {
|
|
125
|
-
setOptions(props.options);
|
|
126
|
-
var allOptionValues_1 = props.isGroup
|
|
127
|
-
? props.options.flatMap(function (group) { return group.options.map(function (o) { return o.value; }); })
|
|
128
|
-
: props.options.map(function (o) { return o.value; });
|
|
129
|
-
var currentValues = Array.isArray(field.value)
|
|
130
|
-
? field.value
|
|
131
|
-
: field.value !== undefined && field.value !== null
|
|
132
|
-
? [field.value]
|
|
133
|
-
: [];
|
|
134
|
-
var filteredValues = currentValues.filter(function (val) { return allOptionValues_1.includes(val); });
|
|
135
|
-
if (filteredValues.length !== currentValues.length) {
|
|
136
|
-
var newValue = props.onlyOneValue ? (_a = filteredValues[0]) !== null && _a !== void 0 ? _a : null : filteredValues;
|
|
137
|
-
utils.setValue(newValue);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}, [props.options]);
|
|
141
|
-
var CustomMultiValue = function (propsSelect) {
|
|
142
|
-
var index = propsSelect.index, getValue = propsSelect.getValue;
|
|
143
|
-
var maxToShow = (props === null || props === void 0 ? void 0 : props.maxOptions) || 2;
|
|
144
|
-
var allSelected = getValue();
|
|
145
|
-
if (!(props === null || props === void 0 ? void 0 : props.maxOptions)) {
|
|
146
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.MultiValue, __assign({}, propsSelect));
|
|
147
|
-
}
|
|
148
|
-
console.log(index, allSelected.length, maxToShow, "@@??");
|
|
149
|
-
if (index === 0 && allSelected.length > maxToShow) {
|
|
150
|
-
return (0, jsx_runtime_1.jsxs)("div", { style: { padding: '2px 6px', fontSize: 12, color: '#666' }, children: [allSelected.length - maxToShow, " selecionados"] });
|
|
151
|
-
}
|
|
152
|
-
if (index < maxToShow) {
|
|
153
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.MultiValue, __assign({}, propsSelect));
|
|
154
|
-
}
|
|
155
|
-
return null;
|
|
67
|
+
var hooksParameters = {
|
|
68
|
+
id: id,
|
|
69
|
+
field: field,
|
|
70
|
+
state: state,
|
|
71
|
+
utils: utils,
|
|
72
|
+
options: options,
|
|
73
|
+
selectRef: selectRef,
|
|
74
|
+
isLoading: isLoading,
|
|
75
|
+
menuIsOpen: menuIsOpen,
|
|
76
|
+
setOptions: setOptions,
|
|
77
|
+
setIsLoading: setIsLoading,
|
|
78
|
+
setMenuIsOpen: setMenuIsOpen,
|
|
79
|
+
selectPropsInfinityForge: props,
|
|
156
80
|
};
|
|
81
|
+
var _h = (0, hooks_1.selectState)(hooksParameters), value = _h.value, valueExternalSelect = _h.valueExternalSelect;
|
|
82
|
+
var valueSelect = valueExternalSelect || props.isMultiple ? value : !(value === null || value === void 0 ? void 0 : value[0]) ? null : value[0];
|
|
83
|
+
var selectProps = (0, hooks_1.useSelectProps)(__assign(__assign({}, hooksParameters), { valueSelect: valueSelect }));
|
|
84
|
+
var components = (0, hooks_1.useSelectComponents)(hooksParameters);
|
|
157
85
|
if (!isMounted) {
|
|
158
86
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
159
87
|
}
|
|
160
|
-
|
|
161
|
-
var rest = __rest(_a, []);
|
|
162
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.Input, __assign({}, rest, { autoComplete: 'off' }));
|
|
163
|
-
};
|
|
164
|
-
return ((0, jsx_runtime_1.jsxs)(S.SelectWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { i18n: { disabled: true }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { isClearable: props === null || props === void 0 ? void 0 : props.isClearable, menuPortalTarget: document === null || document === void 0 ? void 0 : document.body, onCreateOption: function (inputValue) {
|
|
165
|
-
setIsLoading(true);
|
|
166
|
-
setTimeout(function () {
|
|
167
|
-
var newOption = {
|
|
168
|
-
label: inputValue,
|
|
169
|
-
value: inputValue,
|
|
170
|
-
};
|
|
171
|
-
setIsLoading(false);
|
|
172
|
-
setOptions(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newOption], false); });
|
|
173
|
-
var newValue = !props.onlyOneValue ? __spreadArray(__spreadArray([], fieldValue, true), [newOption === null || newOption === void 0 ? void 0 : newOption.value], false) : newOption === null || newOption === void 0 ? void 0 : newOption.value;
|
|
174
|
-
utils.setValue(newValue);
|
|
175
|
-
}, 900);
|
|
176
|
-
}, isDisabled: isLoading || props.disabled || ((_b = (_a = formHandler === null || formHandler === void 0 ? void 0 : formHandler.formHandlerProps) === null || _a === void 0 ? void 0 : _a.inputs) === null || _b === void 0 ? void 0 : _b.readOnly), isLoading: isLoading, isSearchable: props.isSearchable, hideSelectedOptions: props.isMultiple ? false : props === null || props === void 0 ? void 0 : props.hideSelectedOptions, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: menuOpen, placeholder: props.placeholder, name: field.name, onMenuOpen: function () { return setMenuOpen(true); }, onMenuClose: function () { return setMenuOpen(false); }, closeMenuOnSelect: props.isMultiple ? false : props === null || props === void 0 ? void 0 : props.closeMenuOnSelect, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(S.Select, { ref: selectRef, children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { i18n: { disabled: true }, children: (0, jsx_runtime_1.jsx)(react_select_1.default, __assign({}, selectProps, { value: valueSelect, components: components, options: options, onChange: function (ev) {
|
|
177
89
|
var _a;
|
|
178
90
|
var value = props.onlyOneValue
|
|
179
91
|
? (_a = ev === null || ev === void 0 ? void 0 : ev.value) !== null && _a !== void 0 ? _a : null
|
|
@@ -186,18 +98,8 @@ function Select(props) {
|
|
|
186
98
|
utils.setValue(value);
|
|
187
99
|
}
|
|
188
100
|
props.onChangeInput && props.onChangeInput(value, function () { return utils.setValue(value); }, { state: state, utils: utils });
|
|
189
|
-
},
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
setMenuOpen(false);
|
|
193
|
-
}, isExiting: false, zIndex: 999, children: '' })] }));
|
|
101
|
+
} })) })), ((_a = props === null || props === void 0 ? void 0 : props.addButton) === null || _a === void 0 ? void 0 : _a.CustomComponent) ? ((0, jsx_runtime_1.jsx)("div", { className: 'custom-component', children: (_b = props === null || props === void 0 ? void 0 : props.addButton) === null || _b === void 0 ? void 0 : _b.CustomComponent })) : (((_c = props === null || props === void 0 ? void 0 : props.addButton) === null || _c === void 0 ? void 0 : _c.onClick) && ((0, jsx_runtime_1.jsx)("button", { className: 'add', type: 'button', onClick: props.addButton.onClick, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' }) }))), menuIsOpen && ((0, jsx_runtime_1.jsx)(ui_1.Overlay, { isTransparent: true, onClick: function () {
|
|
102
|
+
setMenuIsOpen(false);
|
|
103
|
+
}, isExiting: false, zIndex: 999, children: '' }))] }));
|
|
194
104
|
}
|
|
195
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
196
|
-
var CheckboxWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n\n .checkbox {\n width: 18px;\n height: 18px;\n border: 2px solid #bbb;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n background: #fff;\n }\n\n .checkbox.checked {\n background: #4caf50;\n border-color: #4caf50;\n }\n\n .checkbox.checked svg {\n opacity: 1;\n transform: scale(1);\n }\n\n .checkbox svg {\n width: 12px;\n height: 12px;\n stroke: #fff;\n stroke-width: 3;\n fill: none;\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.2s ease-in-out;\n }\n\n label {\n cursor: pointer;\n font-size: 14px;\n color: #333;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n background-color: ", ";\n\n .checkbox {\n width: 18px;\n height: 18px;\n border: 2px solid #bbb;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n background: #fff;\n }\n\n .checkbox.checked {\n background: #4caf50;\n border-color: #4caf50;\n }\n\n .checkbox.checked svg {\n opacity: 1;\n transform: scale(1);\n }\n\n .checkbox svg {\n width: 12px;\n height: 12px;\n stroke: #fff;\n stroke-width: 3;\n fill: none;\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.2s ease-in-out;\n }\n\n label {\n cursor: pointer;\n font-size: 14px;\n color: #333;\n }\n"])), function (props) { return props.$isSelected ? "#f2f2f2" : "#fff"; });
|
|
197
|
-
var CustomOptionCheckbox = function (props) {
|
|
198
|
-
var isSelected = props.isSelected, label = props.label;
|
|
199
|
-
return ((0, jsx_runtime_1.jsx)(react_select_2.components.Option, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(CheckboxWrapper, { "$isSelected": isSelected, children: [(0, jsx_runtime_1.jsx)("div", { className: "checkbox ".concat(isSelected ? "checked" : ""), children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("polyline", { points: "20 6 9 17 4 12" }) }) }), (0, jsx_runtime_1.jsx)("label", { children: label })] }) })));
|
|
200
|
-
};
|
|
201
|
-
exports.CustomOptionCheckbox = CustomOptionCheckbox;
|
|
202
|
-
var templateObject_1;
|
|
203
105
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const Select: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -7,8 +7,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.
|
|
10
|
+
exports.Select = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.
|
|
12
|
+
exports.Select = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n\n.optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n}\n\n.optionCustom.transparent {\n opacity: 0;\n}\n\n \n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n\n.optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n}\n\n.optionCustom.transparent {\n opacity: 0;\n}\n\n \n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"])));
|
|
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/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,m7BAAA,g3BA4DlC,KAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FieldHelperProps, FieldInputProps, FieldMetaProps } from "formik";
|
|
2
|
+
import type { InputProps, Option } from "../interfaces.js";
|
|
3
|
+
export type SelectParametersHooks = {
|
|
4
|
+
id?: string;
|
|
5
|
+
selectPropsInfinityForge: InputProps;
|
|
6
|
+
options: Option[];
|
|
7
|
+
field: FieldInputProps<any>;
|
|
8
|
+
state: FieldMetaProps<any>;
|
|
9
|
+
isLoading: boolean;
|
|
10
|
+
setOptions: React.Dispatch<React.SetStateAction<Option[]>>;
|
|
11
|
+
utils: FieldHelperProps<any>;
|
|
12
|
+
selectRef: React.RefObject<any>;
|
|
13
|
+
setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
|
|
14
|
+
menuIsOpen: boolean;
|
|
15
|
+
setMenuIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type StepItemProps = {
|
|
2
|
+
step: number;
|
|
3
|
+
prevStep(): void;
|
|
4
|
+
nextStep(): void;
|
|
5
|
+
setStep: React.Dispatch<React.SetStateAction<number>>;
|
|
6
|
+
};
|
|
7
|
+
export declare function StepNavigator({ registryName, steps, onStepChange, }: {
|
|
8
|
+
registryName?: string;
|
|
9
|
+
onStepChange?: ({ step }: {
|
|
10
|
+
step: number;
|
|
11
|
+
}) => void;
|
|
12
|
+
steps: ((props: StepItemProps) => React.ReactNode)[];
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.StepNavigator = StepNavigator;
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var error_boundary_1 = require("../error-boundary/index.js");
|
|
40
|
+
var events_1 = require("./events/index.js");
|
|
41
|
+
var S = __importStar(require("./styles.js"));
|
|
42
|
+
function StepNavigator(_a) {
|
|
43
|
+
var registryName = _a.registryName, steps = _a.steps, onStepChange = _a.onStepChange;
|
|
44
|
+
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
45
|
+
function nextStep() {
|
|
46
|
+
setStep(function (state) { return (steps.length === state ? state : state + 1); });
|
|
47
|
+
}
|
|
48
|
+
function prevStep() {
|
|
49
|
+
setStep(function (state) { return (state === 1 ? 1 : state - 1); });
|
|
50
|
+
}
|
|
51
|
+
(0, react_1.useEffect)(function () {
|
|
52
|
+
onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange({ step: step });
|
|
53
|
+
}, [step]);
|
|
54
|
+
var registry = (0, events_1.useStepNavigatorEvents)().registry;
|
|
55
|
+
(0, react_1.useEffect)(function () {
|
|
56
|
+
if (registryName) {
|
|
57
|
+
registry(registryName, { setStep: function (step) { return setStep(step); } });
|
|
58
|
+
}
|
|
59
|
+
}, []);
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'StepNavigator', children: (0, jsx_runtime_1.jsx)(S.StepNavigator, { className: 'step_navigator', children: steps.map(function (Component, index) { return ((0, jsx_runtime_1.jsx)(S.Step, { className: 'step_navigator_step', isActive: step === index + 1, direction: step > index + 1 ? 'prev' : 'next', children: (0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'StepNavigatorStep' + index, children: step === index + 1 && ((0, jsx_runtime_1.jsx)(Component, { step: step, setStep: setStep, prevStep: prevStep, nextStep: nextStep })) }) }, index)); }) }) }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/step-navigator/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,sCAmDC;;AAlED,+BAA2C;AAE3C,oDAAyC;AACzC,mCAAiD;AAEjD,0CAA6B;AAU7B,SAAgB,aAAa,CAAC,EAQ7B;QAPC,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,YAAY,kBAAA;IAMN,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAEnC,SAAS,QAAQ;QACf,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC,CAAA;IAClE,CAAC;IAED,SAAS,QAAQ;QACf,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAA7B,CAA6B,CAAC,CAAA;IACnD,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEF,IAAA,QAAQ,GAAK,IAAA,+BAAsB,GAAE,SAA7B,CAA6B;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,UAAC,IAAI,IAAK,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,YACxC,KAAK,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK,IAAK,OAAA,CAC/B,uBAAC,CAAC,CAAC,IAAI,IACL,SAAS,EAAC,qBAAqB,EAE/B,QAAQ,EAAE,IAAI,KAAK,KAAK,GAAG,CAAC,EAC5B,SAAS,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,YAE7C,uBAAC,sBAAK,IAAC,IAAI,EAAE,mBAAmB,GAAG,KAAK,YACrC,IAAI,KAAK,KAAK,GAAG,CAAC,IAAI,CACrB,uBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACpF,GACK,IARH,KAAK,CASH,CACV,EAbgC,CAahC,CAAC,GACc,GACZ,CACT,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-step-navigator-events.js";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
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
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./use-step-navigator-events.js"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/step-navigator/events/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA2C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type StepNavigatorConfigurations = {
|
|
2
|
+
setStep: (message: number) => void;
|
|
3
|
+
};
|
|
4
|
+
type StepNavigatorStoreProps = {
|
|
5
|
+
stepNavigators: Record<string, StepNavigatorConfigurations>;
|
|
6
|
+
registry: (registryName: string, configurations: StepNavigatorConfigurations) => void;
|
|
7
|
+
setStep: (registryName: string, step: number) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const useStepNavigatorEvents: import("zustand").UseBoundStore<import("zustand").StoreApi<StepNavigatorStoreProps>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.useStepNavigatorEvents = void 0;
|
|
15
|
+
var zustand_1 = require("zustand");
|
|
16
|
+
exports.useStepNavigatorEvents = (0, zustand_1.create)()(function (set, get) { return ({
|
|
17
|
+
stepNavigators: {},
|
|
18
|
+
registry: function (registryName, configurations) {
|
|
19
|
+
set(function (state) {
|
|
20
|
+
var _a;
|
|
21
|
+
return ({
|
|
22
|
+
stepNavigators: __assign(__assign({}, state.stepNavigators), (_a = {}, _a[registryName] = configurations, _a)),
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
setStep: function (registryName, step) {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
var formHandler = (_b = (_a = get()) === null || _a === void 0 ? void 0 : _a.stepNavigators) === null || _b === void 0 ? void 0 : _b[registryName];
|
|
29
|
+
formHandler.setStep(step);
|
|
30
|
+
}
|
|
31
|
+
}); });
|
|
32
|
+
//# sourceMappingURL=use-step-navigator-events.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-step-navigator-events.js","sourceRoot":"","sources":["../../../../../src/ui/components/step-navigator/events/use-step-navigator-events.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,mCAAgC;AAUnB,QAAA,sBAAsB,GAAG,IAAA,gBAAM,GAA2B,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,CAAC;IACnF,cAAc,EAAE,EAAE;IAClB,QAAQ,EAAE,UAAC,YAAoB,EAAE,cAA2C;QACxE,GAAG,CAAC,UAAA,KAAK;;YAAI,OAAA,CAAC;gBACV,cAAc,wBACP,KAAK,CAAC,cAAc,gBACtB,YAAY,IAAG,cAAc,MACjC;aACJ,CAAC;QALW,CAKX,CAAC,CAAA;IACP,CAAC;IACD,OAAO,EAAE,UAAC,YAAY,EAAE,IAAI;;QAExB,IAAM,WAAW,GAAG,MAAA,MAAA,GAAG,EAAE,0CAAE,cAAc,0CAAG,YAAY,CAAC,CAAC;QAE1D,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;CACJ,CAAC,EAhBoF,CAgBpF,CAAC,CAAA"}
|
|
@@ -1,12 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
prevStep(): void;
|
|
4
|
-
nextStep(): void;
|
|
5
|
-
setStep: React.Dispatch<React.SetStateAction<number>>;
|
|
6
|
-
};
|
|
7
|
-
export declare function StepNavigator({ steps, onStepChange }: {
|
|
8
|
-
onStepChange?: ({ step }: {
|
|
9
|
-
step: number;
|
|
10
|
-
}) => void;
|
|
11
|
-
steps: ((props: StepItemProps) => React.ReactNode)[];
|
|
12
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export * from "./events/index.js";
|
|
2
|
+
export * from "./component.js";
|
|
@@ -10,46 +10,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
10
10
|
if (k2 === undefined) k2 = k;
|
|
11
11
|
o[k2] = m[k];
|
|
12
12
|
}));
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
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
|
+
};
|
|
35
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var react_1 = require("react");
|
|
39
|
-
var error_boundary_1 = require("../error-boundary/index.js");
|
|
40
|
-
var S = __importStar(require("./styles.js"));
|
|
41
|
-
function StepNavigator(_a) {
|
|
42
|
-
var steps = _a.steps, onStepChange = _a.onStepChange;
|
|
43
|
-
var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
|
|
44
|
-
function nextStep() {
|
|
45
|
-
setStep(function (state) { return (steps.length === state ? state : state + 1); });
|
|
46
|
-
}
|
|
47
|
-
function prevStep() {
|
|
48
|
-
setStep(function (state) { return (state === 1 ? 1 : state - 1); });
|
|
49
|
-
}
|
|
50
|
-
(0, react_1.useEffect)(function () {
|
|
51
|
-
onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange({ step: step });
|
|
52
|
-
}, [step]);
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'StepNavigator', children: (0, jsx_runtime_1.jsx)(S.StepNavigator, { className: 'step_navigator', children: steps.map(function (Component, index) { return ((0, jsx_runtime_1.jsx)(S.Step, { className: 'step_navigator_step', isActive: step === index + 1, direction: step > index + 1 ? 'prev' : 'next', children: (0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'StepNavigatorStep' + index, children: step === index + 1 && (0, jsx_runtime_1.jsx)(Component, { step: step, setStep: setStep, prevStep: prevStep, nextStep: nextStep }) }) }, index)); }) }) }));
|
|
54
|
-
}
|
|
17
|
+
__exportStar(require("./events/index.js"), exports);
|
|
18
|
+
__exportStar(require("./component.js"), exports);
|
|
55
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/step-navigator/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/step-navigator/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,8CAA2B"}
|
|
@@ -115,6 +115,6 @@ function TooltipContent(_a) {
|
|
|
115
115
|
enableHover && handleToggle(true);
|
|
116
116
|
}, onMouseLeave: function () {
|
|
117
117
|
enableHover && handleToggle(false);
|
|
118
|
-
}, children: [trigger && trigger, isOpen && react_dom_1.default.createPortal(tooltipContent, document.body)] }));
|
|
118
|
+
}, className: 'tooltip-container', children: [trigger && trigger, isOpen && react_dom_1.default.createPortal(tooltipContent, document.body)] }));
|
|
119
119
|
}
|
|
120
120
|
//# sourceMappingURL=component.js.map
|