@coreui/react-pro 5.23.5 → 5.24.1
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.js +19 -7
- package/dist/cjs/components/autocomplete/CAutocomplete.js.map +1 -1
- package/dist/cjs/components/autocomplete/CAutocompleteOptions.js +9 -6
- package/dist/cjs/components/autocomplete/CAutocompleteOptions.js.map +1 -1
- package/dist/cjs/components/calendar/CCalendar.d.ts +58 -2
- package/dist/cjs/components/calendar/CCalendar.js +20 -9
- package/dist/cjs/components/calendar/CCalendar.js.map +1 -1
- package/dist/cjs/components/calendar/CCalendarPanel.d.ts +25 -1
- package/dist/cjs/components/calendar/CCalendarPanel.js +55 -7
- package/dist/cjs/components/calendar/CCalendarPanel.js.map +1 -1
- package/dist/cjs/components/calendar/types.d.ts +2 -2
- package/dist/cjs/components/calendar/utils.d.ts +28 -3
- package/dist/cjs/components/calendar/utils.js +122 -5
- package/dist/cjs/components/calendar/utils.js.map +1 -1
- package/dist/cjs/components/chip/CChip.d.ts +76 -0
- package/dist/cjs/components/chip/CChip.js +178 -0
- package/dist/cjs/components/chip/CChip.js.map +1 -0
- package/dist/cjs/components/chip/index.d.ts +2 -0
- package/dist/cjs/components/form/CChipInput.d.ts +92 -0
- package/dist/cjs/components/form/CChipInput.js +253 -0
- package/dist/cjs/components/form/CChipInput.js.map +1 -0
- package/dist/cjs/components/form/index.d.ts +2 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/multi-select/CMultiSelectOptions.js +1 -1
- package/dist/cjs/components/multi-select/CMultiSelectOptions.js.map +1 -1
- package/dist/cjs/components/smart-table/CSmartTable.js +1 -0
- package/dist/cjs/components/smart-table/CSmartTable.js.map +1 -1
- package/dist/cjs/components/smart-table/CSmartTableBody.js +1 -0
- package/dist/cjs/components/smart-table/CSmartTableBody.js.map +1 -1
- package/dist/cjs/components/smart-table/CSmartTableHead.js +1 -0
- package/dist/cjs/components/smart-table/CSmartTableHead.js.map +1 -1
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/autocomplete/CAutocomplete.js +20 -8
- package/dist/esm/components/autocomplete/CAutocomplete.js.map +1 -1
- package/dist/esm/components/autocomplete/CAutocompleteOptions.js +10 -7
- package/dist/esm/components/autocomplete/CAutocompleteOptions.js.map +1 -1
- package/dist/esm/components/calendar/CCalendar.d.ts +58 -2
- package/dist/esm/components/calendar/CCalendar.js +20 -9
- package/dist/esm/components/calendar/CCalendar.js.map +1 -1
- package/dist/esm/components/calendar/CCalendarPanel.d.ts +25 -1
- package/dist/esm/components/calendar/CCalendarPanel.js +56 -8
- package/dist/esm/components/calendar/CCalendarPanel.js.map +1 -1
- package/dist/esm/components/calendar/types.d.ts +2 -2
- package/dist/esm/components/calendar/utils.d.ts +28 -3
- package/dist/esm/components/calendar/utils.js +120 -6
- package/dist/esm/components/calendar/utils.js.map +1 -1
- package/dist/esm/components/chip/CChip.d.ts +76 -0
- package/dist/esm/components/chip/CChip.js +176 -0
- package/dist/esm/components/chip/CChip.js.map +1 -0
- package/dist/esm/components/chip/index.d.ts +2 -0
- package/dist/esm/components/form/CChipInput.d.ts +92 -0
- package/dist/esm/components/form/CChipInput.js +251 -0
- package/dist/esm/components/form/CChipInput.js.map +1 -0
- package/dist/esm/components/form/index.d.ts +2 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/multi-select/CMultiSelectOptions.js +1 -1
- package/dist/esm/components/smart-table/CSmartTable.js +1 -0
- package/dist/esm/components/smart-table/CSmartTable.js.map +1 -1
- package/dist/esm/components/smart-table/CSmartTableBody.js +1 -0
- package/dist/esm/components/smart-table/CSmartTableBody.js.map +1 -1
- package/dist/esm/components/smart-table/CSmartTableHead.js +1 -0
- package/dist/esm/components/smart-table/CSmartTableHead.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +6 -6
- package/src/components/autocomplete/CAutocomplete.tsx +29 -8
- package/src/components/autocomplete/CAutocompleteOptions.tsx +1 -1
- package/src/components/calendar/CCalendar.tsx +110 -10
- package/src/components/calendar/CCalendarPanel.tsx +119 -8
- package/src/components/calendar/types.ts +2 -2
- package/src/components/calendar/utils.ts +152 -6
- package/src/components/chip/CChip.tsx +372 -0
- package/src/components/chip/__tests__/CChip.spec.tsx +113 -0
- package/src/components/chip/__tests__/__snapshots__/CChip.spec.tsx.snap +65 -0
- package/src/components/chip/index.ts +3 -0
- package/src/components/form/CChipInput.tsx +477 -0
- package/src/components/form/__tests__/CChipInput.spec.tsx +62 -0
- package/src/components/form/__tests__/__snapshots__/CChipInput.spec.tsx.snap +91 -0
- package/src/components/form/index.ts +2 -0
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var PropTypes = require('prop-types');
|
|
6
|
+
var index = require('../../_virtual/index.js');
|
|
7
|
+
require('@popperjs/core');
|
|
8
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
9
|
+
var props = require('../../props.js');
|
|
10
|
+
|
|
11
|
+
const SELECTOR_FOCUSABLE_ITEMS = '[data-coreui-chip-focusable="true"]:not(.disabled)';
|
|
12
|
+
const CChip = React.forwardRef((_a, ref) => {
|
|
13
|
+
var { active, ariaRemoveLabel = 'Remove', children, as: Component = 'span', className, clickable, color, disabled, onClick, onDeselect, onKeyDown, onRemove, onSelect, onSelectedChange, removable, removeIcon, selectable, selected, size, tabIndex, variant } = _a, rest = tslib_es6.__rest(_a, ["active", "ariaRemoveLabel", "children", "as", "className", "clickable", "color", "disabled", "onClick", "onDeselect", "onKeyDown", "onRemove", "onSelect", "onSelectedChange", "removable", "removeIcon", "selectable", "selected", "size", "tabIndex", "variant"]);
|
|
14
|
+
const chipRef = React.useRef(null);
|
|
15
|
+
const forkedRef = useForkedRef.useForkedRef(ref, chipRef);
|
|
16
|
+
const isSelectedControlled = selected !== undefined;
|
|
17
|
+
const [_selected, setSelected] = React.useState(Boolean(selected));
|
|
18
|
+
const selectedState = isSelectedControlled ? Boolean(selected) : _selected;
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
if (isSelectedControlled) {
|
|
21
|
+
setSelected(Boolean(selected));
|
|
22
|
+
}
|
|
23
|
+
}, [isSelectedControlled, selected]);
|
|
24
|
+
const isFocusable = React.useMemo(() => Boolean(!disabled && (selectable || removable)), [disabled, selectable, removable]);
|
|
25
|
+
const getFocusableSibling = (shouldGetNext) => {
|
|
26
|
+
var _a;
|
|
27
|
+
const currentElement = chipRef.current;
|
|
28
|
+
if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.parentElement)) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
|
|
32
|
+
const index = chips.indexOf(currentElement);
|
|
33
|
+
if (index === -1 || chips.length <= 1) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
const targetIndex = shouldGetNext ? index + 1 : index - 1;
|
|
37
|
+
return (_a = chips[targetIndex]) !== null && _a !== void 0 ? _a : null;
|
|
38
|
+
};
|
|
39
|
+
const navigateToEdge = (targetIndex) => {
|
|
40
|
+
const currentElement = chipRef.current;
|
|
41
|
+
if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.parentElement)) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
|
|
45
|
+
const edgeChip = targetIndex === -1 ? chips[chips.length - 1] : chips[0];
|
|
46
|
+
edgeChip === null || edgeChip === void 0 ? void 0 : edgeChip.focus();
|
|
47
|
+
};
|
|
48
|
+
const setSelectableState = (nextSelected, event) => {
|
|
49
|
+
if (!selectable || disabled || nextSelected === selectedState) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
if (!isSelectedControlled) {
|
|
53
|
+
setSelected(nextSelected);
|
|
54
|
+
}
|
|
55
|
+
if (nextSelected) {
|
|
56
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
onDeselect === null || onDeselect === void 0 ? void 0 : onDeselect(event);
|
|
60
|
+
}
|
|
61
|
+
onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange(nextSelected, event);
|
|
62
|
+
};
|
|
63
|
+
const toggleSelectedState = (event) => {
|
|
64
|
+
setSelectableState(!selectedState, event);
|
|
65
|
+
};
|
|
66
|
+
const handleRemove = (event) => {
|
|
67
|
+
onRemove === null || onRemove === void 0 ? void 0 : onRemove(event);
|
|
68
|
+
};
|
|
69
|
+
const handleRemoveClick = (event) => {
|
|
70
|
+
event.stopPropagation();
|
|
71
|
+
handleRemove(event);
|
|
72
|
+
};
|
|
73
|
+
const handleClick = (event) => {
|
|
74
|
+
if (disabled) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
if (event.target.closest('.chip-remove')) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
if (selectable) {
|
|
81
|
+
toggleSelectedState(event);
|
|
82
|
+
}
|
|
83
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
84
|
+
};
|
|
85
|
+
const handleKeyDown = (event) => {
|
|
86
|
+
if (disabled) {
|
|
87
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
switch (event.key) {
|
|
91
|
+
case 'Enter':
|
|
92
|
+
case ' ':
|
|
93
|
+
case 'Spacebar': {
|
|
94
|
+
if (selectable) {
|
|
95
|
+
event.preventDefault();
|
|
96
|
+
toggleSelectedState(event);
|
|
97
|
+
}
|
|
98
|
+
break;
|
|
99
|
+
}
|
|
100
|
+
case 'Backspace':
|
|
101
|
+
case 'Delete': {
|
|
102
|
+
if (removable) {
|
|
103
|
+
event.preventDefault();
|
|
104
|
+
const sibling = getFocusableSibling(false) || getFocusableSibling(true);
|
|
105
|
+
sibling === null || sibling === void 0 ? void 0 : sibling.focus();
|
|
106
|
+
handleRemove(event);
|
|
107
|
+
}
|
|
108
|
+
break;
|
|
109
|
+
}
|
|
110
|
+
case 'ArrowLeft': {
|
|
111
|
+
event.preventDefault();
|
|
112
|
+
const sibling = getFocusableSibling(false);
|
|
113
|
+
sibling === null || sibling === void 0 ? void 0 : sibling.focus();
|
|
114
|
+
if (selectedState && event.shiftKey) {
|
|
115
|
+
sibling === null || sibling === void 0 ? void 0 : sibling.dispatchEvent(new CustomEvent('coreui-chip-select'));
|
|
116
|
+
}
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
case 'ArrowRight': {
|
|
120
|
+
event.preventDefault();
|
|
121
|
+
const sibling = getFocusableSibling(true);
|
|
122
|
+
sibling === null || sibling === void 0 ? void 0 : sibling.focus();
|
|
123
|
+
if (selectedState && event.shiftKey) {
|
|
124
|
+
sibling === null || sibling === void 0 ? void 0 : sibling.dispatchEvent(new CustomEvent('coreui-chip-select'));
|
|
125
|
+
}
|
|
126
|
+
break;
|
|
127
|
+
}
|
|
128
|
+
case 'Home': {
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
navigateToEdge(0);
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
|
+
case 'End': {
|
|
134
|
+
event.preventDefault();
|
|
135
|
+
navigateToEdge(-1);
|
|
136
|
+
break;
|
|
137
|
+
}
|
|
138
|
+
// No default
|
|
139
|
+
}
|
|
140
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
141
|
+
};
|
|
142
|
+
return (React.createElement(Component, Object.assign({ className: index.default('chip', {
|
|
143
|
+
active: selectable ? selectedState : active,
|
|
144
|
+
disabled,
|
|
145
|
+
[`chip-${color}`]: color,
|
|
146
|
+
[`chip-${size}`]: size,
|
|
147
|
+
'chip-clickable': clickable || selectable || Boolean(onClick),
|
|
148
|
+
'chip-outline': variant === 'outline',
|
|
149
|
+
}, className), "data-coreui-chip-focusable": isFocusable || undefined }, (disabled && { 'aria-disabled': true }), (selectable && { 'aria-selected': selectedState }), (isFocusable && tabIndex === undefined && { tabIndex: 0 }), { onClick: handleClick, onKeyDown: handleKeyDown }, (Component === 'button' && { disabled }), rest, { ref: forkedRef }),
|
|
150
|
+
children,
|
|
151
|
+
removable && (React.createElement("button", { type: "button", className: "chip-remove", "aria-label": ariaRemoveLabel, onClick: handleRemoveClick, tabIndex: -1, disabled: disabled }, removeIcon !== null && removeIcon !== void 0 ? removeIcon : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" },
|
|
152
|
+
React.createElement("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
|
|
153
|
+
React.createElement("line", { x1: "12", y1: "4", x2: "4", y2: "12" })))))));
|
|
154
|
+
});
|
|
155
|
+
CChip.propTypes = {
|
|
156
|
+
active: PropTypes.bool,
|
|
157
|
+
ariaRemoveLabel: PropTypes.string,
|
|
158
|
+
as: PropTypes.elementType,
|
|
159
|
+
children: PropTypes.node,
|
|
160
|
+
className: PropTypes.string,
|
|
161
|
+
clickable: PropTypes.bool,
|
|
162
|
+
color: props.colorPropType,
|
|
163
|
+
disabled: PropTypes.bool,
|
|
164
|
+
onDeselect: PropTypes.func,
|
|
165
|
+
onRemove: PropTypes.func,
|
|
166
|
+
onSelect: PropTypes.func,
|
|
167
|
+
onSelectedChange: PropTypes.func,
|
|
168
|
+
removable: PropTypes.bool,
|
|
169
|
+
removeIcon: PropTypes.node,
|
|
170
|
+
selectable: PropTypes.bool,
|
|
171
|
+
selected: PropTypes.bool,
|
|
172
|
+
size: PropTypes.oneOf(['sm', 'lg']),
|
|
173
|
+
variant: PropTypes.oneOf(['outline']),
|
|
174
|
+
};
|
|
175
|
+
CChip.displayName = 'CChip';
|
|
176
|
+
|
|
177
|
+
exports.CChip = CChip;
|
|
178
|
+
//# sourceMappingURL=CChip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CChip.js","sources":["../../../../src/components/chip/CChip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","useEffect","useMemo","classNames","colorPropType"],"mappings":"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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type ChipClassName = string | ((value: string) => string);
|
|
3
|
+
export interface CChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onInput' | 'onSelect'> {
|
|
4
|
+
/**
|
|
5
|
+
* Adds custom classes to the React Chip Input component root element.
|
|
6
|
+
*/
|
|
7
|
+
className?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Adds custom classes to chips rendered by the React Chip Input component. Accepts a static className or a resolver function based on chip value.
|
|
10
|
+
*/
|
|
11
|
+
chipClassName?: ChipClassName;
|
|
12
|
+
/**
|
|
13
|
+
* Creates a new chip when the React Chip Input component loses focus with a pending value.
|
|
14
|
+
*/
|
|
15
|
+
createOnBlur?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Sets the initial uncontrolled values rendered by the React Chip Input component.
|
|
18
|
+
*/
|
|
19
|
+
defaultValue?: string[];
|
|
20
|
+
/**
|
|
21
|
+
* Disables the React Chip Input component and prevents adding, removing, or selecting chips.
|
|
22
|
+
*/
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Sets the `id` of the internal text input rendered by the React Chip Input component.
|
|
26
|
+
*/
|
|
27
|
+
id?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Renders an inline label inside the React Chip Input component container.
|
|
30
|
+
*/
|
|
31
|
+
label?: ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Sets the maximum number of chips that can be created in the React Chip Input component.
|
|
34
|
+
*/
|
|
35
|
+
maxChips?: number | null;
|
|
36
|
+
/**
|
|
37
|
+
* Sets the name of the hidden input used by the React Chip Input component for form submission.
|
|
38
|
+
*/
|
|
39
|
+
name?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Callback fired when the React Chip Input component adds a new chip.
|
|
42
|
+
*/
|
|
43
|
+
onAdd?: (value: string) => void;
|
|
44
|
+
/**
|
|
45
|
+
* Callback fired when the value list of the React Chip Input component changes.
|
|
46
|
+
*/
|
|
47
|
+
onChange?: (values: string[]) => void;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired when the internal text input value changes in the React Chip Input component.
|
|
50
|
+
*/
|
|
51
|
+
onInput?: (value: string) => void;
|
|
52
|
+
/**
|
|
53
|
+
* Callback fired when the React Chip Input component removes a chip.
|
|
54
|
+
*/
|
|
55
|
+
onRemove?: (value: string) => void;
|
|
56
|
+
/**
|
|
57
|
+
* Callback fired when the selected chip values change in the React Chip Input component.
|
|
58
|
+
*/
|
|
59
|
+
onSelect?: (selected: string[]) => void;
|
|
60
|
+
/**
|
|
61
|
+
* Sets placeholder text for the internal input of the React Chip Input component.
|
|
62
|
+
*/
|
|
63
|
+
placeholder?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Makes the React Chip Input component readonly while keeping values visible.
|
|
66
|
+
*/
|
|
67
|
+
readOnly?: boolean;
|
|
68
|
+
/**
|
|
69
|
+
* Displays remove buttons on chips managed by the React Chip Input component.
|
|
70
|
+
*/
|
|
71
|
+
removable?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Enables chip selection behavior in the React Chip Input component.
|
|
74
|
+
*/
|
|
75
|
+
selectable?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Sets the separator character used to create chips while typing or pasting in the React Chip Input component.
|
|
78
|
+
*/
|
|
79
|
+
separator?: string | null;
|
|
80
|
+
/**
|
|
81
|
+
* Sets the size of the React Chip Input component to small or large.
|
|
82
|
+
*/
|
|
83
|
+
size?: 'sm' | 'lg';
|
|
84
|
+
/**
|
|
85
|
+
* Controls the values rendered by the React Chip Input component.
|
|
86
|
+
*
|
|
87
|
+
* @controllable onChange
|
|
88
|
+
*/
|
|
89
|
+
value?: string[];
|
|
90
|
+
}
|
|
91
|
+
export declare const CChipInput: React.ForwardRefExoticComponent<CChipInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
92
|
+
export {};
|
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var PropTypes = require('prop-types');
|
|
6
|
+
var index = require('../../_virtual/index.js');
|
|
7
|
+
var CChip = require('../chip/CChip.js');
|
|
8
|
+
require('@popperjs/core');
|
|
9
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
10
|
+
|
|
11
|
+
const resolveChipClassName = (chipClassName, value) => {
|
|
12
|
+
if (!chipClassName) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
if (typeof chipClassName === 'function') {
|
|
16
|
+
const resolvedClassName = chipClassName(value);
|
|
17
|
+
return typeof resolvedClassName === 'string' ? resolvedClassName : undefined;
|
|
18
|
+
}
|
|
19
|
+
return chipClassName;
|
|
20
|
+
};
|
|
21
|
+
const uniqueValues = (values) => [
|
|
22
|
+
...new Set(values.map((value) => value.trim()).filter(Boolean)),
|
|
23
|
+
];
|
|
24
|
+
const CChipInput = React.forwardRef((_a, ref) => {
|
|
25
|
+
var { className, chipClassName, createOnBlur = true, defaultValue = [], disabled, id, label, maxChips = null, name, onAdd, onChange, onInput, onRemove, onSelect, placeholder = '', readOnly, removable = true, selectable, separator = ',', size, value } = _a, rest = tslib_es6.__rest(_a, ["className", "chipClassName", "createOnBlur", "defaultValue", "disabled", "id", "label", "maxChips", "name", "onAdd", "onChange", "onInput", "onRemove", "onSelect", "placeholder", "readOnly", "removable", "selectable", "separator", "size", "value"]);
|
|
26
|
+
const isControlled = value !== undefined;
|
|
27
|
+
const [_values, setValues] = React.useState(() => uniqueValues(defaultValue));
|
|
28
|
+
const [inputValue, setInputValue] = React.useState('');
|
|
29
|
+
const [selectedValues, setSelectedValues] = React.useState([]);
|
|
30
|
+
const rootRef = React.useRef(null);
|
|
31
|
+
const inputRef = React.useRef(null);
|
|
32
|
+
const forkedRef = useForkedRef.useForkedRef(ref, rootRef);
|
|
33
|
+
const values = React.useMemo(() => uniqueValues(isControlled ? value : _values), [isControlled, value, _values]);
|
|
34
|
+
React.useEffect(() => {
|
|
35
|
+
setSelectedValues((prev) => prev.filter((item) => values.includes(item)));
|
|
36
|
+
}, [values]);
|
|
37
|
+
const emitValuesChange = (nextValues) => {
|
|
38
|
+
if (!isControlled) {
|
|
39
|
+
setValues(nextValues);
|
|
40
|
+
}
|
|
41
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(nextValues);
|
|
42
|
+
};
|
|
43
|
+
const canAddMore = maxChips === null || values.length < maxChips;
|
|
44
|
+
const add = (rawValue) => {
|
|
45
|
+
if (disabled || readOnly) {
|
|
46
|
+
return false;
|
|
47
|
+
}
|
|
48
|
+
const normalizedValue = String(rawValue).trim();
|
|
49
|
+
if (!normalizedValue || values.includes(normalizedValue) || !canAddMore) {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
const nextValues = [...values, normalizedValue];
|
|
53
|
+
emitValuesChange(nextValues);
|
|
54
|
+
onAdd === null || onAdd === void 0 ? void 0 : onAdd(normalizedValue);
|
|
55
|
+
return true;
|
|
56
|
+
};
|
|
57
|
+
const remove = (valueToRemove) => {
|
|
58
|
+
if (disabled || readOnly) {
|
|
59
|
+
return false;
|
|
60
|
+
}
|
|
61
|
+
if (!values.includes(valueToRemove)) {
|
|
62
|
+
return false;
|
|
63
|
+
}
|
|
64
|
+
const nextValues = values.filter((item) => item !== valueToRemove);
|
|
65
|
+
emitValuesChange(nextValues);
|
|
66
|
+
setSelectedValues((prev) => {
|
|
67
|
+
const nextSelected = prev.filter((item) => item !== valueToRemove);
|
|
68
|
+
if (nextSelected.length !== prev.length) {
|
|
69
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextSelected);
|
|
70
|
+
}
|
|
71
|
+
return nextSelected;
|
|
72
|
+
});
|
|
73
|
+
onRemove === null || onRemove === void 0 ? void 0 : onRemove(valueToRemove);
|
|
74
|
+
return true;
|
|
75
|
+
};
|
|
76
|
+
const createFromInput = () => {
|
|
77
|
+
if (add(inputValue)) {
|
|
78
|
+
setInputValue('');
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const focusLastChip = () => {
|
|
82
|
+
if (!rootRef.current) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
const focusableChips = [
|
|
86
|
+
...rootRef.current.querySelectorAll('[data-coreui-chip-focusable="true"]:not(.disabled)'),
|
|
87
|
+
];
|
|
88
|
+
if (focusableChips.length === 0) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
focusableChips[focusableChips.length - 1].focus();
|
|
92
|
+
};
|
|
93
|
+
const handleInputKeyDown = (event) => {
|
|
94
|
+
switch (event.key) {
|
|
95
|
+
case 'Enter': {
|
|
96
|
+
event.preventDefault();
|
|
97
|
+
createFromInput();
|
|
98
|
+
break;
|
|
99
|
+
}
|
|
100
|
+
case 'Backspace':
|
|
101
|
+
case 'Delete': {
|
|
102
|
+
if (inputValue === '') {
|
|
103
|
+
event.preventDefault();
|
|
104
|
+
focusLastChip();
|
|
105
|
+
}
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
case 'ArrowLeft': {
|
|
109
|
+
if (event.currentTarget.selectionStart === 0 && event.currentTarget.selectionEnd === 0) {
|
|
110
|
+
event.preventDefault();
|
|
111
|
+
focusLastChip();
|
|
112
|
+
}
|
|
113
|
+
break;
|
|
114
|
+
}
|
|
115
|
+
case 'Escape': {
|
|
116
|
+
setInputValue('');
|
|
117
|
+
event.currentTarget.blur();
|
|
118
|
+
break;
|
|
119
|
+
}
|
|
120
|
+
// No default
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
const handleInputChange = (value) => {
|
|
124
|
+
if (disabled || readOnly) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
if (separator && value.includes(separator)) {
|
|
128
|
+
const parts = value.split(separator);
|
|
129
|
+
const chipsToAdd = uniqueValues(parts.slice(0, -1));
|
|
130
|
+
const nextValues = [...values];
|
|
131
|
+
for (const chipValue of chipsToAdd) {
|
|
132
|
+
if (maxChips !== null && nextValues.length >= maxChips) {
|
|
133
|
+
break;
|
|
134
|
+
}
|
|
135
|
+
if (!nextValues.includes(chipValue)) {
|
|
136
|
+
nextValues.push(chipValue);
|
|
137
|
+
onAdd === null || onAdd === void 0 ? void 0 : onAdd(chipValue);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
if (nextValues.length !== values.length) {
|
|
141
|
+
emitValuesChange(nextValues);
|
|
142
|
+
}
|
|
143
|
+
const tail = parts[parts.length - 1] || '';
|
|
144
|
+
setInputValue(tail);
|
|
145
|
+
onInput === null || onInput === void 0 ? void 0 : onInput(tail);
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
setInputValue(value);
|
|
149
|
+
onInput === null || onInput === void 0 ? void 0 : onInput(value);
|
|
150
|
+
};
|
|
151
|
+
const handlePaste = (event) => {
|
|
152
|
+
if (disabled || readOnly || !separator) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
const pastedData = event.clipboardData.getData('text');
|
|
156
|
+
if (!pastedData.includes(separator)) {
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
event.preventDefault();
|
|
160
|
+
const chipsToAdd = uniqueValues(pastedData.split(separator));
|
|
161
|
+
const nextValues = [...values];
|
|
162
|
+
for (const chipValue of chipsToAdd) {
|
|
163
|
+
if (maxChips !== null && nextValues.length >= maxChips) {
|
|
164
|
+
break;
|
|
165
|
+
}
|
|
166
|
+
if (!nextValues.includes(chipValue)) {
|
|
167
|
+
nextValues.push(chipValue);
|
|
168
|
+
onAdd === null || onAdd === void 0 ? void 0 : onAdd(chipValue);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
if (nextValues.length !== values.length) {
|
|
172
|
+
emitValuesChange(nextValues);
|
|
173
|
+
}
|
|
174
|
+
setInputValue('');
|
|
175
|
+
onInput === null || onInput === void 0 ? void 0 : onInput('');
|
|
176
|
+
};
|
|
177
|
+
const handleInputBlur = (event) => {
|
|
178
|
+
var _a;
|
|
179
|
+
if (!createOnBlur) {
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
if ((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.chip')) {
|
|
183
|
+
return;
|
|
184
|
+
}
|
|
185
|
+
createFromInput();
|
|
186
|
+
};
|
|
187
|
+
const handleContainerKeyDown = (event) => {
|
|
188
|
+
var _a;
|
|
189
|
+
if (event.target === inputRef.current) {
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
if (event.key.length === 1) {
|
|
193
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
const handleContainerClick = (event) => {
|
|
197
|
+
var _a;
|
|
198
|
+
if (event.target === rootRef.current) {
|
|
199
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
200
|
+
}
|
|
201
|
+
};
|
|
202
|
+
const handleSelectedChange = (chipValue, selected) => {
|
|
203
|
+
setSelectedValues((prev) => {
|
|
204
|
+
const nextSelected = selected
|
|
205
|
+
? uniqueValues([...prev, chipValue])
|
|
206
|
+
: prev.filter((value) => value !== chipValue);
|
|
207
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextSelected);
|
|
208
|
+
return nextSelected;
|
|
209
|
+
});
|
|
210
|
+
};
|
|
211
|
+
const inputSize = Math.max(placeholder.length, inputValue.length, 1);
|
|
212
|
+
return (React.createElement("div", Object.assign({ className: index.default('chip-input', {
|
|
213
|
+
'chip-input-sm': size === 'sm',
|
|
214
|
+
'chip-input-lg': size === 'lg',
|
|
215
|
+
disabled,
|
|
216
|
+
}, className), "aria-disabled": disabled ? true : undefined, "aria-readonly": readOnly ? true : undefined, onClick: handleContainerClick, onKeyDown: handleContainerKeyDown }, rest, { ref: forkedRef }),
|
|
217
|
+
label && (React.createElement("label", { className: "chip-input-label", htmlFor: id }, label)),
|
|
218
|
+
values.map((chipValue) => (React.createElement(CChip.CChip, { key: chipValue, className: resolveChipClassName(chipClassName, chipValue), removable: Boolean(removable && !disabled && !readOnly), ariaRemoveLabel: `Remove ${chipValue}`, disabled: disabled, onRemove: () => remove(chipValue), selectable: selectable, selected: selectedValues.includes(chipValue), onSelectedChange: (selected) => handleSelectedChange(chipValue, selected) }, chipValue))),
|
|
219
|
+
React.createElement("input", { type: "text", id: id, className: "chip-input-field", disabled: disabled, readOnly: Boolean(!disabled && readOnly), placeholder: placeholder, size: inputSize, value: inputValue, onBlur: handleInputBlur, onChange: (event) => handleInputChange(event.target.value), onKeyDown: handleInputKeyDown, onPaste: handlePaste, onFocus: () => {
|
|
220
|
+
if (selectedValues.length > 0) {
|
|
221
|
+
setSelectedValues([]);
|
|
222
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect([]);
|
|
223
|
+
}
|
|
224
|
+
}, ref: inputRef }),
|
|
225
|
+
name && React.createElement("input", { type: "hidden", name: name, value: values.join(',') })));
|
|
226
|
+
});
|
|
227
|
+
CChipInput.propTypes = {
|
|
228
|
+
chipClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
|
|
229
|
+
className: PropTypes.string,
|
|
230
|
+
createOnBlur: PropTypes.bool,
|
|
231
|
+
defaultValue: PropTypes.array,
|
|
232
|
+
disabled: PropTypes.bool,
|
|
233
|
+
id: PropTypes.string,
|
|
234
|
+
label: PropTypes.node,
|
|
235
|
+
maxChips: PropTypes.number,
|
|
236
|
+
name: PropTypes.string,
|
|
237
|
+
onAdd: PropTypes.func,
|
|
238
|
+
onChange: PropTypes.func,
|
|
239
|
+
onInput: PropTypes.func,
|
|
240
|
+
onRemove: PropTypes.func,
|
|
241
|
+
onSelect: PropTypes.func,
|
|
242
|
+
placeholder: PropTypes.string,
|
|
243
|
+
readOnly: PropTypes.bool,
|
|
244
|
+
removable: PropTypes.bool,
|
|
245
|
+
selectable: PropTypes.bool,
|
|
246
|
+
separator: PropTypes.string,
|
|
247
|
+
size: PropTypes.oneOf(['sm', 'lg']),
|
|
248
|
+
value: PropTypes.array,
|
|
249
|
+
};
|
|
250
|
+
CChipInput.displayName = 'CChipInput';
|
|
251
|
+
|
|
252
|
+
exports.CChipInput = CChipInput;
|
|
253
|
+
//# sourceMappingURL=CChipInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CChipInput.js","sources":["../../../../src/components/form/CChipInput.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","useRef","useForkedRef","useMemo","useEffect","classNames","CChip"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CForm } from './CForm';
|
|
2
2
|
import { CFormCheck } from './CFormCheck';
|
|
3
|
+
import { CChipInput } from './CChipInput';
|
|
3
4
|
import { CFormControlValidation } from './CFormControlValidation';
|
|
4
5
|
import { CFormControlWrapper } from './CFormControlWrapper';
|
|
5
6
|
import { CFormFeedback } from './CFormFeedback';
|
|
@@ -13,4 +14,4 @@ import { CFormText } from './CFormText';
|
|
|
13
14
|
import { CFormTextarea } from './CFormTextarea';
|
|
14
15
|
import { CInputGroup } from './CInputGroup';
|
|
15
16
|
import { CInputGroupText } from './CInputGroupText';
|
|
16
|
-
export { CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };
|
|
17
|
+
export { CForm, CFormCheck, CChipInput, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };
|
|
@@ -17,7 +17,7 @@ const CMultiSelectOptions = React.forwardRef(({ loading, onKeyDown, onOptionOnCl
|
|
|
17
17
|
if (event.key === 'Down' || event.key === 'ArrowDown') {
|
|
18
18
|
event.preventDefault();
|
|
19
19
|
const target = event.target;
|
|
20
|
-
const next = getNextSibling.
|
|
20
|
+
const next = getNextSibling.default(target, '.form-multi-select-option');
|
|
21
21
|
next && next.focus();
|
|
22
22
|
}
|
|
23
23
|
if (event.key === 'Up' || event.key === 'ArrowUp') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CMultiSelectOptions.js","sources":["../../../../src/components/multi-select/CMultiSelectOptions.tsx"],"sourcesContent":[null],"names":["forwardRef","getNextSibling","getPreviousSibling","index","classNames","CVirtualScroller","CElementCover"],"mappings":";;;;;;;;;;AAwBO,MAAM,mBAAmB,GAAGA,gBAAU,CAC3C,CACE,EACE,OAAO,EACP,SAAS,EACT,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,eAAe,EACf,YAAY,GAAG,EAAE,GAClB,EACD,GAAG,KACD;AACF,IAAA,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,MAAc,KAAI;AACnF,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACnD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,eAAe,aAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,CAAG,MAAM,CAAC;QAC3B;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;YAC1C,MAAM,IAAI,GAAGC,
|
|
1
|
+
{"version":3,"file":"CMultiSelectOptions.js","sources":["../../../../src/components/multi-select/CMultiSelectOptions.tsx"],"sourcesContent":[null],"names":["forwardRef","getNextSibling","getPreviousSibling","index","classNames","CVirtualScroller","CElementCover"],"mappings":";;;;;;;;;;AAwBO,MAAM,mBAAmB,GAAGA,gBAAU,CAC3C,CACE,EACE,OAAO,EACP,SAAS,EACT,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,eAAe,EACf,YAAY,GAAG,EAAE,GAClB,EACD,GAAG,KACD;AACF,IAAA,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,MAAc,KAAI;AACnF,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACnD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,eAAe,aAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,CAAG,MAAM,CAAC;QAC3B;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;YAC1C,MAAM,IAAI,GAAGC,sBAAc,CAAC,MAAM,EAAE,2BAA2B,CAAC;AAEhE,YAAA,IAAI,IAAK,IAAoB,CAAC,KAAK,EAAE;QACvC;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;YACjD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;YAC1C,MAAM,IAAI,GAAGC,0BAAkB,CAAC,MAAM,EAAE,2BAA2B,CAAC;AAEpE,YAAA,IAAI,IAAK,IAAoB,CAAC,KAAK,EAAE;QACvC;AACF,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,OAAkC,KACvD,OAAO,CAAC,MAAM,GAAG,CAAC,IAChB,OAAO,CAAC,GAAG,CAAC,CAAC,MAA6B,EAAEC,OAAa,KACvD,OAAO,IAAI,MAAM,IACf,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,aAAU,CAAC,0BAA0B,EAAE;YAChD,wCAAwC,EAAE,YAAY,KAAK,UAAU;AACrE,YAAA,qBAAqB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;YACjF,QAAQ,EAAE,MAAM,CAAC,QAAQ;SAC1B,CAAC,EACF,GAAG,EAAED,OAAK,EACV,OAAO,EAAE,MAAM,eAAe,IAAI,eAAe,CAAC,MAAgB,CAAC,EACnE,SAAS,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,EAAE,MAAgB,CAAC,EAC5D,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAAA,eAAA,EAC1D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAA,EAEtC,eAAe,GAAG,eAAe,CAAC,MAAgB,CAAC,GAAG,MAAM,CAAC,KAAK,CAC/D,KAEN,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAC,GAAG,EAAEA,OAAK,EAAA,EACzD,qBAAqB,GAAG,qBAAqB,CAAC,MAAsB,CAAC,GAAG,MAAM,CAAC,KAAK,CACjF,CACP,CACF,KAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,EAAE,oBAAoB,CAAO,CAC9E;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,eAAe,IACd,oBAACE,iCAAgB,EAAA,EACf,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EAAA,EAEP,aAAa,CAAC,OAAO,CAAC,CACN,KAEnB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,KACf,gBAAgB,KAAK,MAAM,IAAI;YAClC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC3D,GAAC,EACF,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,aAAa,CAAC,OAAO,CAAC,CACnB,CACP;AACA,QAAA,OAAO,IAAI,KAAA,CAAA,aAAA,CAACC,2BAAa,EAAA,IAAA,CAAG,CAC5B;AAEP,CAAC;AAGH,mBAAmB,CAAC,SAAS,GAAG;IAC9B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,eAAe,EAAE,SAAS,CAAC,IAAI;AAC/B,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,UAAU;AACnC,IAAA,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3E,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACnD,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,qBAAqB,EAAE,SAAS,CAAC,IAAI;AACrC,IAAA,oBAAoB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7E,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,YAAY,EAAE,SAAS,CAAC,MAAM;CAC/B;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
|
|
@@ -7,6 +7,7 @@ var index_esm = require('../../node_modules/@coreui/icons-react/dist/index.esm.j
|
|
|
7
7
|
var CElementCover = require('../element-cover/CElementCover.js');
|
|
8
8
|
require('../form/CForm.js');
|
|
9
9
|
require('../form/CFormCheck.js');
|
|
10
|
+
require('../form/CChipInput.js');
|
|
10
11
|
require('../form/CFormControlValidation.js');
|
|
11
12
|
require('../form/CFormControlWrapper.js');
|
|
12
13
|
require('../form/CFormFeedback.js');
|