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.
Files changed (92) hide show
  1. package/dist/system/components/data/select-workspace/component.js +1 -1
  2. package/dist/test/index.js +48 -26
  3. package/dist/test/index.js.map +1 -1
  4. package/dist/ui/components/form/handler/component.js +0 -1
  5. package/dist/ui/components/form/handler/component.js.map +1 -1
  6. package/dist/ui/components/form/handler/events/form-handler.d.ts +10 -0
  7. package/dist/ui/components/form/handler/events/form-handler.js +32 -0
  8. package/dist/ui/components/form/handler/events/form-handler.js.map +1 -0
  9. package/dist/ui/components/form/handler/events/index.d.ts +1 -0
  10. package/dist/ui/components/form/handler/events/index.js +18 -0
  11. package/dist/ui/components/form/handler/events/index.js.map +1 -0
  12. package/dist/ui/components/form/handler/form-handler/index.js +13 -1
  13. package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
  14. package/dist/ui/components/form/handler/form-handler/use-submit/index.d.ts +1 -0
  15. package/dist/ui/components/form/handler/form-handler/use-submit/index.js +1 -1
  16. package/dist/ui/components/form/handler/form-handler/use-submit/index.js.map +1 -1
  17. package/dist/ui/components/form/handler/interfaces.d.ts +2 -0
  18. package/dist/ui/components/form/input/index.js +11 -11
  19. package/dist/ui/components/form/input/index.js.map +1 -1
  20. package/dist/ui/components/form/interfaces.d.ts +1 -2
  21. package/dist/ui/components/form/select/components/custom-multi-value/index.d.ts +3 -0
  22. package/dist/ui/components/form/select/components/custom-multi-value/index.js +31 -0
  23. package/dist/ui/components/form/select/components/custom-multi-value/index.js.map +1 -0
  24. package/dist/ui/components/form/select/components/custom-option-checkbox/index.d.ts +2 -0
  25. package/dist/ui/components/form/select/components/custom-option-checkbox/index.js +68 -0
  26. package/dist/ui/components/form/select/components/custom-option-checkbox/index.js.map +1 -0
  27. package/dist/ui/components/form/select/components/custom-option-checkbox/styles.d.ts +3 -0
  28. package/dist/ui/components/form/select/components/custom-option-checkbox/styles.js +14 -0
  29. package/dist/ui/components/form/select/components/custom-option-checkbox/styles.js.map +1 -0
  30. package/dist/ui/components/form/select/components/custom-value-container/index.d.ts +3 -0
  31. package/dist/ui/components/form/select/components/custom-value-container/index.js +65 -0
  32. package/dist/ui/components/form/select/components/custom-value-container/index.js.map +1 -0
  33. package/dist/ui/components/form/select/components/index.d.ts +4 -0
  34. package/dist/ui/components/form/select/components/index.js +21 -0
  35. package/dist/ui/components/form/select/components/index.js.map +1 -0
  36. package/dist/ui/components/form/select/components/menu-list/index.d.ts +3 -0
  37. package/dist/ui/components/form/select/components/menu-list/index.js +191 -0
  38. package/dist/ui/components/form/select/components/menu-list/index.js.map +1 -0
  39. package/dist/ui/components/form/select/components/menu-list/styles.d.ts +1 -0
  40. package/dist/ui/components/form/select/components/menu-list/styles.js +14 -0
  41. package/dist/ui/components/form/select/components/menu-list/styles.js.map +1 -0
  42. package/dist/ui/components/form/select/hooks/index.d.ts +3 -0
  43. package/dist/ui/components/form/select/hooks/index.js +20 -0
  44. package/dist/ui/components/form/select/hooks/index.js.map +1 -0
  45. package/dist/ui/components/form/select/hooks/use-select-components.d.ts +16 -0
  46. package/dist/ui/components/form/select/hooks/use-select-components.js +51 -0
  47. package/dist/ui/components/form/select/hooks/use-select-components.js.map +1 -0
  48. package/dist/ui/components/form/select/{custom-styles.js → hooks/use-select-props/custom-styles.js} +8 -7
  49. package/dist/ui/components/form/select/hooks/use-select-props/custom-styles.js.map +1 -0
  50. package/dist/ui/components/form/select/hooks/use-select-props/index.d.ts +53 -0
  51. package/dist/ui/components/form/select/hooks/use-select-props/index.js +51 -0
  52. package/dist/ui/components/form/select/hooks/use-select-props/index.js.map +1 -0
  53. package/dist/ui/components/form/select/hooks/use-select-state.d.ts +5 -0
  54. package/dist/ui/components/form/select/hooks/use-select-state.js +52 -0
  55. package/dist/ui/components/form/select/hooks/use-select-state.js.map +1 -0
  56. package/dist/ui/components/form/select/index.d.ts +0 -1
  57. package/dist/ui/components/form/select/index.js +29 -127
  58. package/dist/ui/components/form/select/index.js.map +1 -1
  59. package/dist/ui/components/form/select/styles.d.ts +1 -1
  60. package/dist/ui/components/form/select/styles.js +2 -2
  61. package/dist/ui/components/form/select/styles.js.map +1 -1
  62. package/dist/ui/components/form/select/types.d.ts +16 -0
  63. package/dist/ui/components/form/select/types.js +3 -0
  64. package/dist/ui/components/form/select/types.js.map +1 -0
  65. package/dist/ui/components/overlay/interfaces.d.ts +1 -1
  66. package/dist/ui/components/step-navigator/component.d.ts +13 -0
  67. package/dist/ui/components/step-navigator/component.js +62 -0
  68. package/dist/ui/components/step-navigator/component.js.map +1 -0
  69. package/dist/ui/components/step-navigator/events/index.d.ts +1 -0
  70. package/dist/ui/components/step-navigator/events/index.js +18 -0
  71. package/dist/ui/components/step-navigator/events/index.js.map +1 -0
  72. package/dist/ui/components/step-navigator/events/use-step-navigator-events.d.ts +10 -0
  73. package/dist/ui/components/step-navigator/events/use-step-navigator-events.js +32 -0
  74. package/dist/ui/components/step-navigator/events/use-step-navigator-events.js.map +1 -0
  75. package/dist/ui/components/step-navigator/index.d.ts +2 -12
  76. package/dist/ui/components/step-navigator/index.js +5 -41
  77. package/dist/ui/components/step-navigator/index.js.map +1 -1
  78. package/dist/ui/components/tooltip/component.js +1 -1
  79. package/dist/ui/components/tooltip/component.js.map +1 -1
  80. package/dist/ui/utils/infinity-forge/z-index-infinity-forge.js +2 -2
  81. package/package.json +1 -1
  82. package/dist/ui/components/form/select/constants.d.ts +0 -3
  83. package/dist/ui/components/form/select/constants.js +0 -7
  84. package/dist/ui/components/form/select/constants.js.map +0 -1
  85. package/dist/ui/components/form/select/custom-styles.js.map +0 -1
  86. package/dist/ui/components/form/select/interfaces.d.ts +0 -0
  87. package/dist/ui/components/form/select/interfaces.js +0 -1
  88. package/dist/ui/components/form/select/interfaces.js.map +0 -1
  89. package/dist/ui/components/form/select/virtualized-menu-list/index.d.ts +0 -1
  90. package/dist/ui/components/form/select/virtualized-menu-list/index.js +0 -19
  91. package/dist/ui/components/form/select/virtualized-menu-list/index.js.map +0 -1
  92. /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,3 +1,2 @@
