@coreui/react 5.9.2 → 5.11.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/LICENSE +1 -1
- package/README.md +2 -2
- 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/dropdown/CDropdown.js +1 -1
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- 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 +2 -0
- package/dist/cjs/components/nav/CNavGroup.d.ts +3 -1
- package/dist/cjs/components/nav/CNavGroup.js +9 -5
- package/dist/cjs/components/nav/CNavGroup.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.js +14 -17
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/search-button/CSearchButton.d.ts +32 -0
- package/dist/cjs/components/search-button/CSearchButton.js +77 -0
- package/dist/cjs/components/search-button/CSearchButton.js.map +1 -0
- package/dist/cjs/components/search-button/index.d.ts +2 -0
- package/dist/cjs/components/search-button/types.d.ts +10 -0
- package/dist/cjs/components/search-button/utils.d.ts +11 -0
- package/dist/cjs/components/search-button/utils.js +115 -0
- package/dist/cjs/components/search-button/utils.js.map +1 -0
- package/dist/cjs/components/sidebar/CSidebarNav.d.ts +12 -0
- package/dist/cjs/components/sidebar/CSidebarNav.js +7 -2
- package/dist/cjs/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.js +14 -17
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/index.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/dropdown/CDropdown.js +1 -1
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- 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 +2 -0
- package/dist/esm/components/nav/CNavGroup.d.ts +3 -1
- package/dist/esm/components/nav/CNavGroup.js +9 -5
- package/dist/esm/components/nav/CNavGroup.js.map +1 -1
- package/dist/esm/components/popover/CPopover.js +14 -17
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/search-button/CSearchButton.d.ts +32 -0
- package/dist/esm/components/search-button/CSearchButton.js +75 -0
- package/dist/esm/components/search-button/CSearchButton.js.map +1 -0
- package/dist/esm/components/search-button/index.d.ts +2 -0
- package/dist/esm/components/search-button/types.d.ts +10 -0
- package/dist/esm/components/search-button/utils.d.ts +11 -0
- package/dist/esm/components/search-button/utils.js +104 -0
- package/dist/esm/components/search-button/utils.js.map +1 -0
- package/dist/esm/components/sidebar/CSidebarNav.d.ts +12 -0
- package/dist/esm/components/sidebar/CSidebarNav.js +7 -2
- package/dist/esm/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.js +14 -17
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +7 -7
- 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/dropdown/CDropdown.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdown.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap +2 -2
- package/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.tsx.snap +1 -1
- 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 +2 -0
- package/src/components/nav/CNavGroup.tsx +11 -6
- package/src/components/nav/__tests__/CNavGroup.spec.tsx +29 -1
- package/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.tsx.snap +1 -1
- package/src/components/popover/CPopover.tsx +15 -20
- package/src/components/popover/__tests__/CPopover.spec.tsx +10 -4
- package/src/components/search-button/CSearchButton.tsx +195 -0
- package/src/components/search-button/__tests__/CSearchButton.spec.tsx +95 -0
- package/src/components/search-button/__tests__/__snapshots__/CSearchButton.spec.tsx.snap +87 -0
- package/src/components/search-button/index.ts +3 -0
- package/src/components/search-button/types.ts +10 -0
- package/src/components/search-button/utils.ts +140 -0
- package/src/components/sidebar/CSidebarNav.tsx +27 -2
- package/src/components/tooltip/CTooltip.tsx +15 -20
- package/src/components/tooltip/__tests__/CTooltip.spec.tsx +6 -0
package/LICENSE
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c)
|
|
3
|
+
Copyright (c) 2026 creativeLabs Łukasz Holeczek
|
|
4
4
|
|
|
5
5
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
6
|
of this software and associated documentation files (the "Software"), to deal
|
package/README.md
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
Several quick start options are available:
|
|
48
48
|
|
|
49
|
-
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.11.0.zip)
|
|
50
50
|
- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
|
|
51
51
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
|
|
52
52
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
|
|
@@ -259,4 +259,4 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back
|
|
|
259
259
|
|
|
260
260
|
## Copyright and license
|
|
261
261
|
|
|
262
|
-
Copyright
|
|
262
|
+
Copyright 2026 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-react/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { ElementType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { PolymorphicRefForwardingComponent } from '../../helpers';
|
|
3
|
+
import type { Colors } from '../../types';
|
|
4
|
+
export interface CChipProps extends HTMLAttributes<HTMLSpanElement | HTMLButtonElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Toggles the active state of the React Chip component for non-selectable usage.
|
|
7
|
+
*/
|
|
8
|
+
active?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Provides an accessible label for the remove button in the React Chip component.
|
|
11
|
+
*/
|
|
12
|
+
ariaRemoveLabel?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the root element or custom component used by the React Chip component.
|
|
15
|
+
*/
|
|
16
|
+
as?: ElementType;
|
|
17
|
+
/**
|
|
18
|
+
* Adds custom classes to the React Chip root element.
|
|
19
|
+
*/
|
|
20
|
+
className?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Enables interactive hover styling and pointer cursor for the React Chip component.
|
|
23
|
+
*/
|
|
24
|
+
clickable?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Sets the contextual color of the React Chip component using CoreUI theme colors.
|
|
27
|
+
*
|
|
28
|
+
* @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
|
|
29
|
+
*/
|
|
30
|
+
color?: Colors;
|
|
31
|
+
/**
|
|
32
|
+
* Disables the React Chip component and removes interactive behavior.
|
|
33
|
+
*/
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Callback fired when the React Chip component becomes deselected.
|
|
37
|
+
*/
|
|
38
|
+
onDeselect?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
39
|
+
/**
|
|
40
|
+
* Callback fired when the React Chip component requests removal by button click or keyboard action.
|
|
41
|
+
*/
|
|
42
|
+
onRemove?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLElement>) => void;
|
|
43
|
+
/**
|
|
44
|
+
* Callback fired when the React Chip component becomes selected.
|
|
45
|
+
*/
|
|
46
|
+
onSelect?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
47
|
+
/**
|
|
48
|
+
* Callback fired when the selected state of the React Chip component changes.
|
|
49
|
+
*/
|
|
50
|
+
onSelectedChange?: (selected: boolean, event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
51
|
+
/**
|
|
52
|
+
* Displays a remove button inside the React Chip component.
|
|
53
|
+
*/
|
|
54
|
+
removable?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Replaces the default remove icon with a custom icon node in the React Chip component.
|
|
57
|
+
*/
|
|
58
|
+
removeIcon?: ReactNode;
|
|
59
|
+
/**
|
|
60
|
+
* Enables selectable behavior and keyboard toggle support for the React Chip component.
|
|
61
|
+
*/
|
|
62
|
+
selectable?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Controls the selected state of a selectable React Chip component.
|
|
65
|
+
*/
|
|
66
|
+
selected?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Sets the size of the React Chip component to small or large.
|
|
69
|
+
*/
|
|
70
|
+
size?: 'sm' | 'lg';
|
|
71
|
+
/**
|
|
72
|
+
* Sets the visual variant of the React Chip component to outline style.
|
|
73
|
+
*/
|
|
74
|
+
variant?: 'outline';
|
|
75
|
+
}
|
|
76
|
+
export declare const CChip: PolymorphicRefForwardingComponent<'span', CChipProps>;
|
|
@@ -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
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
8
|
+
require('@popperjs/core');
|
|
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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"}
|
|
@@ -14,7 +14,7 @@ var utils = require('./utils.js');
|
|
|
14
14
|
var CFocusTrap = require('../focus-trap/CFocusTrap.js');
|
|
15
15
|
|
|
16
16
|
const CDropdown = React.forwardRef((_a, ref) => {
|
|
17
|
-
var { children, alignment, as = 'div', autoClose = true, className, container, dark, direction, offset = [0, 2], onHide, onShow, placement = 'bottom-start', popper = true, popperConfig, portal = false, reference = 'toggle', variant = '
|
|
17
|
+
var { children, alignment, as = 'div', autoClose = true, className, container, dark, direction, offset = [0, 2], onHide, onShow, placement = 'bottom-start', popper = true, popperConfig, portal = false, reference = 'toggle', variant = 'dropdown', visible = false } = _a, rest = tslib_es6.__rest(_a, ["children", "alignment", "as", "autoClose", "className", "container", "dark", "direction", "offset", "onHide", "onShow", "placement", "popper", "popperConfig", "portal", "reference", "variant", "visible"]);
|
|
18
18
|
const dropdownRef = React.useRef(null);
|
|
19
19
|
const dropdownMenuRef = React.useRef(null);
|
|
20
20
|
const forkedRef = useForkedRef.useForkedRef(ref, dropdownRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","usePopper","useCallback","useMemo","getPlacement","isRTL","useEffect","getReferenceElement","getNextActiveElement","CDropdownContext","CFocusTrap","classNames","placementPropType"],"mappings":";;;;;;;;;;;;;;;AA8MO,MAAM,SAAS,GAA6DA,gBAAU,CAI3F,CACE,EAoBC,EACD,GAAG,KACD;AAtBF,IAAA,IAAA,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACf,MAAM,EACN,MAAM,EACN,SAAS,GAAG,cAAc,EAC1B,MAAM,GAAG,IAAI,EACb,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","usePopper","useCallback","useMemo","getPlacement","isRTL","useEffect","getReferenceElement","getNextActiveElement","CDropdownContext","CFocusTrap","classNames","placementPropType"],"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 {};
|