@coreui/react-pro 5.17.1 → 5.18.0
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/README.md +1 -1
- package/dist/cjs/components/autocomplete/CAutocomplete.d.ts +229 -0
- package/dist/cjs/components/autocomplete/CAutocomplete.js +293 -0
- package/dist/cjs/components/autocomplete/CAutocomplete.js.map +1 -0
- package/dist/cjs/components/autocomplete/CAutocompleteOptions.d.ts +17 -0
- package/dist/cjs/components/autocomplete/CAutocompleteOptions.js +72 -0
- package/dist/cjs/components/autocomplete/CAutocompleteOptions.js.map +1 -0
- package/dist/cjs/components/autocomplete/index.d.ts +2 -0
- package/dist/cjs/components/autocomplete/types.d.ts +18 -0
- package/dist/cjs/components/autocomplete/utils.d.ts +11 -0
- package/dist/cjs/components/autocomplete/utils.js +107 -0
- package/dist/cjs/components/autocomplete/utils.js.map +1 -0
- package/dist/cjs/components/calendar/CCalendarPanel.js +6 -7
- package/dist/cjs/components/calendar/CCalendarPanel.js.map +1 -1
- package/dist/cjs/components/calendar/utils.d.ts +30 -5
- package/dist/cjs/components/calendar/utils.js +20 -9
- package/dist/cjs/components/calendar/utils.js.map +1 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js +10 -8
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/time-picker/CTimePicker.js +15 -1
- package/dist/cjs/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils/getNextSibling.d.ts +2 -0
- package/dist/cjs/utils/getNextSibling.js +20 -0
- package/dist/cjs/utils/getNextSibling.js.map +1 -0
- package/dist/cjs/utils/getPreviousSibling.d.ts +2 -0
- package/dist/cjs/utils/getPreviousSibling.js +19 -0
- package/dist/cjs/utils/getPreviousSibling.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +3 -1
- package/dist/esm/components/autocomplete/CAutocomplete.d.ts +229 -0
- package/dist/esm/components/autocomplete/CAutocomplete.js +291 -0
- package/dist/esm/components/autocomplete/CAutocomplete.js.map +1 -0
- package/dist/esm/components/autocomplete/CAutocompleteOptions.d.ts +17 -0
- package/dist/esm/components/autocomplete/CAutocompleteOptions.js +70 -0
- package/dist/esm/components/autocomplete/CAutocompleteOptions.js.map +1 -0
- package/dist/esm/components/autocomplete/index.d.ts +2 -0
- package/dist/esm/components/autocomplete/types.d.ts +18 -0
- package/dist/esm/components/autocomplete/utils.d.ts +11 -0
- package/dist/esm/components/autocomplete/utils.js +96 -0
- package/dist/esm/components/autocomplete/utils.js.map +1 -0
- package/dist/esm/components/calendar/CCalendarPanel.js +7 -8
- package/dist/esm/components/calendar/CCalendarPanel.js.map +1 -1
- package/dist/esm/components/calendar/utils.d.ts +30 -5
- package/dist/esm/components/calendar/utils.js +20 -9
- package/dist/esm/components/calendar/utils.js.map +1 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.js +10 -8
- package/dist/esm/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/time-picker/CTimePicker.js +15 -1
- package/dist/esm/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/getNextSibling.d.ts +2 -0
- package/dist/esm/utils/getNextSibling.js +15 -0
- package/dist/esm/utils/getNextSibling.js.map +1 -0
- package/dist/esm/utils/getPreviousSibling.d.ts +2 -0
- package/dist/esm/utils/getPreviousSibling.js +15 -0
- package/dist/esm/utils/getPreviousSibling.js.map +1 -0
- package/dist/esm/utils/index.d.ts +3 -1
- package/package.json +6 -6
- package/src/components/autocomplete/CAutocomplete.tsx +802 -0
- package/src/components/autocomplete/CAutocompleteOptions.tsx +165 -0
- package/src/components/autocomplete/__tests__/CAutocomplete.spec.tsx +244 -0
- package/src/components/autocomplete/__tests__/CAutocompleteOptions.spec.tsx +210 -0
- package/src/components/autocomplete/index.ts +3 -0
- package/src/components/autocomplete/types.ts +25 -0
- package/src/components/autocomplete/utils.ts +125 -0
- package/src/components/calendar/CCalendarPanel.tsx +5 -15
- package/src/components/calendar/utils.ts +50 -10
- package/src/components/date-range-picker/CDateRangePicker.tsx +11 -7
- package/src/components/index.ts +1 -0
- package/src/components/time-picker/CTimePicker.tsx +14 -4
- package/src/utils/getNextSibling.ts +18 -0
- package/src/utils/getPreviousSibling.ts +18 -0
- package/src/utils/index.ts +4 -0
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef, useRef, useId, useState, useMemo, useEffect, useCallback } from 'react';
|
|
3
|
+
import classNames from '../../_virtual/index.js';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import { CFormControlWrapper } from '../form/CFormControlWrapper.js';
|
|
6
|
+
import { CAutocompleteOptions } from './CAutocompleteOptions.js';
|
|
7
|
+
import { usePopper } from '../../hooks/usePopper.js';
|
|
8
|
+
import isRTL from '../../utils/isRTL.js';
|
|
9
|
+
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
10
|
+
import { filterOptions, isExternalSearch, getFirstOptionByValue, flattenOptionsArray, getOptionLabel, isGlobalSearch, getFirstOptionByLabel } from './utils.js';
|
|
11
|
+
|
|
12
|
+
var CAutocomplete = forwardRef(function (_a, ref) {
|
|
13
|
+
var _b;
|
|
14
|
+
var _c = _a.allowOnlyDefinedOptions, allowOnlyDefinedOptions = _c === void 0 ? false : _c, className = _a.className, _d = _a.cleaner, cleaner = _d === void 0 ? false : _d, _e = _a.clearSearchOnSelect, clearSearchOnSelect = _e === void 0 ? true : _e, disabled = _a.disabled, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, _f = _a.highlightOptionsOnSearch, highlightOptionsOnSearch = _f === void 0 ? false : _f, id = _a.id, indicator = _a.indicator, invalid = _a.invalid, label = _a.label, loading = _a.loading, name = _a.name, onChange = _a.onChange, onHide = _a.onHide, onInput = _a.onInput, onShow = _a.onShow, options = _a.options, _g = _a.optionsMaxHeight, optionsMaxHeight = _g === void 0 ? 'auto' : _g, optionsTemplate = _a.optionsTemplate, optionsGroupsTemplate = _a.optionsGroupsTemplate, placeholder = _a.placeholder, readOnly = _a.readOnly, required = _a.required, _h = _a.resetSelectionOnOptionsChange, resetSelectionOnOptionsChange = _h === void 0 ? false : _h, search = _a.search, _j = _a.searchNoResultsLabel, searchNoResultsLabel = _j === void 0 ? false : _j, _k = _a.showHints, showHints = _k === void 0 ? false : _k, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, value = _a.value, virtualScroller = _a.virtualScroller, _l = _a.visible, visible = _l === void 0 ? false : _l, _m = _a.visibleItems, visibleItems = _m === void 0 ? 10 : _m, rest = __rest(_a, ["allowOnlyDefinedOptions", "className", "cleaner", "clearSearchOnSelect", "disabled", "feedback", "feedbackInvalid", "feedbackValid", "highlightOptionsOnSearch", "id", "indicator", "invalid", "label", "loading", "name", "onChange", "onHide", "onInput", "onShow", "options", "optionsMaxHeight", "optionsTemplate", "optionsGroupsTemplate", "placeholder", "readOnly", "required", "resetSelectionOnOptionsChange", "search", "searchNoResultsLabel", "showHints", "size", "text", "tooltipFeedback", "valid", "value", "virtualScroller", "visible", "visibleItems"]);
|
|
15
|
+
var autoCompleteRef = useRef(null);
|
|
16
|
+
var autoCompleteForkedRef = useForkedRef(ref, autoCompleteRef);
|
|
17
|
+
var dropdownRef = useRef(null);
|
|
18
|
+
var togglerRef = useRef(null);
|
|
19
|
+
var inputRef = useRef(null);
|
|
20
|
+
var inputHintRef = useRef(null);
|
|
21
|
+
var uniqueId = useId();
|
|
22
|
+
var _o = usePopper(), initPopper = _o.initPopper, destroyPopper = _o.destroyPopper;
|
|
23
|
+
var _p = useState(visible), _visible = _p[0], setVisible = _p[1];
|
|
24
|
+
var _q = useState(), hint = _q[0], setHint = _q[1];
|
|
25
|
+
var _r = useState(''), searchValue = _r[0], setSearchValue = _r[1];
|
|
26
|
+
var _s = useState(null), selected = _s[0], setSelected = _s[1];
|
|
27
|
+
var filteredOptions = useMemo(function () { return (isExternalSearch(search) ? options : filterOptions(options, searchValue)); }, [options, searchValue, search]);
|
|
28
|
+
var popperConfig = useMemo(function () { return ({
|
|
29
|
+
placement: (isRTL(autoCompleteRef.current) ? 'bottom-end' : 'bottom-start'),
|
|
30
|
+
modifiers: [
|
|
31
|
+
{
|
|
32
|
+
name: 'preventOverflow',
|
|
33
|
+
options: {
|
|
34
|
+
boundary: 'clippingParents',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: 'offset',
|
|
39
|
+
options: {
|
|
40
|
+
offset: [0, 2],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
],
|
|
44
|
+
}); }, [autoCompleteRef.current]);
|
|
45
|
+
useEffect(function () {
|
|
46
|
+
if (resetSelectionOnOptionsChange) {
|
|
47
|
+
handleClear();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (value && typeof value === 'string') {
|
|
51
|
+
handleSelect(value);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (value && typeof value === 'number') {
|
|
55
|
+
var foundOption = getFirstOptionByValue(value, options);
|
|
56
|
+
if (foundOption) {
|
|
57
|
+
handleSelect(foundOption);
|
|
58
|
+
}
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
var _selected = flattenOptionsArray(filteredOptions).find(function (option) { return typeof option !== 'string' && option.selected === true; });
|
|
62
|
+
if (_selected) {
|
|
63
|
+
handleSelect(_selected);
|
|
64
|
+
}
|
|
65
|
+
}, [options, value]);
|
|
66
|
+
useEffect(function () {
|
|
67
|
+
if (inputHintRef.current && showHints) {
|
|
68
|
+
inputHintRef.current.value = hint
|
|
69
|
+
? "".concat(searchValue).concat(getOptionLabel(hint).slice(searchValue.length))
|
|
70
|
+
: '';
|
|
71
|
+
}
|
|
72
|
+
}, [hint, searchValue]);
|
|
73
|
+
useEffect(function () {
|
|
74
|
+
if (visible) {
|
|
75
|
+
handleDropdownShow();
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
handleDropdownHide();
|
|
79
|
+
}
|
|
80
|
+
}, [visible]);
|
|
81
|
+
var handleKeyUp = useCallback(function (event) {
|
|
82
|
+
if (event.key === 'Escape') {
|
|
83
|
+
handleDropdownHide();
|
|
84
|
+
}
|
|
85
|
+
if (autoCompleteRef.current &&
|
|
86
|
+
!autoCompleteRef.current.contains(event.target)) {
|
|
87
|
+
handleDropdownHide();
|
|
88
|
+
}
|
|
89
|
+
}, []);
|
|
90
|
+
var handleMouseUp = useCallback(function (event) {
|
|
91
|
+
if (autoCompleteRef.current &&
|
|
92
|
+
autoCompleteRef.current.contains(event.target)) {
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
handleDropdownHide();
|
|
96
|
+
}, []);
|
|
97
|
+
var handleSearch = function (search) {
|
|
98
|
+
onInput === null || onInput === void 0 ? void 0 : onInput(search);
|
|
99
|
+
setSearchValue(search);
|
|
100
|
+
};
|
|
101
|
+
var handleInputChange = function (event) {
|
|
102
|
+
var value = event.target.value;
|
|
103
|
+
handleSearch(value);
|
|
104
|
+
if (selected !== null) {
|
|
105
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(null);
|
|
106
|
+
setSelected(null);
|
|
107
|
+
}
|
|
108
|
+
var filteredOptionsInternal = filterOptions(options, value);
|
|
109
|
+
if (!searchNoResultsLabel && value !== '' && filteredOptionsInternal.length === 0) {
|
|
110
|
+
if (_visible) {
|
|
111
|
+
handleDropdownHide();
|
|
112
|
+
}
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
handleDropdownShow(filteredOptionsInternal);
|
|
116
|
+
if (showHints) {
|
|
117
|
+
var findOption = value.length > 0
|
|
118
|
+
? filteredOptionsInternal.find(function (option) {
|
|
119
|
+
return getOptionLabel(option).toLowerCase().startsWith(value.toLowerCase());
|
|
120
|
+
})
|
|
121
|
+
: undefined;
|
|
122
|
+
setHint(findOption);
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
var handleInputKeyDown = function (event) {
|
|
126
|
+
var _a, _b, _c, _d;
|
|
127
|
+
if (event.key === 'Escape') {
|
|
128
|
+
handleDropdownHide();
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
if ((event.key === 'Down' || event.key === 'ArrowDown') &&
|
|
132
|
+
((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length) === ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionStart)) {
|
|
133
|
+
event.preventDefault();
|
|
134
|
+
handleDropdownShow();
|
|
135
|
+
var target = event.target;
|
|
136
|
+
var firstOption = (_d = (_c = target.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.querySelectorAll('.autocomplete-option')[0];
|
|
137
|
+
if (firstOption) {
|
|
138
|
+
firstOption.focus();
|
|
139
|
+
}
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
if (showHints && hint && event.key === 'Tab') {
|
|
143
|
+
event.preventDefault();
|
|
144
|
+
handleSelect(hint);
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
if (event.key === 'Enter') {
|
|
148
|
+
var input = event.target;
|
|
149
|
+
var foundOptions = getFirstOptionByLabel(input.value, filteredOptions);
|
|
150
|
+
if (foundOptions) {
|
|
151
|
+
handleSelect(foundOptions);
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
if (!allowOnlyDefinedOptions) {
|
|
155
|
+
handleSelect(input.value);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
handleDropdownHide();
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
if (event.key === 'Backspace' || event.key === 'Delete') {
|
|
162
|
+
if (selected !== null) {
|
|
163
|
+
setSelected(null);
|
|
164
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(null);
|
|
165
|
+
}
|
|
166
|
+
return;
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
var handleClear = function () {
|
|
170
|
+
if (inputRef.current) {
|
|
171
|
+
inputRef.current.value = '';
|
|
172
|
+
}
|
|
173
|
+
setSearchValue('');
|
|
174
|
+
setSelected(null);
|
|
175
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(null);
|
|
176
|
+
};
|
|
177
|
+
var handleDropdownShow = useCallback(function (filtered) {
|
|
178
|
+
var _a;
|
|
179
|
+
if (filtered === void 0) { filtered = filteredOptions; }
|
|
180
|
+
if (disabled || readOnly || _visible) {
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
if (filtered.length === 0 && searchNoResultsLabel === false) {
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
if (filtered.length === 0 && allowOnlyDefinedOptions === false) {
|
|
187
|
+
return;
|
|
188
|
+
}
|
|
189
|
+
setVisible(true);
|
|
190
|
+
onShow === null || onShow === void 0 ? void 0 : onShow();
|
|
191
|
+
window.addEventListener('mouseup', handleMouseUp);
|
|
192
|
+
window.addEventListener('keyup', handleKeyUp);
|
|
193
|
+
if (togglerRef.current && dropdownRef.current) {
|
|
194
|
+
initPopper(togglerRef.current, dropdownRef.current, popperConfig);
|
|
195
|
+
}
|
|
196
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
197
|
+
}, [
|
|
198
|
+
disabled,
|
|
199
|
+
readOnly,
|
|
200
|
+
_visible,
|
|
201
|
+
filteredOptions.length,
|
|
202
|
+
searchNoResultsLabel,
|
|
203
|
+
allowOnlyDefinedOptions,
|
|
204
|
+
onShow,
|
|
205
|
+
handleMouseUp,
|
|
206
|
+
handleKeyUp,
|
|
207
|
+
initPopper,
|
|
208
|
+
popperConfig,
|
|
209
|
+
]);
|
|
210
|
+
var handleDropdownHide = useCallback(function () {
|
|
211
|
+
var _a;
|
|
212
|
+
setVisible(false);
|
|
213
|
+
onHide === null || onHide === void 0 ? void 0 : onHide();
|
|
214
|
+
window.removeEventListener('mouseup', handleMouseUp);
|
|
215
|
+
window.removeEventListener('keyup', handleKeyUp);
|
|
216
|
+
destroyPopper();
|
|
217
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
218
|
+
}, [onHide, handleMouseUp, handleKeyUp, destroyPopper]);
|
|
219
|
+
var handleGlobalSearch = function (event) {
|
|
220
|
+
if (isGlobalSearch(search) &&
|
|
221
|
+
inputRef.current &&
|
|
222
|
+
(event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete')) {
|
|
223
|
+
inputRef.current.focus();
|
|
224
|
+
}
|
|
225
|
+
};
|
|
226
|
+
var handleOptionClick = function (option) {
|
|
227
|
+
handleSelect(option);
|
|
228
|
+
};
|
|
229
|
+
var handleSelect = function (option) {
|
|
230
|
+
if (option && typeof option === 'object' && option.disabled) {
|
|
231
|
+
return;
|
|
232
|
+
}
|
|
233
|
+
if (inputRef.current) {
|
|
234
|
+
inputRef.current.value = option ? getOptionLabel(option) : '';
|
|
235
|
+
}
|
|
236
|
+
if (clearSearchOnSelect) {
|
|
237
|
+
handleSearch('');
|
|
238
|
+
}
|
|
239
|
+
setSelected(option !== null && option !== void 0 ? option : null);
|
|
240
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(option !== null && option !== void 0 ? option : null);
|
|
241
|
+
handleDropdownHide();
|
|
242
|
+
};
|
|
243
|
+
return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, id: id || "autocomplete-".concat(uniqueId), invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
|
|
244
|
+
React.createElement("div", { className: classNames('autocomplete', (_b = {},
|
|
245
|
+
_b["autocomplete-".concat(size)] = size,
|
|
246
|
+
_b.disabled = disabled,
|
|
247
|
+
_b['is-invalid'] = invalid,
|
|
248
|
+
_b['is-valid'] = valid,
|
|
249
|
+
_b.show = _visible,
|
|
250
|
+
_b), className), onKeyDown: handleGlobalSearch, ref: autoCompleteForkedRef },
|
|
251
|
+
React.createElement("div", { className: "autocomplete-input-group", onClick: function () { return handleDropdownShow(); }, ref: togglerRef },
|
|
252
|
+
showHints && searchValue !== '' && (React.createElement("input", { className: "autocomplete-input autocomplete-input-hint", autoComplete: "off", readOnly: true, tabIndex: -1, "aria-hidden": "true", ref: inputHintRef })),
|
|
253
|
+
React.createElement("input", { type: "text", className: "autocomplete-input", disabled: disabled, id: id || "autocomplete-".concat(uniqueId), name: name || "autocomplete-".concat(uniqueId), onBlur: function (event) {
|
|
254
|
+
event.preventDefault();
|
|
255
|
+
event.stopPropagation();
|
|
256
|
+
if (allowOnlyDefinedOptions && selected === null && filteredOptions.length === 0) {
|
|
257
|
+
handleClear();
|
|
258
|
+
}
|
|
259
|
+
}, onChange: handleInputChange, onKeyDown: handleInputKeyDown, placeholder: placeholder, autoComplete: "off", required: required, "aria-autocomplete": "list", "aria-expanded": _visible, "aria-haspopup": "listbox", readOnly: readOnly, role: "combobox", ref: inputRef }),
|
|
260
|
+
(cleaner || indicator) && (React.createElement("div", { className: "autocomplete-buttons" },
|
|
261
|
+
!disabled && !readOnly && cleaner && selected && (React.createElement("button", { type: "button", className: "autocomplete-cleaner", onClick: function (event) {
|
|
262
|
+
event.preventDefault();
|
|
263
|
+
event.stopPropagation();
|
|
264
|
+
handleClear();
|
|
265
|
+
} })),
|
|
266
|
+
React.createElement("button", { type: "button", className: "autocomplete-indicator", disabled: !(searchNoResultsLabel || filteredOptions.length > 0), onClick: function (event) {
|
|
267
|
+
event.preventDefault();
|
|
268
|
+
event.stopPropagation();
|
|
269
|
+
if (_visible) {
|
|
270
|
+
handleDropdownHide();
|
|
271
|
+
}
|
|
272
|
+
else {
|
|
273
|
+
handleDropdownShow();
|
|
274
|
+
}
|
|
275
|
+
} })))),
|
|
276
|
+
React.createElement("div", { className: "autocomplete-dropdown", role: "listbox", "aria-labelledby": id || "autocomplete-".concat(uniqueId), ref: dropdownRef },
|
|
277
|
+
React.createElement(CAutocompleteOptions, { highlightOptionsOnSearch: highlightOptionsOnSearch, loading: loading, onOptionClick: function (option) {
|
|
278
|
+
return !disabled && !readOnly && handleOptionClick(option);
|
|
279
|
+
}, options: filteredOptions, optionsMaxHeight: optionsMaxHeight, optionsTemplate: optionsTemplate, optionsGroupsTemplate: optionsGroupsTemplate, searchNoResultsLabel: searchNoResultsLabel, searchValue: searchValue, selected: selected, virtualScroller: virtualScroller, visibleItems: visibleItems })))));
|
|
280
|
+
});
|
|
281
|
+
CAutocomplete.propTypes = __assign({ allowOnlyDefinedOptions: PropTypes.bool, className: PropTypes.string, clearSearchOnSelect: PropTypes.bool, cleaner: PropTypes.bool, disabled: PropTypes.bool, highlightOptionsOnSearch: PropTypes.bool, indicator: PropTypes.bool, loading: PropTypes.bool, name: PropTypes.string, onChange: PropTypes.func, onHide: PropTypes.func, onInput: PropTypes.func, onShow: PropTypes.func, options: PropTypes.array.isRequired, optionsMaxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), optionsTemplate: PropTypes.func, optionsGroupsTemplate: PropTypes.func, placeholder: PropTypes.string, required: PropTypes.bool, resetSelectionOnOptionsChange: PropTypes.bool, search: PropTypes.oneOfType([
|
|
282
|
+
PropTypes.oneOf(['external', 'global']),
|
|
283
|
+
PropTypes.shape({
|
|
284
|
+
external: PropTypes.bool.isRequired,
|
|
285
|
+
global: PropTypes.bool.isRequired,
|
|
286
|
+
}),
|
|
287
|
+
]), searchNoResultsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), showHints: PropTypes.bool, size: PropTypes.oneOf(['sm', 'lg']), value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), virtualScroller: PropTypes.bool, visible: PropTypes.bool, visibleItems: PropTypes.number }, CFormControlWrapper.propTypes);
|
|
288
|
+
CAutocomplete.displayName = 'CAutocomplete';
|
|
289
|
+
|
|
290
|
+
export { CAutocomplete };
|
|
291
|
+
//# sourceMappingURL=CAutocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CAutocomplete.js","sources":["../../../../src/components/autocomplete/CAutocomplete.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import type { Option, OptionsGroup } from './types';
|
|
3
|
+
export interface CAutocompleteOptionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
highlightOptionsOnSearch?: boolean;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
onOptionClick?: (option: Option) => void;
|
|
7
|
+
options: (Option | OptionsGroup)[];
|
|
8
|
+
optionsMaxHeight?: number | string;
|
|
9
|
+
optionsTemplate?: (option: Option) => ReactNode;
|
|
10
|
+
optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode;
|
|
11
|
+
searchNoResultsLabel?: boolean | string | ReactNode;
|
|
12
|
+
searchValue?: string;
|
|
13
|
+
selected: Option | null;
|
|
14
|
+
virtualScroller?: boolean;
|
|
15
|
+
visibleItems?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare const CAutocompleteOptions: React.ForwardRefExoticComponent<CAutocompleteOptionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classNames from '../../_virtual/index.js';
|
|
5
|
+
import { CElementCover } from '../element-cover/CElementCover.js';
|
|
6
|
+
import { CVirtualScroller } from '../virtual-scroller/CVirtualScroller.js';
|
|
7
|
+
import { getNextSibling } from '../../utils/getNextSibling.js';
|
|
8
|
+
import getPreviousSibling from '../../utils/getPreviousSibling.js';
|
|
9
|
+
import { isOptionSelected, isOptionDisabled, getOptionLabel, highlightSubstring } from './utils.js';
|
|
10
|
+
|
|
11
|
+
var CAutocompleteOptions = forwardRef(function (_a, ref) {
|
|
12
|
+
var highlightOptionsOnSearch = _a.highlightOptionsOnSearch, loading = _a.loading, onOptionClick = _a.onOptionClick, options = _a.options, optionsMaxHeight = _a.optionsMaxHeight, optionsTemplate = _a.optionsTemplate, optionsGroupsTemplate = _a.optionsGroupsTemplate, searchNoResultsLabel = _a.searchNoResultsLabel, searchValue = _a.searchValue, selected = _a.selected, virtualScroller = _a.virtualScroller, _b = _a.visibleItems, visibleItems = _b === void 0 ? 10 : _b;
|
|
13
|
+
var handleKeyDown = function (event, option) {
|
|
14
|
+
if (event.code === 'Space' || event.key === 'Enter') {
|
|
15
|
+
event.preventDefault();
|
|
16
|
+
onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(option);
|
|
17
|
+
}
|
|
18
|
+
if (event.key === 'Down' || event.key === 'ArrowDown') {
|
|
19
|
+
event.preventDefault();
|
|
20
|
+
var target = event.target;
|
|
21
|
+
var next = getNextSibling(target, '.autocomplete-option:not(.disabled):not(:disabled)');
|
|
22
|
+
if (next) {
|
|
23
|
+
next.focus();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
if (event.key === 'Up' || event.key === 'ArrowUp') {
|
|
27
|
+
event.preventDefault();
|
|
28
|
+
var target = event.target;
|
|
29
|
+
var prev = getPreviousSibling(target, '.autocomplete-option:not(.disabled):not(:disabled)');
|
|
30
|
+
if (prev) {
|
|
31
|
+
prev.focus();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
var createOption = function (option, index) { return (React.createElement("div", { className: classNames('autocomplete-option', {
|
|
36
|
+
disabled: isOptionDisabled(option),
|
|
37
|
+
selected: isOptionSelected(option, selected),
|
|
38
|
+
}), key: index, onClick: function () { return onOptionClick && onOptionClick(option); }, onKeyDown: function (event) { return handleKeyDown(event, option); }, tabIndex: 0 }, optionsTemplate ? (optionsTemplate(option)) : highlightOptionsOnSearch ? (React.createElement("div", { dangerouslySetInnerHTML: {
|
|
39
|
+
__html: highlightSubstring(getOptionLabel(option), searchValue),
|
|
40
|
+
} })) : (getOptionLabel(option)))); };
|
|
41
|
+
var createOptions = function (options) {
|
|
42
|
+
return options.length > 0 ? (options.map(function (option, index) {
|
|
43
|
+
return typeof option !== 'string' && 'options' in option ? (React.createElement(React.Fragment, { key: index },
|
|
44
|
+
React.createElement("div", { className: "autocomplete-optgroup-label" }, optionsGroupsTemplate
|
|
45
|
+
? optionsGroupsTemplate(option)
|
|
46
|
+
: option.label),
|
|
47
|
+
option.options.map(function (option, index) { return createOption(option, index); }))) : (createOption(option, index));
|
|
48
|
+
})) : (React.createElement("div", { className: "autocomplete-options-empty" }, searchNoResultsLabel));
|
|
49
|
+
};
|
|
50
|
+
return (React.createElement(React.Fragment, null,
|
|
51
|
+
virtualScroller ? (React.createElement(CVirtualScroller, { className: "autocomplete-options", visibleItems: visibleItems, role: "listbox", ref: ref }, createOptions(options))) : (React.createElement("div", __assign({ className: "autocomplete-options" }, (optionsMaxHeight !== 'auto' && {
|
|
52
|
+
style: { maxHeight: optionsMaxHeight, overflow: 'scroll' },
|
|
53
|
+
}), { role: "listbox", ref: ref }), createOptions(options))),
|
|
54
|
+
loading && React.createElement(CElementCover, null)));
|
|
55
|
+
});
|
|
56
|
+
CAutocompleteOptions.propTypes = {
|
|
57
|
+
loading: PropTypes.bool,
|
|
58
|
+
onOptionClick: PropTypes.func,
|
|
59
|
+
options: PropTypes.array.isRequired,
|
|
60
|
+
optionsMaxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
61
|
+
optionsTemplate: PropTypes.func,
|
|
62
|
+
optionsGroupsTemplate: PropTypes.func,
|
|
63
|
+
searchNoResultsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
64
|
+
virtualScroller: PropTypes.bool,
|
|
65
|
+
visibleItems: PropTypes.number,
|
|
66
|
+
};
|
|
67
|
+
CAutocompleteOptions.displayName = 'CAutocompleteOptions';
|
|
68
|
+
|
|
69
|
+
export { CAutocompleteOptions };
|
|
70
|
+
//# sourceMappingURL=CAutocompleteOptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CAutocompleteOptions.js","sources":["../../../../src/components/autocomplete/CAutocompleteOptions.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type Option = string | {
|
|
2
|
+
disabled?: boolean;
|
|
3
|
+
label: string;
|
|
4
|
+
options?: Option[];
|
|
5
|
+
custom?: boolean;
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
value?: number | string;
|
|
8
|
+
[key: string]: unknown;
|
|
9
|
+
};
|
|
10
|
+
export type OptionsGroup = {
|
|
11
|
+
label: string;
|
|
12
|
+
options?: Option[];
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
};
|
|
15
|
+
export type Search = 'external' | 'global' | {
|
|
16
|
+
external?: boolean;
|
|
17
|
+
global?: boolean;
|
|
18
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Option, OptionsGroup, Search } from './types';
|
|
2
|
+
export declare const filterOptions: (options: (Option | OptionsGroup)[], search: string) => (Option | OptionsGroup)[];
|
|
3
|
+
export declare const flattenOptionsArray: (options: (Option | OptionsGroup)[]) => (Option | OptionsGroup)[];
|
|
4
|
+
export declare const isExternalSearch: (search: Search | undefined) => boolean;
|
|
5
|
+
export declare const isGlobalSearch: (search: Search | undefined) => boolean;
|
|
6
|
+
export declare const getOptionLabel: (option: Option) => string;
|
|
7
|
+
export declare const highlightSubstring: (string: string, query?: string) => string;
|
|
8
|
+
export declare const isOptionDisabled: (option: Option | OptionsGroup | string) => unknown;
|
|
9
|
+
export declare const isOptionSelected: (option: Option | OptionsGroup | string, selected: Option | null) => boolean;
|
|
10
|
+
export declare const getFirstOptionByLabel: (value: string, options: (Option | OptionsGroup)[]) => Option | null;
|
|
11
|
+
export declare const getFirstOptionByValue: (value: number, options: (Option | OptionsGroup)[]) => Option | null;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
|
|
3
|
+
var filterOptions = function (options, search) {
|
|
4
|
+
var result = [];
|
|
5
|
+
options.forEach(function (item) {
|
|
6
|
+
if (typeof item !== 'string' && 'options' in item && Array.isArray(item.options)) {
|
|
7
|
+
var filteredOptions = filterOptions(item.options, search);
|
|
8
|
+
if (filteredOptions.length > 0) {
|
|
9
|
+
result.push(__assign(__assign({}, item), { options: filteredOptions }));
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
else if (getOptionLabel(item).toLowerCase().includes(search.toLowerCase())) {
|
|
13
|
+
result.push(item);
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
return result;
|
|
17
|
+
};
|
|
18
|
+
var flattenOptionsArray = function (options) {
|
|
19
|
+
var optionsList = [];
|
|
20
|
+
for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
|
|
21
|
+
var option = options_1[_i];
|
|
22
|
+
if (typeof option !== 'string' && 'options' in option && Array.isArray(option.options)) {
|
|
23
|
+
optionsList.push.apply(optionsList, option.options);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
optionsList.push(option);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return optionsList;
|
|
30
|
+
};
|
|
31
|
+
var isExternalSearch = function (search) {
|
|
32
|
+
return ((typeof search === 'string' && search === 'external') ||
|
|
33
|
+
(typeof search === 'object' && search.external === true));
|
|
34
|
+
};
|
|
35
|
+
var isGlobalSearch = function (search) {
|
|
36
|
+
return ((typeof search === 'string' && search === 'global') ||
|
|
37
|
+
(typeof search === 'object' && search.global === true));
|
|
38
|
+
};
|
|
39
|
+
var getOptionLabel = function (option) {
|
|
40
|
+
return typeof option === 'string' ? option : option.label;
|
|
41
|
+
};
|
|
42
|
+
var highlightSubstring = function (string, query) {
|
|
43
|
+
if (query) {
|
|
44
|
+
var regex = new RegExp(query, 'gi');
|
|
45
|
+
return string.replace(regex, function (string) { return "<strong>".concat(string, "</strong>"); });
|
|
46
|
+
}
|
|
47
|
+
return string;
|
|
48
|
+
};
|
|
49
|
+
var isOptionDisabled = function (option) {
|
|
50
|
+
return typeof option === 'string' ? false : option.disabled;
|
|
51
|
+
};
|
|
52
|
+
var isOptionSelected = function (option, selected) {
|
|
53
|
+
if (!selected) {
|
|
54
|
+
return false;
|
|
55
|
+
}
|
|
56
|
+
if (typeof option === 'string' && typeof selected === 'string') {
|
|
57
|
+
return selected === option;
|
|
58
|
+
}
|
|
59
|
+
if (typeof option !== 'string' && typeof selected !== 'string') {
|
|
60
|
+
return selected.label === option.label;
|
|
61
|
+
}
|
|
62
|
+
return false;
|
|
63
|
+
};
|
|
64
|
+
var getFirstOptionByLabel = function (value, options) {
|
|
65
|
+
for (var _i = 0, options_2 = options; _i < options_2.length; _i++) {
|
|
66
|
+
var option = options_2[_i];
|
|
67
|
+
if (typeof option !== 'string' && 'options' in option && Array.isArray(option.options)) {
|
|
68
|
+
var found = getFirstOptionByLabel(value, option.options);
|
|
69
|
+
if (found) {
|
|
70
|
+
return found;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
if (getOptionLabel(option).toLowerCase() === value.toLowerCase()) {
|
|
74
|
+
return option;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
return null;
|
|
78
|
+
};
|
|
79
|
+
var getFirstOptionByValue = function (value, options) {
|
|
80
|
+
for (var _i = 0, options_3 = options; _i < options_3.length; _i++) {
|
|
81
|
+
var option = options_3[_i];
|
|
82
|
+
if (typeof option !== 'string' && 'options' in option && Array.isArray(option.options)) {
|
|
83
|
+
var found = getFirstOptionByValue(value, option.options);
|
|
84
|
+
if (found) {
|
|
85
|
+
return found;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
if (typeof option !== 'string' && 'value' in option && option.value === value) {
|
|
89
|
+
return option;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return null;
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
export { filterOptions, flattenOptionsArray, getFirstOptionByLabel, getFirstOptionByValue, getOptionLabel, highlightSubstring, isExternalSearch, isGlobalSearch, isOptionDisabled, isOptionSelected };
|
|
96
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/autocomplete/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import React, { forwardRef, useState, useEffect } from 'react';
|
|
3
3
|
import classNames from '../../_virtual/index.js';
|
|
4
|
-
import { createGroupsInArray, getMonthsNames, getMonthDetails, getYears,
|
|
4
|
+
import { createGroupsInArray, getMonthsNames, getMonthDetails, getYears, isDateDisabled, isDateSelected, isDateInRange, isToday, isMonthDisabled, isMonthSelected, isMonthInRange, isYearDisabled, isYearSelected, isYearInRange } from './utils.js';
|
|
5
5
|
|
|
6
6
|
var CCalendarPanel = forwardRef(function (_a, ref) {
|
|
7
7
|
var calendarDate = _a.calendarDate, dayFormat = _a.dayFormat, disabledDates = _a.disabledDates, endDate = _a.endDate, firstDayOfWeek = _a.firstDayOfWeek, hoverDate = _a.hoverDate, locale = _a.locale, maxDate = _a.maxDate, minDate = _a.minDate, onCalendarClick = _a.onCalendarClick, onCalendarKeyDown = _a.onCalendarKeyDown, onCalendarMouseEnter = _a.onCalendarMouseEnter, onCalendarMouseLeave = _a.onCalendarMouseLeave, selectAdjacementDays = _a.selectAdjacementDays, selectEndDate = _a.selectEndDate, selectionType = _a.selectionType, showWeekNumber = _a.showWeekNumber, showAdjacementDays = _a.showAdjacementDays, startDate = _a.startDate, view = _a.view, weekdayFormat = _a.weekdayFormat, weekNumbersLabel = _a.weekNumbersLabel;
|
|
@@ -30,13 +30,12 @@ var CCalendarPanel = forwardRef(function (_a, ref) {
|
|
|
30
30
|
})))),
|
|
31
31
|
React.createElement("tbody", null,
|
|
32
32
|
view === 'days' &&
|
|
33
|
-
monthDetails.map(function (
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
: "".concat(calendarDate.getFullYear(), "W").concat(week.weekNumber), selectionType);
|
|
33
|
+
monthDetails.map(function (_a, index) {
|
|
34
|
+
var week = _a.week, days = _a.days;
|
|
35
|
+
var date = days[0].date;
|
|
37
36
|
var isDisabled = isDateDisabled(date, minDate, maxDate, disabledDates);
|
|
38
37
|
var isSelected = isDateSelected(date, startDate, endDate);
|
|
39
|
-
var current =
|
|
38
|
+
var current = days.some(function (day) { return day.month === 'current'; });
|
|
40
39
|
return (React.createElement("tr", __assign({ className: classNames('calendar-row', {
|
|
41
40
|
disabled: isDisabled,
|
|
42
41
|
range: selectionType === 'week' && isDateInRange(date, startDate, endDate),
|
|
@@ -53,8 +52,8 @@ var CCalendarPanel = forwardRef(function (_a, ref) {
|
|
|
53
52
|
onMouseEnter: function () { return onCalendarMouseEnter(date); },
|
|
54
53
|
onMouseLeave: function () { return onCalendarMouseLeave(); },
|
|
55
54
|
})),
|
|
56
|
-
showWeekNumber &&
|
|
57
|
-
|
|
55
|
+
showWeekNumber && React.createElement("th", { className: "calendar-cell-week-number" }, week.number),
|
|
56
|
+
days.map(function (_a, idx) {
|
|
58
57
|
var _b;
|
|
59
58
|
var date = _a.date, month = _a.month;
|
|
60
59
|
var isDisabled = isDateDisabled(date, minDate, maxDate, disabledDates);
|