infinity-forge 12.8.2 → 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/codie-dynamic/components/directory-filter/source-filter-header/index.js +1 -1
- package/dist/ui/codie-dynamic/components/directory-filter/source-filter-header/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/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 +28 -154
- 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/modal/component.d.ts +1 -1
- package/dist/ui/components/modal/component.js +8 -4
- package/dist/ui/components/modal/component.js.map +1 -1
- package/dist/ui/components/modal/interfaces.d.ts +6 -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
|
@@ -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,161 +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
|
|
91
|
-
var
|
|
92
|
-
var _l = (0, react_1.useState)(false), menuOpen = _l[0], setMenuOpen = _l[1];
|
|
93
|
-
var _m = (0, react_1.useState)(false), isLoading = _m[0], setIsLoading = _m[1];
|
|
94
|
-
var formHandler = (0, ui_1.useFormHandler)();
|
|
95
|
-
var isMounted = (0, ui_1.useComponentIsMounted)();
|
|
96
|
-
var _o = (0, formik_1.useField)({ name: props.name }), field = _o[0], state = _o[1], utils = _o[2];
|
|
97
|
-
var fieldValue = field.value || [];
|
|
98
|
-
var value = !props.onlyOneValue
|
|
99
|
-
? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
|
|
100
|
-
? fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (defaultValueForm) {
|
|
101
|
-
var _a, _b;
|
|
102
|
-
return (_b = (_a = options.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; });
|
|
103
|
-
})
|
|
104
|
-
: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return options.find(function (option) { return option.value === valueForm; }); })
|
|
105
|
-
: [options.find(function (option) { return option.value === fieldValue; }) || null];
|
|
106
|
-
var SelectComponent = props.creatableSelect ? creatable_1.default : react_select_1.default;
|
|
107
|
-
var valueExternalSelect = props.value !== undefined ? props.value : undefined;
|
|
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];
|
|
108
65
|
var id = (0, react_1.useMemo)(function () { return "select-".concat(props.name); }, [props.name]);
|
|
109
|
-
(0,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
requestAnimationFrame(measure);
|
|
124
|
-
var ro = new ResizeObserver(function () { return measure(); });
|
|
125
|
-
ro.observe(vc);
|
|
126
|
-
return function () { return ro.disconnect(); };
|
|
127
|
-
}, [id, base, value === null || value === void 0 ? void 0 : value.length]);
|
|
128
|
-
var heightIsDifferent = (0, react_1.useMemo)(function () {
|
|
129
|
-
if (base == null)
|
|
130
|
-
return false;
|
|
131
|
-
return Math.abs(heightNow - base) > 1 || isWrapped;
|
|
132
|
-
}, [base, heightNow, isWrapped]);
|
|
133
|
-
(0, react_1.useEffect)(function () {
|
|
134
|
-
if (valueExternalSelect) {
|
|
135
|
-
utils.setValue(valueExternalSelect);
|
|
136
|
-
}
|
|
137
|
-
}, [valueExternalSelect]);
|
|
138
|
-
(0, react_1.useEffect)(function () {
|
|
139
|
-
var _a, _b;
|
|
140
|
-
if (props.controlledInitialValue) {
|
|
141
|
-
utils.setValue((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value);
|
|
142
|
-
props.onChangeInput &&
|
|
143
|
-
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 });
|
|
144
|
-
}
|
|
145
|
-
}, [props.controlledInitialValue]);
|
|
146
|
-
(0, react_1.useEffect)(function () {
|
|
147
|
-
var _a;
|
|
148
|
-
if (props.options && props.options.length > 0) {
|
|
149
|
-
setOptions(props.options);
|
|
150
|
-
var allOptionValues_1 = props.isGroup
|
|
151
|
-
? props.options.flatMap(function (group) { return group.options.map(function (o) { return o.value; }); })
|
|
152
|
-
: props.options.map(function (o) { return o.value; });
|
|
153
|
-
var currentValues = Array.isArray(field.value)
|
|
154
|
-
? field.value
|
|
155
|
-
: field.value !== undefined && field.value !== null
|
|
156
|
-
? [field.value]
|
|
157
|
-
: [];
|
|
158
|
-
var filteredValues = currentValues.filter(function (val) { return allOptionValues_1.includes(val); });
|
|
159
|
-
if (filteredValues.length !== currentValues.length) {
|
|
160
|
-
var newValue = props.onlyOneValue ? (_a = filteredValues[0]) !== null && _a !== void 0 ? _a : null : filteredValues;
|
|
161
|
-
utils.setValue(newValue);
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}, [props.options]);
|
|
165
|
-
var CustomMultiValue = function (propsSelect) {
|
|
166
|
-
var index = propsSelect.index, getValue = propsSelect.getValue;
|
|
167
|
-
var window = (0, ui_1.useWindow)();
|
|
168
|
-
var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) < 769;
|
|
169
|
-
var maxToShow = isMobile ? 1 : (props === null || props === void 0 ? void 0 : props.maxOptions) || 2;
|
|
170
|
-
var allSelected = getValue();
|
|
171
|
-
if (!(props === null || props === void 0 ? void 0 : props.maxOptions)) {
|
|
172
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.MultiValue, __assign({}, propsSelect));
|
|
173
|
-
}
|
|
174
|
-
if ((index === 0 && allSelected.length > maxToShow) || (heightIsDifferent && index === 0)) {
|
|
175
|
-
return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '2px 6px', fontSize: 12, color: '#666' }, children: [allSelected.length - maxToShow, " selecionados"] }));
|
|
176
|
-
}
|
|
177
|
-
if (heightIsDifferent && index !== 0) {
|
|
178
|
-
return null;
|
|
179
|
-
}
|
|
180
|
-
if (index < maxToShow) {
|
|
181
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.MultiValue, __assign({}, propsSelect));
|
|
182
|
-
}
|
|
183
|
-
return null;
|
|
66
|
+
var isMounted = (0, ui_1.useComponentIsMounted)();
|
|
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,
|
|
184
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);
|
|
185
85
|
if (!isMounted) {
|
|
186
86
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
187
87
|
}
|
|
188
|
-
|
|
189
|
-
var rest = __rest(_a, []);
|
|
190
|
-
return (0, jsx_runtime_1.jsx)(react_select_2.components.Input, __assign({}, rest, { autoComplete: 'off' }));
|
|
191
|
-
};
|
|
192
|
-
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, { id: id, instanceId: id, classNamePrefix: id, isClearable: props === null || props === void 0 ? void 0 : props.isClearable, menuPortalTarget: document === null || document === void 0 ? void 0 : document.body, onCreateOption: function (inputValue) {
|
|
193
|
-
setIsLoading(true);
|
|
194
|
-
setTimeout(function () {
|
|
195
|
-
var newOption = {
|
|
196
|
-
label: inputValue,
|
|
197
|
-
value: inputValue,
|
|
198
|
-
};
|
|
199
|
-
setIsLoading(false);
|
|
200
|
-
setOptions(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newOption], false); });
|
|
201
|
-
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;
|
|
202
|
-
utils.setValue(newValue);
|
|
203
|
-
}, 900);
|
|
204
|
-
}, 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) {
|
|
205
89
|
var _a;
|
|
206
90
|
var value = props.onlyOneValue
|
|
207
91
|
? (_a = ev === null || ev === void 0 ? void 0 : ev.value) !== null && _a !== void 0 ? _a : null
|
|
@@ -214,18 +98,8 @@ function Select(props) {
|
|
|
214
98
|
utils.setValue(value);
|
|
215
99
|
}
|
|
216
100
|
props.onChangeInput && props.onChangeInput(value, function () { return utils.setValue(value); }, { state: state, utils: utils });
|
|
217
|
-
},
|
|
218
|
-
|
|
219
|
-
: __assign(__assign({}, (props.isMultiple ? { Option: exports.CustomOptionCheckbox } : {})), { Input: Input }))), (props.isMultiple ? { MultiValue: CustomMultiValue } : {})), className: ((_c = field === null || field === void 0 ? void 0 : field.value) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'open' : '', styles: __assign({ menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: ui_1.zIndexInfinityForge.reactSelectDropdown })); } }, (props.customStlyes || custom_styles_1.customStyles)) }) })), ((_d = props === null || props === void 0 ? void 0 : props.addButton) === null || _d === void 0 ? void 0 : _d.CustomComponent) ? ((0, jsx_runtime_1.jsx)("div", { className: 'custom-component', children: (_e = props === null || props === void 0 ? void 0 : props.addButton) === null || _e === void 0 ? void 0 : _e.CustomComponent })) : (((_f = props === null || props === void 0 ? void 0 : props.addButton) === null || _f === void 0 ? void 0 : _f.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' }) }))), menuOpen && ((0, jsx_runtime_1.jsx)(ui_1.Overlay, { isTransparent: true, onClick: function () {
|
|
220
|
-
setMenuOpen(false);
|
|
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);
|
|
221
103
|
}, isExiting: false, zIndex: 999, children: '' }))] }));
|
|
222
104
|
}
|
|
223
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
224
|
-
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'); });
|
|
225
|
-
var CustomOptionCheckbox = function (props) {
|
|
226
|
-
var isSelected = props.isSelected, label = props.label;
|
|
227
|
-
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 })] }) })));
|
|
228
|
-
};
|
|
229
|
-
exports.CustomOptionCheckbox = CustomOptionCheckbox;
|
|
230
|
-
var templateObject_1;
|
|
231
105
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,wBA2OC;;AAlQD,+BAAyE;AAEzE,iCAAiC;AACjC,8DAAsC;AACtC,6CAAyC;AACzC,qEAAoD;AAEpD,2BAUa;AAEb,iDAA8C;AAE9C,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAiB;;IAChC,IAAA,KAAkB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAA9C,IAAI,QAAA,EAAE,OAAO,QAAiC,CAAA;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAA9C,SAAS,QAAA,EAAE,YAAY,QAAuB,CAAA;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IACjD,IAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAE7C,IAAA,KAAwB,IAAA,gBAAQ,EAAW,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAA;IAC/D,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAM,WAAW,GAAG,IAAA,mBAAc,GAAE,CAAA;IACpC,IAAM,SAAS,GAAG,IAAA,0BAAqB,GAAE,CAAA;IACnC,IAAA,KAAwB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAArD,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,KAAK,QAAkC,CAAA;IAC5D,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;IAEpC,IAAM,KAAK,GAAG,CAAC,KAAK,CAAC,YAAY;QAC/B,CAAC,CAAC,UAAU,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,IAAG,CAAC,IAAI,KAAK,CAAC,OAAO;YACrD,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,UAAC,gBAAgB;;gBAC/B,OAAA,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,YAAK,OAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,gBAAgB,EAA5B,CAA4B,CAAC,CAAA,EAAA,CAAC,0CAC3E,OAAO,0CAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,KAAK,KAAK,gBAAgB,EAA9B,CAA8B,CAAC,CAAA;aAAA,CAC/D;YACH,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,UAAC,SAAS,IAAK,OAAA,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,SAAS,EAA1B,CAA0B,CAAC,EAApD,CAAoD,CAAC;QACxF,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,UAAU,EAA3B,CAA2B,CAAC,IAAI,IAAI,CAAC,CAAA;IAEnE,IAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAe,CAAC,CAAC,CAAC,sBAAW,CAAA;IAC7E,IAAM,mBAAmB,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAE/E,IAAM,EAAE,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,iBAAU,KAAK,CAAC,IAAI,CAAE,EAAtB,CAAsB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAE9D,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QAE5B,IAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CACtC,WAAI,EAAE,sBAAmB,CACJ,CAAA;QAEvB,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,IAAM,OAAO,GAAG;YACd,IAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAA;YACzB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;YAE3B,IAAM,OAAO,GAAG,CAAC,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;YACvD,YAAY,CAAC,OAAO,CAAC,CAAA;YAErB,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC;gBAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QACnD,CAAC,CAAA;QAED,qBAAqB,CAAC,OAAO,CAAC,CAAA;QAE9B,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,CAAC,CAAA;QAC9C,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAEd,OAAO,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,CAAA;IAC9B,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAA;IAE7B,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,IAAI,IAAI,IAAI,IAAI;YAAE,OAAO,KAAK,CAAA;QAC9B,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAA;IACpD,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAGhC,IAAA,iBAAS,EAAC;QACR,IAAI,mBAAmB,EAAE,CAAC;YACxB,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,IAAA,iBAAS,EAAC;;QACR,IAAI,KAAK,CAAC,sBAAsB,EAAE,CAAC;YACjC,KAAK,CAAC,QAAQ,CAAC,MAAA,KAAK,CAAC,sBAAsB,0CAAE,KAAK,CAAC,CAAA;YACnD,KAAK,CAAC,aAAa;gBACjB,KAAK,CAAC,aAAa,CACjB,MAAA,KAAK,CAAC,sBAAsB,0CAAE,KAAK,EACnC,sBAAM,OAAA,KAAK,CAAC,QAAQ,CAAC,MAAA,KAAK,CAAC,sBAAsB,0CAAE,KAAK,CAAC,CAAA,EAAA,EACzD,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CACjB,CAAA;QACL,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAElC,IAAA,iBAAS,EAAC;;QACR,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9C,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAEzB,IAAM,iBAAe,GAAG,KAAK,CAAC,OAAO;gBACnC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,EAAjC,CAAiC,CAAC;gBACrE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAA;YAErC,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC9C,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI;oBACnD,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;oBACf,CAAC,CAAC,EAAE,CAAA;YAEN,IAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,iBAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAA7B,CAA6B,CAAC,CAAA;YAEnF,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;gBACnD,IAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAA,cAAc,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAA;gBAChF,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,IAAM,gBAAgB,GAAG,UAAC,WAAgB;QAChC,IAAA,KAAK,GAAe,WAAW,MAA1B,EAAE,QAAQ,GAAK,WAAW,SAAhB,CAAgB;QAEvC,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;QAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,IAAG,GAAG,CAAA;QAEzC,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,CAAC,CAAA;QACvD,IAAM,WAAW,GAAU,QAAQ,EAAE,CAAA;QAErC,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAA,EAAE,CAAC;YACvB,OAAO,uBAAC,yBAAU,CAAC,UAAU,eAAK,WAAW,EAAI,CAAA;QACnD,CAAC;QAED,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YAC1F,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC5D,WAAW,CAAC,MAAM,GAAG,SAAS,qBAC3B,CACP,CAAA;QACH,CAAC;QAED,IAAI,iBAAiB,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YACrC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,KAAK,GAAG,SAAS,EAAE,CAAC;YACtB,OAAO,uBAAC,yBAAU,CAAC,UAAU,eAAK,WAAW,EAAI,CAAA;QACnD,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,IAAM,KAAK,GAAG,UAAC,EAAgB;YAAX,IAAI,cAAT,EAAW,CAAF;QAAY,OAAA,uBAAC,yBAAU,CAAC,KAAK,eAAK,IAAI,IAAE,YAAY,EAAE,KAAK,IAAI,CAAA;KAAA,CAAA;IAEvF,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,eACd,uBAAC,iBAAY,eAAK,KAAK,IAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,YAC/C,uBAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,EAAE,EACZ,eAAe,EAAE,EAAE,EACrB,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAC/B,gBAAgB,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAChC,cAAc,EAAE,UAAC,UAAU;wBACzB,YAAY,CAAC,IAAI,CAAC,CAAA;wBAElB,UAAU,CAAC;4BACT,IAAM,SAAS,GAAG;gCAChB,KAAK,EAAE,UAAU;gCACjB,KAAK,EAAE,UAAU;6BAClB,CAAA;4BAED,YAAY,CAAC,KAAK,CAAC,CAAA;4BAEnB,UAAU,CAAC,UAAC,IAAI,IAAK,uCAAI,IAAI,UAAE,SAAS,WAAnB,CAAoB,CAAC,CAAA;4BAE1C,IAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,iCAAK,UAAU,UAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,UAAE,CAAC,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAA;4BAE3F,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;wBAC1B,CAAC,EAAE,GAAG,CAAC,CAAA;oBACT,CAAC,EACD,UAAU,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KAAI,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,0CAAE,MAAM,0CAAE,QAAQ,CAAA,EAC1F,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,mBAAmB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,EAC1E,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,MAAM,EAC5C,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EACnC,WAAW,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EACrC,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,EACtE,gBAAgB,EAAE,cAAM,OAAA,KAAK,CAAC,eAAe,IAAI,2BAA2B,EAApD,CAAoD,EAC5E,QAAQ,EAAE,UAAC,EAAO;;wBAChB,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY;4BAC9B,CAAC,CAAC,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,mCAAI,IAAI;4BACnB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gCACnB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,KAAK,EAAR,CAAQ,CAAC;gCAC1B,CAAC,CAAC,EAAE;oCACJ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;oCACZ,CAAC,CAAC,EAAE,CAAA;wBAEN,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;4BACnC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;wBACvB,CAAC;wBAED,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;oBAClG,CAAC,EACD,KAAK,EAAE,mBAAmB,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACtF,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,OAAO,EAAE,OAAO,EAChB,UAAU,wBACL,CAAC,KAAK,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,YAAmB,EAAE,WAAW,EAAE,KAAK,CAAC,YAAmB,EAAE,KAAK,OAAA,EAAE;wBACtF,CAAC,uBAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,4BAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAE,KAAK,OAAA,GAAE,CAAC,GAC1E,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE/D,SAAS,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACjD,MAAM,aACJ,UAAU,EAAE,UAAC,IAAI,IAAK,OAAA,uBAAM,IAAI,KAAE,MAAM,EAAE,wBAAmB,CAAC,mBAAmB,IAAG,EAA9D,CAA8D,IACjF,CAAC,KAAK,CAAC,YAAY,IAAI,4BAAY,CAAC,IAEzC,IACW,EAEd,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,eAAe,EAAC,CAAC,CAAC,CACnC,gCAAK,SAAS,EAAC,kBAAkB,YAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,eAAe,GAAO,CAC5E,CAAC,CAAC,CAAC,CACF,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,OAAO,KAAI,CAC3B,mCAAQ,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,YACpE,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GACjB,CACV,CACF,EAEA,QAAQ,IAAI,CACX,uBAAC,YAAO,IACN,aAAa,QACb,OAAO,EAAE;oBACP,WAAW,CAAC,KAAK,CAAC,CAAA;gBACpB,CAAC,EACD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,EAAE,GACZ,CACH,IACe,CACnB,CAAA;AACH,CAAC;AAED,wEAAsC;AAEtC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,k1BAA0B,+EAItC,EAAmD,8rBAwCxE,KAxCqB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAxC,CAAwC,CAwCxE,CAAA;AAEM,IAAM,oBAAoB,GAAG,UAAC,KAAU;IACrC,IAAA,UAAU,GAAY,KAAK,WAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;IAEnC,OAAO,CACL,uBAAC,yBAAU,CAAC,MAAM,eAAK,KAAK,cAC1B,wBAAC,eAAe,mBAAc,UAAU,aACtC,gCAAK,SAAS,EAAE,mBAAY,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,YACvD,gCAAK,OAAO,EAAC,WAAW,YACtB,qCAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,GACF,EACN,4CAAQ,KAAK,GAAS,IACN,IACA,CACrB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}
|
|
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":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ModalProps } from './interfaces.js';
|
|
2
|
-
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, className, stylesContent, hideCloseButton, disabledClickOverlay, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, className, ModalStyles, stylesContent, onCloseElement, hideCloseButton, disabledClickOverlay, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -40,7 +40,7 @@ var icons_1 = require("../../../ui/icons/index.js");
|
|
|
40
40
|
var hooks_1 = require("../../../ui/hooks/index.js");
|
|
41
41
|
var S = __importStar(require("./styles.js"));
|
|
42
42
|
function Modal(_a) {
|
|
43
|
-
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, _d = _a.className, className = _d === void 0 ? '' : _d, stylesContent = _a.stylesContent, hideCloseButton = _a.hideCloseButton, disabledClickOverlay = _a.disabledClickOverlay;
|
|
43
|
+
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, _d = _a.className, className = _d === void 0 ? '' : _d, ModalStyles = _a.ModalStyles, stylesContent = _a.stylesContent, onCloseElement = _a.onCloseElement, hideCloseButton = _a.hideCloseButton, disabledClickOverlay = _a.disabledClickOverlay;
|
|
44
44
|
var shouldRender = (0, hooks_1.useMountTransition)(open, 300);
|
|
45
45
|
function handleConfirm() {
|
|
46
46
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
|
|
@@ -50,10 +50,14 @@ function Modal(_a) {
|
|
|
50
50
|
onClose();
|
|
51
51
|
}
|
|
52
52
|
var onClick = disabledClickOverlay ? undefined : onClose;
|
|
53
|
+
var Wrapper = ModalStyles !== null && ModalStyles !== void 0 ? ModalStyles : (function (_a) {
|
|
54
|
+
var children = _a.children;
|
|
55
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
56
|
+
});
|
|
53
57
|
if (!shouldRender)
|
|
54
58
|
return null;
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { isExiting: !open, onClick: onClick, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className: "modal-content ".concat(className), onClick: function (e) {
|
|
56
|
-
|
|
57
|
-
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { isExiting: !open, onClick: onClick, children: (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className: "modal-content ".concat(className), onClick: function (e) {
|
|
60
|
+
e.stopPropagation();
|
|
61
|
+
}, children: [(title || !hideCloseButton) && ((0, jsx_runtime_1.jsxs)("h2", { className: 'title', children: [(0, jsx_runtime_1.jsx)("span", { className: 'title_content', children: title && title }), !hideCloseButton && onCloseElement && onCloseElement({ onClose: onClose }), !hideCloseButton && !onCloseElement && ((0, jsx_runtime_1.jsx)("button", { className: 'close-button', type: 'button', onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }) }))] })), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: 'content_modal_infinity_forge', children: [message && (0, jsx_runtime_1.jsx)("p", { className: 'message', children: message }), children, (actions || onCancel || onConfirm) && ((0, jsx_runtime_1.jsxs)("div", { className: 'actions_modal_infinity_forge', children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: 'custom_actions_modal_infinity_forge', children: actions })] }))] })] }) }) }));
|
|
58
62
|
}
|
|
59
63
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,sBAgFC;;AAtFD,sCAAoC;AACpC,oCAAiC;AACjC,oCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAkBT;QAjBX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,oBAAoB,0BAAA;IAEpB,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAElD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;IACf,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QACZ,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAM,OAAO,GAAG,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAA;IAE1D,IAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,2DAAG,QAAQ,GAAI;IAAf,CAAe,CAAC,CAAA;IAElE,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,YACzC,uBAAC,OAAO,cACN,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAE,wBAAiB,SAAS,CAAE,EACvC,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,eAAe,EAAE,CAAA;gBACrB,CAAC,aAEA,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,IAAI,CAC9B,gCAAI,SAAS,EAAC,OAAO,aACnB,iCAAM,SAAS,EAAC,eAAe,YAAE,KAAK,IAAI,KAAK,GAAQ,EAEtD,CAAC,eAAe,IAAI,cAAc,IAAI,cAAc,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,EAEjE,CAAC,eAAe,IAAI,CAAC,cAAc,IAAI,CACtC,mCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YAC7D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,CACV,IACE,CACN,EAED,iCAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,8BAA8B,aAChE,OAAO,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,EAE/C,QAAQ,EAER,CAAC,OAAO,IAAI,QAAQ,IAAI,SAAS,CAAC,IAAI,CACrC,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,IAAI,mCAAQ,OAAO,EAAE,YAAY,YAAG,UAAU,GAAU,EAEhE,SAAS,IAAI,mCAAQ,OAAO,EAAE,aAAa,YAAG,WAAW,GAAU,EAEnE,OAAO,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAO,IAC5E,CACP,IACG,IACE,GACF,GACF,CACX,CAAA;AACH,CAAC"}
|
|
@@ -16,4 +16,10 @@ export interface ModalProps {
|
|
|
16
16
|
hideCloseButton?: boolean;
|
|
17
17
|
stylesContent?: CSSProperties;
|
|
18
18
|
disabledClickOverlay?: boolean;
|
|
19
|
+
ModalStyles?: React.ComponentType<{
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
}>;
|
|
22
|
+
onCloseElement?: ({ onClose }: {
|
|
23
|
+
onClose: () => void;
|
|
24
|
+
}) => ReactNode;
|
|
19
25
|
}
|
|
@@ -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
|