react-core-ts 1.0.24 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AutoCompleteWithTreeStructure.d.ts +2 -2
- package/dist/AutoCompleteWithTreeStructure.js +55 -93
- package/dist/AutoCompleteWithTreeStructure.js.map +1 -1
- package/dist/commontypes.d.ts +3 -1
- package/dist/components/TreeNode.d.ts +1 -1
- package/dist/components/TreeNode.js +3 -3
- package/dist/components/TreeNode.js.map +1 -1
- package/dist/utilities/convertFlatArraytoTreeStructure.d.ts +1 -0
- package/dist/utilities/convertFlatArraytoTreeStructure.js +29 -0
- package/dist/utilities/convertFlatArraytoTreeStructure.js.map +1 -0
- package/docs/App.tsx +1 -0
- package/docs/store.ts +59 -68
- package/package.json +1 -1
- package/src/AutoCompleteWithTreeStructure.tsx +62 -89
- package/src/commontypes.ts +6 -4
- package/src/components/TreeNode.tsx +7 -6
- package/src/utilities/convertFlatArraytoTreeStructure.ts +27 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { AutoSuggestionInputProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AutoSuggestionInputProps } from './commontypes';
|
|
3
3
|
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AutoSuggestionInputProps & React.RefAttributes<HTMLInputElement>>>;
|
|
4
4
|
export default _default;
|
|
@@ -69,15 +69,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
69
69
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
73
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
74
|
-
if (ar || !(i in from)) {
|
|
75
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
76
|
-
ar[i] = from[i];
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
80
|
-
};
|
|
81
72
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
82
73
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
83
74
|
};
|
|
@@ -87,6 +78,7 @@ var react_dom_1 = __importDefault(require("react-dom"));
|
|
|
87
78
|
var InputActions_1 = __importDefault(require("./components/InputActions"));
|
|
88
79
|
var TreeNode_1 = __importDefault(require("./components/TreeNode"));
|
|
89
80
|
var autosuggestions_1 = require("./utilities/autosuggestions");
|
|
81
|
+
var convertFlatArraytoTreeStructure_1 = require("./utilities/convertFlatArraytoTreeStructure");
|
|
90
82
|
var debounce_1 = require("./utilities/debounce");
|
|
91
83
|
var deepEqual_1 = require("./utilities/deepEqual");
|
|
92
84
|
var expandableTootltip_1 = __importDefault(require("./utilities/expandableTootltip"));
|
|
@@ -94,30 +86,35 @@ var icons_1 = require("./utilities/icons");
|
|
|
94
86
|
var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
95
87
|
var label = _a.label, onChange = _a.onChange, _b = _a.getData, getData = _b === void 0 ? function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
96
88
|
return [2 /*return*/, []];
|
|
97
|
-
}); }); } : _b, _c = _a.data, data = _c === void 0 ? [] : _c, errors = _a.errors, _d = _a.required, required = _d === void 0 ? false : _d, name = _a.name, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, placeholder = _a.placeholder, id = _a.id, _f = _a.type, type = _f === void 0 ?
|
|
89
|
+
}); }); } : _b, _c = _a.data, data = _c === void 0 ? [] : _c, errors = _a.errors, _d = _a.required, required = _d === void 0 ? false : _d, name = _a.name, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, placeholder = _a.placeholder, id = _a.id, _f = _a.type, type = _f === void 0 ? 'custom_select' : _f, _g = _a.selectedItems, propsSeelctedItems = _g === void 0 ? [] : _g, _h = _a.readOnly, readOnly = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, value = _a.value, _k = _a.isMultiple, isMultiple = _k === void 0 ? false : _k, _l = _a.desc, desc = _l === void 0 ? 'name' : _l, _m = _a.descId, descId = _m === void 0 ? 'id' : _m, singleSelect = _a.singleSelect, className = _a.className, _o = _a.async, async = _o === void 0 ? false : _o, paginationEnabled = _a.paginationEnabled, initialLoad = _a.initialLoad, actionLabel = _a.actionLabel, handleAction = _a.handleAction, nextBlock = _a.nextBlock, notDataMessage = _a.notDataMessage, onFocus = _a.onFocus, _p = _a.expandable, expandable = _p === void 0 ? false : _p, _q = _a.textCount, textCount = _q === void 0 ? 10 : _q, _r = _a.itemCount, itemCount = _r === void 0 ? 1 : _r, scrollRef = _a.scrollRef, _s = _a.isTreeDropdown, isTreeDropdown = _s === void 0 ? true : _s, _t = _a.flatArray, flatArray = _t === void 0 ? false : _t, _u = _a.parentField, parentField = _u === void 0 ? 'parentId' : _u;
|
|
98
90
|
var dropdownRef = (0, react_1.useRef)(null);
|
|
99
91
|
// State Hooks Section
|
|
100
|
-
var
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
var
|
|
92
|
+
var _v = (0, react_1.useState)(true), isInitialRender = _v[0], setIsInitialRender = _v[1];
|
|
93
|
+
var _w = (0, react_1.useState)(value), inputValue = _w[0], setInputValue = _w[1];
|
|
94
|
+
var _x = (0, react_1.useState)(''), searchValue = _x[0], setSearchValue = _x[1];
|
|
95
|
+
var _y = (0, react_1.useState)(1), nextPage = _y[0], setNextPage = _y[1];
|
|
96
|
+
var _z = (0, react_1.useState)(false), dropOpen = _z[0], setDropOpen = _z[1];
|
|
97
|
+
var _0 = (0, react_1.useState)([]), selectedItems = _0[0], setSelectedItems = _0[1];
|
|
106
98
|
// API call for suggestions through a custom hook
|
|
107
|
-
var
|
|
99
|
+
var _1 = (0, react_1.useState)(data), dropDownData = _1[0], setDropDownData = _1[1];
|
|
108
100
|
var inputRef = (0, react_1.useRef)(null);
|
|
109
101
|
var dropRef = (0, react_1.useRef)(null);
|
|
110
102
|
(0, react_1.useEffect)(function () {
|
|
111
103
|
if (data) {
|
|
112
|
-
|
|
104
|
+
if (flatArray) {
|
|
105
|
+
setDropDownData((0, convertFlatArraytoTreeStructure_1.buildTree)(data, descId, parentField));
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
setDropDownData(data);
|
|
109
|
+
}
|
|
113
110
|
}
|
|
114
111
|
}, [data]);
|
|
115
112
|
(0, react_1.useImperativeHandle)(ref, function () { return inputRef.current; });
|
|
116
|
-
var
|
|
113
|
+
var _2 = (0, react_1.useState)({
|
|
117
114
|
top: 0,
|
|
118
115
|
left: 0,
|
|
119
116
|
width: 200,
|
|
120
|
-
}), dropdownStyle =
|
|
117
|
+
}), dropdownStyle = _2[0], setDropdownStyle = _2[1];
|
|
121
118
|
var adjustDropdownPosition = function () {
|
|
122
119
|
if (dropdownRef.current) {
|
|
123
120
|
var inputRect = dropdownRef.current.getBoundingClientRect();
|
|
@@ -142,63 +139,28 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
142
139
|
}
|
|
143
140
|
};
|
|
144
141
|
(0, react_1.useEffect)(function () {
|
|
145
|
-
window.addEventListener(
|
|
142
|
+
window.addEventListener('resize', adjustDropdownPosition);
|
|
146
143
|
adjustDropdownPosition();
|
|
147
144
|
return function () {
|
|
148
|
-
window.removeEventListener(
|
|
145
|
+
window.removeEventListener('resize', adjustDropdownPosition);
|
|
149
146
|
};
|
|
150
147
|
}, [dropOpen, selectedItems]);
|
|
151
|
-
var
|
|
148
|
+
var _3 = (0, autosuggestions_1.useSuggestions)(getData, data, dropOpen, async, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems
|
|
152
149
|
// nextBlock
|
|
153
|
-
), suggestions =
|
|
154
|
-
// Handling the selection of a suggestion
|
|
155
|
-
var handleSuggestionClick = (0, react_1.useCallback)(function (suggestion) {
|
|
156
|
-
if (isMultiple) {
|
|
157
|
-
setSelectedItems(function (prev) { return __spreadArray(__spreadArray([], prev, true), [suggestion], false); });
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
setInputValue(suggestion[desc]);
|
|
161
|
-
}
|
|
162
|
-
setSearchValue("");
|
|
163
|
-
setInputValue(suggestion[desc]);
|
|
164
|
-
onChange(suggestion);
|
|
165
|
-
setDropOpen(false);
|
|
166
|
-
}, []);
|
|
150
|
+
), suggestions = _3.suggestions, isLoading = _3.isLoading, handlePickSuggestions = _3.handlePickSuggestions;
|
|
167
151
|
// Adding debounce to avoid making API calls on every keystroke
|
|
168
152
|
var handleChangeWithDebounce = (0, debounce_1.debounce)(function (value) {
|
|
169
|
-
if ((type ===
|
|
153
|
+
if ((type === 'auto_complete' || type === 'auto_suggestion') && async) {
|
|
170
154
|
handlePickSuggestions(value, 1);
|
|
171
155
|
}
|
|
172
156
|
}, 1000);
|
|
173
|
-
var handleMultiSelect = function (e, suggestion) {
|
|
174
|
-
var checked = e.target.checked;
|
|
175
|
-
if (isMultiple) {
|
|
176
|
-
if (checked) {
|
|
177
|
-
setSelectedItems(function (prev) { return __spreadArray(__spreadArray([], prev, true), [suggestion], false); });
|
|
178
|
-
}
|
|
179
|
-
else {
|
|
180
|
-
setSelectedItems(function (prev) {
|
|
181
|
-
return prev.filter(function (item, i) { return item[descId] !== suggestion[descId]; });
|
|
182
|
-
});
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
else {
|
|
186
|
-
if (checked) {
|
|
187
|
-
setInputValue(suggestion[desc]);
|
|
188
|
-
onChange(suggestion);
|
|
189
|
-
}
|
|
190
|
-
else {
|
|
191
|
-
setInputValue("");
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
};
|
|
195
157
|
(0, react_1.useEffect)(function () {
|
|
196
158
|
if (!(0, deepEqual_1.deepEqual)(selectedItems, propsSeelctedItems))
|
|
197
159
|
setSelectedItems(propsSeelctedItems);
|
|
198
160
|
}, [propsSeelctedItems]);
|
|
199
161
|
// Effect to set the input value whenever `value` prop changes
|
|
200
162
|
(0, react_1.useEffect)(function () {
|
|
201
|
-
setInputValue(value !== null && value !== void 0 ? value :
|
|
163
|
+
setInputValue(value !== null && value !== void 0 ? value : '');
|
|
202
164
|
}, [value]);
|
|
203
165
|
var handleChange = function (e) {
|
|
204
166
|
var value = e.target.value;
|
|
@@ -206,7 +168,7 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
206
168
|
setSearchValue(value);
|
|
207
169
|
handleChangeWithDebounce(value);
|
|
208
170
|
if (!value) {
|
|
209
|
-
setInputValue(
|
|
171
|
+
setInputValue('');
|
|
210
172
|
// onChange({ [descId]: '', [desc]: '' });
|
|
211
173
|
}
|
|
212
174
|
};
|
|
@@ -224,17 +186,17 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
224
186
|
var handleClear = function () {
|
|
225
187
|
var _a;
|
|
226
188
|
if (searchValue) {
|
|
227
|
-
setSearchValue(
|
|
189
|
+
setSearchValue('');
|
|
228
190
|
setDropOpen(false);
|
|
229
191
|
}
|
|
230
192
|
else {
|
|
231
|
-
setInputValue(
|
|
232
|
-
onChange((_a = {}, _a[descId] =
|
|
193
|
+
setInputValue('');
|
|
194
|
+
onChange((_a = {}, _a[descId] = '', _a[desc] = '', _a));
|
|
233
195
|
setDropOpen(false);
|
|
234
196
|
}
|
|
235
197
|
};
|
|
236
198
|
var generateClassName = (0, react_1.useCallback)(function () {
|
|
237
|
-
return "qbs-textfield-default ".concat(className, " ").concat(errors && (errors === null || errors === void 0 ? void 0 : errors.message) ?
|
|
199
|
+
return "qbs-textfield-default ".concat(className, " ").concat(errors && (errors === null || errors === void 0 ? void 0 : errors.message) ? 'textfield-error' : 'textfield', " ").concat(expandable ? 'expandable' : '');
|
|
238
200
|
}, [errors, name]);
|
|
239
201
|
var handleRemoveSelectedItem = function (index) {
|
|
240
202
|
setSelectedItems(function (prev) {
|
|
@@ -254,35 +216,35 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
254
216
|
if (dropRef.current &&
|
|
255
217
|
event.target instanceof Node &&
|
|
256
218
|
!dropRef.current.contains(event.target) &&
|
|
257
|
-
event.target.nodeName !==
|
|
219
|
+
event.target.nodeName !== 'svg') {
|
|
258
220
|
setDropOpen(false);
|
|
259
|
-
setSearchValue(
|
|
221
|
+
setSearchValue('');
|
|
260
222
|
}
|
|
261
223
|
};
|
|
262
|
-
document.addEventListener(
|
|
263
|
-
window.addEventListener(
|
|
224
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
225
|
+
window.addEventListener('scroll', handleClickOutside);
|
|
264
226
|
var scrollableDivs = document.querySelectorAll('div[style*="overflow"]');
|
|
265
227
|
scrollableDivs.forEach(function (div) {
|
|
266
|
-
return div.addEventListener(
|
|
228
|
+
return div.addEventListener('scroll', handleClickOutside);
|
|
267
229
|
});
|
|
268
230
|
if (scrollRef && scrollRef.current && scrollRef.current !== null) {
|
|
269
|
-
scrollRef.current.addEventListener(
|
|
231
|
+
scrollRef.current.addEventListener('scroll', handleClickOutside);
|
|
270
232
|
}
|
|
271
233
|
return function () {
|
|
272
|
-
document.removeEventListener(
|
|
273
|
-
window.removeEventListener(
|
|
234
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
235
|
+
window.removeEventListener('scroll', handleClickOutside);
|
|
274
236
|
scrollableDivs.forEach(function (div) {
|
|
275
|
-
return div.removeEventListener(
|
|
237
|
+
return div.removeEventListener('scroll', handleClickOutside);
|
|
276
238
|
});
|
|
277
239
|
if (scrollRef && scrollRef.current && scrollRef.current !== null) {
|
|
278
|
-
scrollRef.current.removeEventListener(
|
|
240
|
+
scrollRef.current.removeEventListener('scroll', handleClickOutside);
|
|
279
241
|
}
|
|
280
242
|
};
|
|
281
243
|
}, []);
|
|
282
244
|
// Filtering suggestions based on type and search value
|
|
283
245
|
var selected = isMultiple ? selectedItems : inputValue;
|
|
284
246
|
var handleOnClick = function () {
|
|
285
|
-
!disabled && !readOnly ? setDropOpen(true) :
|
|
247
|
+
!disabled && !readOnly ? setDropOpen(true) : '';
|
|
286
248
|
};
|
|
287
249
|
var onInputFocus = function () {
|
|
288
250
|
if (inputRef.current)
|
|
@@ -290,8 +252,8 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
290
252
|
handleOnClick();
|
|
291
253
|
};
|
|
292
254
|
var tooltipContent = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > itemCount
|
|
293
|
-
? selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.slice(itemCount).map(function (item) { return item[desc]; }).join(
|
|
294
|
-
:
|
|
255
|
+
? selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.slice(itemCount).map(function (item) { return item[desc]; }).join(', ')
|
|
256
|
+
: '';
|
|
295
257
|
var handleDropOpen = function (e) {
|
|
296
258
|
if (!dropOpen)
|
|
297
259
|
setDropOpen(true);
|
|
@@ -386,17 +348,17 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
386
348
|
return renderTree(childNode, index);
|
|
387
349
|
})))));
|
|
388
350
|
};
|
|
389
|
-
return (react_1.default.createElement("div", { className: fullWidth ?
|
|
351
|
+
return (react_1.default.createElement("div", { className: fullWidth ? 'fullWidth' : 'autoWidth', ref: dropdownRef },
|
|
390
352
|
label && (react_1.default.createElement("div", { style: {
|
|
391
353
|
marginBottom: 5,
|
|
392
|
-
display:
|
|
393
|
-
justifyContent:
|
|
354
|
+
display: 'flex',
|
|
355
|
+
justifyContent: 'space-between',
|
|
394
356
|
} },
|
|
395
357
|
react_1.default.createElement("label", { className: "labels label-text" },
|
|
396
358
|
label,
|
|
397
359
|
required && react_1.default.createElement("span", { className: "text-error" }, " *")),
|
|
398
360
|
react_1.default.createElement("span", { onClick: function () { return handleAction === null || handleAction === void 0 ? void 0 : handleAction(); }, className: "action_label" }, actionLabel))),
|
|
399
|
-
react_1.default.createElement("div", { className: "".concat(expandable ?
|
|
361
|
+
react_1.default.createElement("div", { className: "".concat(expandable ? 'qbs-expandable-container' : 'qbs-container'), style: { position: 'relative' } },
|
|
400
362
|
(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
401
363
|
selectedItems
|
|
402
364
|
.slice(0, (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > itemCount
|
|
@@ -418,24 +380,24 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
418
380
|
"+",
|
|
419
381
|
(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) - itemCount,
|
|
420
382
|
" more")))))),
|
|
421
|
-
react_1.default.createElement("div", { className: "qbs-textfield-expandable ".concat(!expandable ?
|
|
383
|
+
react_1.default.createElement("div", { className: "qbs-textfield-expandable ".concat(!expandable ? 'qbs-normal' : ''), "data-value": (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0 || searchValue
|
|
422
384
|
? searchValue
|
|
423
|
-
: placeholder !== null && placeholder !== void 0 ? placeholder :
|
|
424
|
-
react_1.default.createElement("input", { id: id, ref: inputRef, type: "text", value: type ===
|
|
385
|
+
: placeholder !== null && placeholder !== void 0 ? placeholder : '', onClick: function () { return onInputFocus(); } },
|
|
386
|
+
react_1.default.createElement("input", { id: id, ref: inputRef, type: "text", value: type === 'auto_suggestion' && !expandable
|
|
425
387
|
? inputValue
|
|
426
388
|
: searchValue || inputValue, onChange: handleChange,
|
|
427
389
|
// onBlur={handleBlur}
|
|
428
|
-
onFocus: onFocus, onClick: function () { return handleOnClick(); }, className: generateClassName(), placeholder: (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0 ?
|
|
429
|
-
type ===
|
|
430
|
-
(type ==
|
|
390
|
+
onFocus: onFocus, onClick: function () { return handleOnClick(); }, className: generateClassName(), placeholder: (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0 ? '' : placeholder !== null && placeholder !== void 0 ? placeholder : '', readOnly: readOnly ||
|
|
391
|
+
type === 'custom_select' ||
|
|
392
|
+
(type == 'auto_suggestion' && !expandable), disabled: disabled, "data-testid": "custom-autocomplete" })),
|
|
431
393
|
react_1.default.createElement(InputActions_1.default, { inputValue: inputValue, searchValue: searchValue, dropOpen: dropOpen, handleDropOpen: handleDropOpen, handleDropClose: handleDropClose, disabled: disabled, readOnly: readOnly, expandable: expandable, handleClear: handleClear }),
|
|
432
394
|
dropOpen &&
|
|
433
395
|
react_dom_1.default.createPortal(react_1.default.createElement("ul", { ref: dropRef, style: __assign(__assign({}, dropdownStyle), { minHeight: 192 }), className: "qbs-autocomplete-suggestions" },
|
|
434
|
-
type ==
|
|
396
|
+
type == 'auto_suggestion' && !expandable && (react_1.default.createElement("div", { style: { position: 'relative' }, className: "react-core-ts-search-container" },
|
|
435
397
|
react_1.default.createElement("span", { className: "dropdown-search-icon" },
|
|
436
398
|
react_1.default.createElement(icons_1.Search, null)),
|
|
437
399
|
react_1.default.createElement("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Search" }))),
|
|
438
|
-
react_1.default.createElement("div", { className: "qbs-autocomplete-suggestions-sub ".concat(isTreeDropdown ?
|
|
400
|
+
react_1.default.createElement("div", { className: "qbs-autocomplete-suggestions-sub ".concat(isTreeDropdown ? ' gap-4 min-h-[184px]' : '') }, (dropDownData === null || dropDownData === void 0 ? void 0 : dropDownData.length) > 0 ? (dropDownData.map(function (suggestion, idx) {
|
|
439
401
|
var _a;
|
|
440
402
|
return (react_1.default.createElement(TreeNode_1.default, { key: suggestion[descId], node: suggestion,
|
|
441
403
|
// isSelected={isSelected}
|
|
@@ -444,9 +406,9 @@ var AutoCompleteWithTreeStructure = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
444
406
|
((_a = suggestion.children) === null || _a === void 0 ? void 0 : _a.map(function (childNode, index) {
|
|
445
407
|
return renderTree(childNode, index);
|
|
446
408
|
}))));
|
|
447
|
-
})) : (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement("div", { style: { display:
|
|
409
|
+
})) : (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
|
|
448
410
|
react_1.default.createElement("span", null,
|
|
449
|
-
react_1.default.createElement(icons_1.Spinner, null)))) : (react_1.default.createElement("li", { className: "qbs-autocomplete-notfound", onClick: handleBlur }, notDataMessage !== null && notDataMessage !== void 0 ? notDataMessage :
|
|
411
|
+
react_1.default.createElement(icons_1.Spinner, null)))) : (react_1.default.createElement("li", { className: "qbs-autocomplete-notfound", onClick: handleBlur }, notDataMessage !== null && notDataMessage !== void 0 ? notDataMessage : 'No Results Found')))))), document.body)),
|
|
450
412
|
errors && (react_1.default.createElement("div", { className: "text-error text-error-label mt-[1px]", "data-testid": "autocomplete-error" }, errors.message))));
|
|
451
413
|
});
|
|
452
414
|
exports.default = react_1.default.memo(AutoCompleteWithTreeStructure);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteWithTreeStructure.js","sourceRoot":"","sources":["../src/AutoCompleteWithTreeStructure.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AutoCompleteWithTreeStructure.js","sourceRoot":"","sources":["../src/AutoCompleteWithTreeStructure.tsx"],"names":[],"mappings":"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"}
|
package/dist/commontypes.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export interface AutoSuggestionInputProps {
|
|
|
10
10
|
value?: string;
|
|
11
11
|
onChange: (value?: ValueProps | ValueProps[]) => void;
|
|
12
12
|
data?: any[];
|
|
13
|
-
type?:
|
|
13
|
+
type?: 'custom_select' | 'auto_complete' | 'custom_search_select' | 'auto_suggestion';
|
|
14
14
|
placeholder?: string;
|
|
15
15
|
getData?: (key?: string, nextBlock?: number) => any;
|
|
16
16
|
errors?: any;
|
|
@@ -37,5 +37,7 @@ export interface AutoSuggestionInputProps {
|
|
|
37
37
|
textCount?: number;
|
|
38
38
|
itemCount?: number;
|
|
39
39
|
isTreeDropdown?: boolean;
|
|
40
|
+
flatArray?: boolean;
|
|
41
|
+
parentField?: string;
|
|
40
42
|
}
|
|
41
43
|
export {};
|
|
@@ -10,7 +10,7 @@ var TreeNode = function (_a) {
|
|
|
10
10
|
var node = _a.node, isMultiple = _a.isMultiple, singleSelect = _a.singleSelect, idx = _a.idx, desc = _a.desc, toggleExpand = _a.toggleExpand, updateNode = _a.updateNode, children = _a.children, descId = _a.descId;
|
|
11
11
|
// Toggle the expanded state when clicking on the node
|
|
12
12
|
var handleToggle = function (node) {
|
|
13
|
-
console.log(node,
|
|
13
|
+
console.log(node, 'node');
|
|
14
14
|
toggleExpand(node[descId]);
|
|
15
15
|
};
|
|
16
16
|
var handleCheckbox = function (e, dataItem) {
|
|
@@ -19,8 +19,8 @@ var TreeNode = function (_a) {
|
|
|
19
19
|
};
|
|
20
20
|
return (react_1.default.createElement("div", null,
|
|
21
21
|
react_1.default.createElement("li", { className: "flex flex-col" },
|
|
22
|
-
react_1.default.createElement("div", { style: { display:
|
|
23
|
-
(node === null || node === void 0 ? void 0 : node.children) && ((_c = node === null || node === void 0 ? void 0 : node.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && (react_1.default.createElement("span", { onClick: function () { return handleToggle(node); }, className: "mt-1 cursor-pointer ".concat(node.expanded ?
|
|
22
|
+
react_1.default.createElement("div", { style: { display: 'flex' }, className: "items-start gap-4 flex-row ".concat(((_b = node === null || node === void 0 ? void 0 : node.children) === null || _b === void 0 ? void 0 : _b.length) > 0 ? '' : 'ml-5') },
|
|
23
|
+
(node === null || node === void 0 ? void 0 : node.children) && ((_c = node === null || node === void 0 ? void 0 : node.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && (react_1.default.createElement("span", { onClick: function () { return handleToggle(node); }, className: "mt-1 cursor-pointer ".concat(node.expanded ? ' rotate-90' : '') },
|
|
24
24
|
react_1.default.createElement(Icons_1.DropSideIcon, null))),
|
|
25
25
|
(isMultiple || singleSelect) && (react_1.default.createElement("div", { className: "qbs-autocomplete-checkbox" },
|
|
26
26
|
react_1.default.createElement("input", { onChange: function (e) { return handleCheckbox(e, node); }, type: "checkbox", checked: node.checked, id: "qbs-checkbox-".concat(idx.toString()) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeNode.js","sourceRoot":"","sources":["../../src/components/TreeNode.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;
|
|
1
|
+
{"version":3,"file":"TreeNode.js","sourceRoot":"","sources":["../../src/components/TreeNode.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,iCAAuC;AAEvC,IAAM,QAAQ,GAAkB,UAAC,EAUhC;;QATC,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,sDAAsD;IACtD,IAAM,YAAY,GAAG,UAAC,IAAU;QAC9B,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC1B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,CAAM,EAAE,QAAa;QACnC,IAAA,OAAO,GAAK,CAAC,CAAC,MAAM,QAAb,CAAc;QAC7B,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,CACL;QACE,sCAAI,SAAS,EAAC,eAAe;YAC3B,uCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,SAAS,EAAE,qCACT,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxC;gBAID,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC/C,wCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAE,8BACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CACjC;oBAEF,8BAAC,oBAAY,OAAG,CACX,CACR;gBACA,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAC/B,uCAAK,SAAS,EAAC,2BAA2B;oBACxC,yCACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAvB,CAAuB,EACxC,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE,GACpC;oBACF,yCAAO,OAAO,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE;wBAC9C,uCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;4BAElC,wCACE,CAAC,EAAC,qFAAqF,EACvF,IAAI,EAAC,OAAO,GACZ,CACE,CACA,CACJ,CACP;gBACD,wCAAM,SAAS,EAAC,iBAAiB,IAAE,IAAI,CAAC,IAAI,CAAC,CAAQ,CACjD,CACH;QAEJ,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function buildTree(data: any[], idField: string, parentField: string): any[];
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.buildTree = void 0;
|
|
4
|
+
function buildTree(data, idField, parentField) {
|
|
5
|
+
var nodeMap = new Map();
|
|
6
|
+
// Initialize all nodes
|
|
7
|
+
data.forEach(function (node) {
|
|
8
|
+
node.children = [];
|
|
9
|
+
nodeMap.set(node[idField], node);
|
|
10
|
+
});
|
|
11
|
+
// Build the tree structure
|
|
12
|
+
var tree = [];
|
|
13
|
+
data.forEach(function (node) {
|
|
14
|
+
if (node[parentField]) {
|
|
15
|
+
// Find the parent and add the node as a child
|
|
16
|
+
var parent_1 = nodeMap.get(node[parentField]);
|
|
17
|
+
if (parent_1) {
|
|
18
|
+
parent_1.children.push(node);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
// No parentId means it's a root node
|
|
23
|
+
tree.push(node);
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
return tree;
|
|
27
|
+
}
|
|
28
|
+
exports.buildTree = buildTree;
|
|
29
|
+
//# sourceMappingURL=convertFlatArraytoTreeStructure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"convertFlatArraytoTreeStructure.js","sourceRoot":"","sources":["../../src/utilities/convertFlatArraytoTreeStructure.ts"],"names":[],"mappings":";;;AAAA,SAAgB,SAAS,CAAC,IAAW,EAAE,OAAe,EAAE,WAAmB;IACzE,IAAM,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAE1B,uBAAuB;IACvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,2BAA2B;IAC3B,IAAM,IAAI,GAAU,EAAE,CAAC;IAEvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE;YACrB,8CAA8C;YAC9C,IAAM,QAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YAC9C,IAAI,QAAM,EAAE;gBACV,QAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC5B;SACF;aAAM;YACL,qCAAqC;YACrC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AA1BD,8BA0BC"}
|
package/docs/App.tsx
CHANGED
package/docs/store.ts
CHANGED
|
@@ -1,76 +1,67 @@
|
|
|
1
1
|
export const treeDropData = [
|
|
2
2
|
{
|
|
3
|
-
name:
|
|
3
|
+
name: 'Port A - This is the main port in the northern region with significant traffic and operations',
|
|
4
4
|
id: 22,
|
|
5
|
-
|
|
6
|
-
{
|
|
7
|
-
name: "Port C - A key sub-port with heavy container traffic in the southern bay area",
|
|
8
|
-
id: 1,
|
|
9
|
-
children: [
|
|
10
|
-
{
|
|
11
|
-
name: "Port G - A small port used for local shipments and fishing operations",
|
|
12
|
-
id: 2,
|
|
13
|
-
children: [
|
|
14
|
-
{
|
|
15
|
-
name: "Port H - A minor local port focusing on fisheries and small-scale cargo",
|
|
16
|
-
id: 3,
|
|
17
|
-
children: [],
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
name: "Port I - A coastal port for regional trade and tourism operations",
|
|
23
|
-
id: 4,
|
|
24
|
-
children: [
|
|
25
|
-
{
|
|
26
|
-
name: "Port J - A harbor for tourist cruises and commercial boats",
|
|
27
|
-
id: 5,
|
|
28
|
-
children: [],
|
|
29
|
-
},
|
|
30
|
-
],
|
|
31
|
-
},
|
|
32
|
-
],
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
name: "Port D - An industrial port dealing with large-scale cargo and ship repair services",
|
|
36
|
-
id: 6,
|
|
37
|
-
children: [
|
|
38
|
-
{
|
|
39
|
-
name: "Port K - A dock specializing in shipbuilding and marine repairs",
|
|
40
|
-
id: 7,
|
|
41
|
-
children: [
|
|
42
|
-
{
|
|
43
|
-
name: "Port L - A repair facility for both military and commercial vessels",
|
|
44
|
-
id: 8,
|
|
45
|
-
children: [],
|
|
46
|
-
},
|
|
47
|
-
],
|
|
48
|
-
},
|
|
49
|
-
],
|
|
50
|
-
},
|
|
51
|
-
],
|
|
5
|
+
parentId: null,
|
|
52
6
|
},
|
|
53
7
|
{
|
|
54
|
-
name:
|
|
8
|
+
name: 'Port C - A key sub-port with heavy container traffic in the southern bay area',
|
|
9
|
+
id: 1,
|
|
10
|
+
parentId: 22,
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
name: 'Port G - A small port used for local shipments and fishing operations',
|
|
14
|
+
id: 2,
|
|
15
|
+
parentId: 1,
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
name: 'Port H - A minor local port focusing on fisheries and small-scale cargo',
|
|
19
|
+
id: 3,
|
|
20
|
+
parentId: 2,
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: 'Port I - A coastal port for regional trade and tourism operations',
|
|
24
|
+
id: 4,
|
|
25
|
+
parentId: 1,
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
name: 'Port J - A harbor for tourist cruises and commercial boats',
|
|
29
|
+
id: 5,
|
|
30
|
+
parentId: 4,
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
name: 'Port D - An industrial port dealing with large-scale cargo and ship repair services',
|
|
34
|
+
id: 6,
|
|
35
|
+
parentId: 22,
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: 'Port K - A dock specializing in shipbuilding and marine repairs',
|
|
39
|
+
id: 7,
|
|
40
|
+
parentId: 6,
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
name: 'Port L - A repair facility for both military and commercial vessels',
|
|
44
|
+
id: 8,
|
|
45
|
+
parentId: 7,
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
name: 'Port B - This is the largest port in the central region, supporting international trade',
|
|
55
49
|
id: 9,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
],
|
|
73
|
-
},
|
|
74
|
-
],
|
|
50
|
+
parentId: null,
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: 'Port E - A primary export port dealing with raw materials and heavy goods',
|
|
54
|
+
id: 10,
|
|
55
|
+
parentId: 9,
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
name: 'Port M - A small export hub for agricultural and mining products',
|
|
59
|
+
id: 11,
|
|
60
|
+
parentId: 10,
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
name: 'Port N - A warehouse and storage center for exported goods',
|
|
64
|
+
id: 12,
|
|
65
|
+
parentId: 11,
|
|
75
66
|
},
|
|
76
67
|
];
|
package/package.json
CHANGED
|
@@ -5,17 +5,18 @@ import React, {
|
|
|
5
5
|
useImperativeHandle,
|
|
6
6
|
useRef,
|
|
7
7
|
useState,
|
|
8
|
-
} from
|
|
9
|
-
import ReactDOM from
|
|
10
|
-
|
|
11
|
-
import { AutoSuggestionInputProps } from
|
|
12
|
-
import InputActions from
|
|
13
|
-
import TreeNode from
|
|
14
|
-
import { useSuggestions } from
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
8
|
+
} from 'react';
|
|
9
|
+
import ReactDOM from 'react-dom';
|
|
10
|
+
|
|
11
|
+
import { AutoSuggestionInputProps } from './commontypes';
|
|
12
|
+
import InputActions from './components/InputActions';
|
|
13
|
+
import TreeNode from './components/TreeNode';
|
|
14
|
+
import { useSuggestions } from './utilities/autosuggestions';
|
|
15
|
+
import { buildTree } from './utilities/convertFlatArraytoTreeStructure';
|
|
16
|
+
import { debounce } from './utilities/debounce';
|
|
17
|
+
import { deepEqual } from './utilities/deepEqual';
|
|
18
|
+
import { default as Tooltip } from './utilities/expandableTootltip';
|
|
19
|
+
import { Search, Spinner } from './utilities/icons';
|
|
19
20
|
|
|
20
21
|
type ValueProps = {
|
|
21
22
|
[key: string]: string;
|
|
@@ -36,14 +37,14 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
36
37
|
fullWidth = false,
|
|
37
38
|
placeholder,
|
|
38
39
|
id,
|
|
39
|
-
type =
|
|
40
|
+
type = 'custom_select',
|
|
40
41
|
selectedItems: propsSeelctedItems = [],
|
|
41
42
|
readOnly = false,
|
|
42
43
|
disabled = false,
|
|
43
44
|
value,
|
|
44
45
|
isMultiple = false,
|
|
45
|
-
desc =
|
|
46
|
-
descId =
|
|
46
|
+
desc = 'name',
|
|
47
|
+
descId = 'id',
|
|
47
48
|
singleSelect,
|
|
48
49
|
className,
|
|
49
50
|
async = false,
|
|
@@ -59,6 +60,8 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
59
60
|
itemCount = 1,
|
|
60
61
|
scrollRef,
|
|
61
62
|
isTreeDropdown = true,
|
|
63
|
+
flatArray = false,
|
|
64
|
+
parentField = 'parentId',
|
|
62
65
|
},
|
|
63
66
|
ref
|
|
64
67
|
) => {
|
|
@@ -67,7 +70,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
67
70
|
const [isInitialRender, setIsInitialRender] = useState(true);
|
|
68
71
|
|
|
69
72
|
const [inputValue, setInputValue] = useState<string>(value);
|
|
70
|
-
const [searchValue, setSearchValue] = useState<string>(
|
|
73
|
+
const [searchValue, setSearchValue] = useState<string>('');
|
|
71
74
|
const [nextPage, setNextPage] = useState<number | undefined>(1);
|
|
72
75
|
const [dropOpen, setDropOpen] = useState<boolean>(false);
|
|
73
76
|
const [selectedItems, setSelectedItems] = useState<ValueProps[]>([]);
|
|
@@ -78,7 +81,11 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
78
81
|
|
|
79
82
|
useEffect(() => {
|
|
80
83
|
if (data) {
|
|
81
|
-
|
|
84
|
+
if (flatArray) {
|
|
85
|
+
setDropDownData(buildTree(data, descId, parentField));
|
|
86
|
+
} else {
|
|
87
|
+
setDropDownData(data);
|
|
88
|
+
}
|
|
82
89
|
}
|
|
83
90
|
}, [data]);
|
|
84
91
|
useImperativeHandle(ref, () => inputRef.current);
|
|
@@ -116,11 +123,11 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
116
123
|
};
|
|
117
124
|
|
|
118
125
|
useEffect(() => {
|
|
119
|
-
window.addEventListener(
|
|
126
|
+
window.addEventListener('resize', adjustDropdownPosition);
|
|
120
127
|
adjustDropdownPosition();
|
|
121
128
|
|
|
122
129
|
return () => {
|
|
123
|
-
window.removeEventListener(
|
|
130
|
+
window.removeEventListener('resize', adjustDropdownPosition);
|
|
124
131
|
};
|
|
125
132
|
}, [dropOpen, selectedItems]);
|
|
126
133
|
|
|
@@ -138,54 +145,20 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
138
145
|
// nextBlock
|
|
139
146
|
);
|
|
140
147
|
|
|
141
|
-
// Handling the selection of a suggestion
|
|
142
|
-
const handleSuggestionClick = useCallback((suggestion: ValueProps) => {
|
|
143
|
-
if (isMultiple) {
|
|
144
|
-
setSelectedItems((prev) => [...prev, suggestion]);
|
|
145
|
-
} else {
|
|
146
|
-
setInputValue(suggestion[desc]);
|
|
147
|
-
}
|
|
148
|
-
setSearchValue("");
|
|
149
|
-
setInputValue(suggestion[desc]);
|
|
150
|
-
onChange(suggestion);
|
|
151
|
-
setDropOpen(false);
|
|
152
|
-
}, []);
|
|
153
|
-
|
|
154
148
|
// Adding debounce to avoid making API calls on every keystroke
|
|
155
149
|
const handleChangeWithDebounce = debounce((value) => {
|
|
156
|
-
if ((type ===
|
|
150
|
+
if ((type === 'auto_complete' || type === 'auto_suggestion') && async) {
|
|
157
151
|
handlePickSuggestions(value, 1);
|
|
158
152
|
}
|
|
159
153
|
}, 1000);
|
|
160
154
|
|
|
161
|
-
const handleMultiSelect = (e: any, suggestion: ValueProps) => {
|
|
162
|
-
const { checked } = e.target;
|
|
163
|
-
if (isMultiple) {
|
|
164
|
-
if (checked) {
|
|
165
|
-
setSelectedItems((prev) => [...prev, suggestion]);
|
|
166
|
-
} else {
|
|
167
|
-
setSelectedItems((prev) => {
|
|
168
|
-
return prev.filter(
|
|
169
|
-
(item, i) => item[descId] !== suggestion[descId]
|
|
170
|
-
);
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
} else {
|
|
174
|
-
if (checked) {
|
|
175
|
-
setInputValue(suggestion[desc]);
|
|
176
|
-
onChange(suggestion);
|
|
177
|
-
} else {
|
|
178
|
-
setInputValue("");
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
155
|
useEffect(() => {
|
|
183
156
|
if (!deepEqual(selectedItems, propsSeelctedItems))
|
|
184
157
|
setSelectedItems(propsSeelctedItems);
|
|
185
158
|
}, [propsSeelctedItems]);
|
|
186
159
|
// Effect to set the input value whenever `value` prop changes
|
|
187
160
|
useEffect(() => {
|
|
188
|
-
setInputValue(value ??
|
|
161
|
+
setInputValue(value ?? '');
|
|
189
162
|
}, [value]);
|
|
190
163
|
|
|
191
164
|
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
@@ -194,7 +167,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
194
167
|
setSearchValue(value);
|
|
195
168
|
handleChangeWithDebounce(value);
|
|
196
169
|
if (!value) {
|
|
197
|
-
setInputValue(
|
|
170
|
+
setInputValue('');
|
|
198
171
|
// onChange({ [descId]: '', [desc]: '' });
|
|
199
172
|
}
|
|
200
173
|
};
|
|
@@ -213,19 +186,19 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
213
186
|
|
|
214
187
|
const handleClear = () => {
|
|
215
188
|
if (searchValue) {
|
|
216
|
-
setSearchValue(
|
|
189
|
+
setSearchValue('');
|
|
217
190
|
setDropOpen(false);
|
|
218
191
|
} else {
|
|
219
|
-
setInputValue(
|
|
220
|
-
onChange({ [descId]:
|
|
192
|
+
setInputValue('');
|
|
193
|
+
onChange({ [descId]: '', [desc]: '' });
|
|
221
194
|
setDropOpen(false);
|
|
222
195
|
}
|
|
223
196
|
};
|
|
224
197
|
|
|
225
198
|
const generateClassName = useCallback(() => {
|
|
226
199
|
return `qbs-textfield-default ${className} ${
|
|
227
|
-
errors && errors?.message ?
|
|
228
|
-
} ${expandable ?
|
|
200
|
+
errors && errors?.message ? 'textfield-error' : 'textfield'
|
|
201
|
+
} ${expandable ? 'expandable' : ''}`;
|
|
229
202
|
}, [errors, name]);
|
|
230
203
|
const handleRemoveSelectedItem = (index: number) => {
|
|
231
204
|
setSelectedItems((prev) => {
|
|
@@ -247,33 +220,33 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
247
220
|
dropRef.current &&
|
|
248
221
|
event.target instanceof Node &&
|
|
249
222
|
!dropRef.current.contains(event.target) &&
|
|
250
|
-
event.target.nodeName !==
|
|
223
|
+
event.target.nodeName !== 'svg'
|
|
251
224
|
) {
|
|
252
225
|
setDropOpen(false);
|
|
253
|
-
setSearchValue(
|
|
226
|
+
setSearchValue('');
|
|
254
227
|
}
|
|
255
228
|
};
|
|
256
|
-
document.addEventListener(
|
|
257
|
-
window.addEventListener(
|
|
229
|
+
document.addEventListener('mousedown', handleClickOutside as any);
|
|
230
|
+
window.addEventListener('scroll', handleClickOutside as any);
|
|
258
231
|
|
|
259
232
|
const scrollableDivs = document.querySelectorAll(
|
|
260
233
|
'div[style*="overflow"]'
|
|
261
234
|
);
|
|
262
235
|
scrollableDivs.forEach((div) =>
|
|
263
|
-
div.addEventListener(
|
|
236
|
+
div.addEventListener('scroll', handleClickOutside as any)
|
|
264
237
|
);
|
|
265
238
|
if (scrollRef && scrollRef.current && scrollRef.current !== null) {
|
|
266
|
-
scrollRef.current.addEventListener(
|
|
239
|
+
scrollRef.current.addEventListener('scroll', handleClickOutside as any);
|
|
267
240
|
}
|
|
268
241
|
return () => {
|
|
269
|
-
document.removeEventListener(
|
|
270
|
-
window.removeEventListener(
|
|
242
|
+
document.removeEventListener('mousedown', handleClickOutside as any);
|
|
243
|
+
window.removeEventListener('scroll', handleClickOutside as any);
|
|
271
244
|
scrollableDivs.forEach((div) =>
|
|
272
|
-
div.removeEventListener(
|
|
245
|
+
div.removeEventListener('scroll', handleClickOutside as any)
|
|
273
246
|
);
|
|
274
247
|
if (scrollRef && scrollRef.current && scrollRef.current !== null) {
|
|
275
248
|
scrollRef.current.removeEventListener(
|
|
276
|
-
|
|
249
|
+
'scroll',
|
|
277
250
|
handleClickOutside as any
|
|
278
251
|
);
|
|
279
252
|
}
|
|
@@ -284,7 +257,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
284
257
|
const selected: any = isMultiple ? selectedItems : inputValue;
|
|
285
258
|
|
|
286
259
|
const handleOnClick = () => {
|
|
287
|
-
!disabled && !readOnly ? setDropOpen(true) :
|
|
260
|
+
!disabled && !readOnly ? setDropOpen(true) : '';
|
|
288
261
|
};
|
|
289
262
|
const onInputFocus = () => {
|
|
290
263
|
if (inputRef.current) inputRef.current.focus();
|
|
@@ -296,8 +269,8 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
296
269
|
? selectedItems
|
|
297
270
|
?.slice(itemCount)
|
|
298
271
|
.map((item) => item[desc])
|
|
299
|
-
.join(
|
|
300
|
-
:
|
|
272
|
+
.join(', ')
|
|
273
|
+
: '';
|
|
301
274
|
|
|
302
275
|
const handleDropOpen = (e: any) => {
|
|
303
276
|
if (!dropOpen) setDropOpen(true);
|
|
@@ -421,13 +394,13 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
421
394
|
};
|
|
422
395
|
|
|
423
396
|
return (
|
|
424
|
-
<div className={fullWidth ?
|
|
397
|
+
<div className={fullWidth ? 'fullWidth' : 'autoWidth'} ref={dropdownRef}>
|
|
425
398
|
{label && (
|
|
426
399
|
<div
|
|
427
400
|
style={{
|
|
428
401
|
marginBottom: 5,
|
|
429
|
-
display:
|
|
430
|
-
justifyContent:
|
|
402
|
+
display: 'flex',
|
|
403
|
+
justifyContent: 'space-between',
|
|
431
404
|
}}
|
|
432
405
|
>
|
|
433
406
|
<label className={`labels label-text`}>
|
|
@@ -443,9 +416,9 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
443
416
|
|
|
444
417
|
<div
|
|
445
418
|
className={`${
|
|
446
|
-
expandable ?
|
|
419
|
+
expandable ? 'qbs-expandable-container' : 'qbs-container'
|
|
447
420
|
}`}
|
|
448
|
-
style={{ position:
|
|
421
|
+
style={{ position: 'relative' }}
|
|
449
422
|
>
|
|
450
423
|
{selectedItems?.length > 0 && (
|
|
451
424
|
<>
|
|
@@ -492,12 +465,12 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
492
465
|
|
|
493
466
|
<div
|
|
494
467
|
className={`qbs-textfield-expandable ${
|
|
495
|
-
!expandable ?
|
|
468
|
+
!expandable ? 'qbs-normal' : ''
|
|
496
469
|
}`}
|
|
497
470
|
data-value={
|
|
498
471
|
selectedItems?.length > 0 || searchValue
|
|
499
472
|
? searchValue
|
|
500
|
-
: placeholder ??
|
|
473
|
+
: placeholder ?? ''
|
|
501
474
|
}
|
|
502
475
|
onClick={() => onInputFocus()}
|
|
503
476
|
>
|
|
@@ -506,7 +479,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
506
479
|
ref={inputRef}
|
|
507
480
|
type="text"
|
|
508
481
|
value={
|
|
509
|
-
type ===
|
|
482
|
+
type === 'auto_suggestion' && !expandable
|
|
510
483
|
? inputValue
|
|
511
484
|
: searchValue || inputValue
|
|
512
485
|
}
|
|
@@ -515,11 +488,11 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
515
488
|
onFocus={onFocus}
|
|
516
489
|
onClick={() => handleOnClick()}
|
|
517
490
|
className={generateClassName()}
|
|
518
|
-
placeholder={selectedItems?.length > 0 ?
|
|
491
|
+
placeholder={selectedItems?.length > 0 ? '' : placeholder ?? ''}
|
|
519
492
|
readOnly={
|
|
520
493
|
readOnly ||
|
|
521
|
-
type ===
|
|
522
|
-
(type ==
|
|
494
|
+
type === 'custom_select' ||
|
|
495
|
+
(type == 'auto_suggestion' && !expandable)
|
|
523
496
|
}
|
|
524
497
|
disabled={disabled}
|
|
525
498
|
data-testid="custom-autocomplete"
|
|
@@ -550,9 +523,9 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
550
523
|
style={{ ...dropdownStyle, minHeight: 192 }}
|
|
551
524
|
className={`qbs-autocomplete-suggestions`}
|
|
552
525
|
>
|
|
553
|
-
{type ==
|
|
526
|
+
{type == 'auto_suggestion' && !expandable && (
|
|
554
527
|
<div
|
|
555
|
-
style={{ position:
|
|
528
|
+
style={{ position: 'relative' }}
|
|
556
529
|
className="react-core-ts-search-container"
|
|
557
530
|
>
|
|
558
531
|
<span className="dropdown-search-icon">
|
|
@@ -569,7 +542,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
569
542
|
|
|
570
543
|
<div
|
|
571
544
|
className={`qbs-autocomplete-suggestions-sub ${
|
|
572
|
-
isTreeDropdown ?
|
|
545
|
+
isTreeDropdown ? ' gap-4 min-h-[184px]' : ''
|
|
573
546
|
}`}
|
|
574
547
|
>
|
|
575
548
|
{dropDownData?.length > 0 ? (
|
|
@@ -599,7 +572,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
599
572
|
<>
|
|
600
573
|
{isLoading ? (
|
|
601
574
|
<div
|
|
602
|
-
style={{ display:
|
|
575
|
+
style={{ display: 'flex', justifyContent: 'center' }}
|
|
603
576
|
>
|
|
604
577
|
<span>
|
|
605
578
|
<Spinner />
|
|
@@ -610,7 +583,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
|
|
|
610
583
|
className="qbs-autocomplete-notfound"
|
|
611
584
|
onClick={handleBlur}
|
|
612
585
|
>
|
|
613
|
-
{notDataMessage ??
|
|
586
|
+
{notDataMessage ?? 'No Results Found'}
|
|
614
587
|
</li>
|
|
615
588
|
)}
|
|
616
589
|
</>
|
package/src/commontypes.ts
CHANGED
|
@@ -10,10 +10,10 @@ export interface AutoSuggestionInputProps {
|
|
|
10
10
|
onChange: (value?: ValueProps | ValueProps[]) => void;
|
|
11
11
|
data?: any[];
|
|
12
12
|
type?:
|
|
13
|
-
|
|
|
14
|
-
|
|
|
15
|
-
|
|
|
16
|
-
|
|
|
13
|
+
| 'custom_select'
|
|
14
|
+
| 'auto_complete'
|
|
15
|
+
| 'custom_search_select'
|
|
16
|
+
| 'auto_suggestion';
|
|
17
17
|
placeholder?: string;
|
|
18
18
|
getData?: (key?: string, nextBlock?: number) => any;
|
|
19
19
|
errors?: any;
|
|
@@ -40,4 +40,6 @@ export interface AutoSuggestionInputProps {
|
|
|
40
40
|
textCount?: number;
|
|
41
41
|
itemCount?: number;
|
|
42
42
|
isTreeDropdown?: boolean;
|
|
43
|
+
flatArray?: boolean;
|
|
44
|
+
parentField?: string;
|
|
43
45
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
import { DropSideIcon } from './Icons';
|
|
3
4
|
|
|
4
5
|
const TreeNode: React.FC<any> = ({
|
|
5
6
|
node,
|
|
@@ -14,7 +15,7 @@ const TreeNode: React.FC<any> = ({
|
|
|
14
15
|
}) => {
|
|
15
16
|
// Toggle the expanded state when clicking on the node
|
|
16
17
|
const handleToggle = (node?: any) => {
|
|
17
|
-
console.log(node,
|
|
18
|
+
console.log(node, 'node');
|
|
18
19
|
toggleExpand(node[descId]);
|
|
19
20
|
};
|
|
20
21
|
|
|
@@ -26,9 +27,9 @@ const TreeNode: React.FC<any> = ({
|
|
|
26
27
|
<div>
|
|
27
28
|
<li className="flex flex-col">
|
|
28
29
|
<div
|
|
29
|
-
style={{ display:
|
|
30
|
+
style={{ display: 'flex' }}
|
|
30
31
|
className={`items-start gap-4 flex-row ${
|
|
31
|
-
node?.children?.length > 0 ?
|
|
32
|
+
node?.children?.length > 0 ? '' : 'ml-5'
|
|
32
33
|
}`}
|
|
33
34
|
>
|
|
34
35
|
{/* Show an icon based on the expanded/collapsed state */}
|
|
@@ -37,7 +38,7 @@ const TreeNode: React.FC<any> = ({
|
|
|
37
38
|
<span
|
|
38
39
|
onClick={() => handleToggle(node)}
|
|
39
40
|
className={`mt-1 cursor-pointer ${
|
|
40
|
-
node.expanded ?
|
|
41
|
+
node.expanded ? ' rotate-90' : ''
|
|
41
42
|
}`}
|
|
42
43
|
>
|
|
43
44
|
<DropSideIcon />
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export function buildTree(data: any[], idField: string, parentField: string) {
|
|
2
|
+
const nodeMap = new Map();
|
|
3
|
+
|
|
4
|
+
// Initialize all nodes
|
|
5
|
+
data.forEach((node) => {
|
|
6
|
+
node.children = [];
|
|
7
|
+
nodeMap.set(node[idField], node);
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
// Build the tree structure
|
|
11
|
+
const tree: any[] = [];
|
|
12
|
+
|
|
13
|
+
data.forEach((node) => {
|
|
14
|
+
if (node[parentField]) {
|
|
15
|
+
// Find the parent and add the node as a child
|
|
16
|
+
const parent = nodeMap.get(node[parentField]);
|
|
17
|
+
if (parent) {
|
|
18
|
+
parent.children.push(node);
|
|
19
|
+
}
|
|
20
|
+
} else {
|
|
21
|
+
// No parentId means it's a root node
|
|
22
|
+
tree.push(node);
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
return tree;
|
|
27
|
+
}
|