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.
Files changed (96) 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/codie-dynamic/components/directory-filter/source-filter-header/index.js +1 -1
  5. package/dist/ui/codie-dynamic/components/directory-filter/source-filter-header/index.js.map +1 -1
  6. package/dist/ui/components/form/handler/component.js +0 -1
  7. package/dist/ui/components/form/handler/component.js.map +1 -1
  8. package/dist/ui/components/form/handler/events/form-handler.d.ts +10 -0
  9. package/dist/ui/components/form/handler/events/form-handler.js +32 -0
  10. package/dist/ui/components/form/handler/events/form-handler.js.map +1 -0
  11. package/dist/ui/components/form/handler/events/index.d.ts +1 -0
  12. package/dist/ui/components/form/handler/events/index.js +18 -0
  13. package/dist/ui/components/form/handler/events/index.js.map +1 -0
  14. package/dist/ui/components/form/handler/form-handler/index.js +13 -1
  15. package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
  16. package/dist/ui/components/form/handler/form-handler/use-submit/index.d.ts +1 -0
  17. package/dist/ui/components/form/handler/form-handler/use-submit/index.js +1 -1
  18. package/dist/ui/components/form/handler/form-handler/use-submit/index.js.map +1 -1
  19. package/dist/ui/components/form/handler/interfaces.d.ts +2 -0
  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 +28 -154
  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/modal/component.d.ts +1 -1
  66. package/dist/ui/components/modal/component.js +8 -4
  67. package/dist/ui/components/modal/component.js.map +1 -1
  68. package/dist/ui/components/modal/interfaces.d.ts +6 -0
  69. package/dist/ui/components/overlay/interfaces.d.ts +1 -1
  70. package/dist/ui/components/step-navigator/component.d.ts +13 -0
  71. package/dist/ui/components/step-navigator/component.js +62 -0
  72. package/dist/ui/components/step-navigator/component.js.map +1 -0
  73. package/dist/ui/components/step-navigator/events/index.d.ts +1 -0
  74. package/dist/ui/components/step-navigator/events/index.js +18 -0
  75. package/dist/ui/components/step-navigator/events/index.js.map +1 -0
  76. package/dist/ui/components/step-navigator/events/use-step-navigator-events.d.ts +10 -0
  77. package/dist/ui/components/step-navigator/events/use-step-navigator-events.js +32 -0
  78. package/dist/ui/components/step-navigator/events/use-step-navigator-events.js.map +1 -0
  79. package/dist/ui/components/step-navigator/index.d.ts +2 -12
  80. package/dist/ui/components/step-navigator/index.js +5 -41
  81. package/dist/ui/components/step-navigator/index.js.map +1 -1
  82. package/dist/ui/components/tooltip/component.js +1 -1
  83. package/dist/ui/components/tooltip/component.js.map +1 -1
  84. package/dist/ui/utils/infinity-forge/z-index-infinity-forge.js +2 -2
  85. package/package.json +1 -1
  86. package/dist/ui/components/form/select/constants.d.ts +0 -3
  87. package/dist/ui/components/form/select/constants.js +0 -7
  88. package/dist/ui/components/form/select/constants.js.map +0 -1
  89. package/dist/ui/components/form/select/custom-styles.js.map +0 -1
  90. package/dist/ui/components/form/select/interfaces.d.ts +0 -0
  91. package/dist/ui/components/form/select/interfaces.js +0 -1
  92. package/dist/ui/components/form/select/interfaces.js.map +0 -1
  93. package/dist/ui/components/form/select/virtualized-menu-list/index.d.ts +0 -1
  94. package/dist/ui/components/form/select/virtualized-menu-list/index.js +0 -19
  95. package/dist/ui/components/form/select/virtualized-menu-list/index.js.map +0 -1
  96. /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 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)(null), base = _g[0], setBase = _g[1];
88
- var _h = (0, react_1.useState)(0), heightNow = _h[0], setHeightNow = _h[1];
89
- var _j = (0, react_1.useState)(false), isWrapped = _j[0], setIsWrapped = _j[1];
90
- var rootRef = (0, react_1.useRef)(null);
91
- var _k = (0, react_1.useState)(props.options || []), options = _k[0], setOptions = _k[1];
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, react_1.useEffect)(function () {
110
- if (!rootRef.current)
111
- return;
112
- var vc = rootRef.current.querySelector(".".concat(id, "__value-container"));
113
- if (!vc)
114
- return;
115
- var measure = function () {
116
- var h = vc.clientHeight;
117
- setHeightNow(Math.round(h));
118
- var wrapped = (vc.scrollHeight - vc.clientHeight) > 1;
119
- setIsWrapped(wrapped);
120
- if (base == null && h > 0)
121
- setBase(Math.round(h));
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
- var Input = function (_a) {
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
- }, 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
218
- ? { Option: props.CustomOption, SingleValue: props.CustomOption, Input: Input }
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":"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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,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
- e.stopPropagation();
57
- }, 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 && ((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 })] }))] })] }) }));
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,sBAwEC;;AA9ED,sCAAoC;AACpC,oCAAiC;AACjC,oCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAgBT;QAfX,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,aAAa,mBAAA,EACb,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,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,YACzC,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAE,wBAAiB,SAAS,CAAE,EACvC,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,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,CACnB,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,CACX,CAAA;AACH,CAAC"}
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
  }
@@ -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