1
1
  import { InputProps } from '../../../../ui/index.js';
2
2
  export declare function Select(props: InputProps): import("react/jsx-runtime").JSX.Element;
3
- export declare const CustomOptionCheckbox: (props: any) => import("react/jsx-runtime").JSX.Element;
@@ -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 custom_styles_1 = require("./custom-styles.js");
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, _d, _e, _f;
87
- var _g = (0, react_1.useState)(false), menuOpen = _g[0], setMenuOpen = _g[1];
88
- var _h = (0, react_1.useState)(props.options || []), options = _h[0], setOptions = _h[1];
89
- var _j = (0, react_1.useState)(false), isLoading = _j[0], setIsLoading = _j[1];
90
- var formHandler = (0, ui_1.useFormHandler)();
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 _k = (0, formik_1.useField)({
93
- name: props.name,
94
- }), field = _k[0], state = _k[1], utils = _k[2];
95
- var fieldValue = field.value || [];
96
- var value = !props.onlyOneValue
97
- ? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
98
- ? fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (defaultValueForm) {
99
- var _a;
100
- return (_a = options
101
- .find(function (option) {
102
- return option.options.find(function (o) { return o.value === defaultValueForm; });
103
- })) === null || _a === void 0 ? void 0 : _a.options.find(function (opt) { return opt.value === defaultValueForm; });
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
- var Input = function (_a) {
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
- }, value: valueExternalSelect || props.isMultiple ? value : !(value === null || value === void 0 ? void 0 : value[0]) ? null : value[0], isMulti: props.isMultiple, options: options, components: __assign(__assign({}, (props.CustomOption
190
- ? { Option: props.CustomOption, SingleValue: props.CustomOption, Input: Input }
191
- : __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 () {
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":"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"}
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 SelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
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.SelectWrapper = void 0;
10
+ exports.Select = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n\n > div {\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 > div {\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"])));
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,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4sBAAA,yoBA0CzC,KAAA"}
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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/types.ts"],"names":[],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import { MouseEventHandler } from 'react';
2
2
  export interface OverlayProps {
3
- children: React.ReactNode;
3
+ children?: React.ReactNode;
4
4
  isExiting?: boolean;
5
5
  onClick?: MouseEventHandler<HTMLDivElement>;
6
6
  zIndex?: number;
@@ -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 type StepItemProps = {
2
- step: number;
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 __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
- })();
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
- 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 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.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,sCAiCC;;AA9CD,+BAA2C;AAE3C,oDAAyC;AAEzC,0CAA6B;AAS7B,SAAgB,aAAa,CAAC,EAAsI;QAApI,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC3C,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;IAEV,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,YACtC,IAAI,KAAK,KAAK,GAAG,CAAC,IAAI,uBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACnG,IANH,KAAK,CAOH,CACV,EAXgC,CAWhC,CAAC,GACc,GACZ,CACT,CAAA;AACH,CAAC"}
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