@coreui/react 5.9.1 → 5.10.0

package/dist/cjs/components/form/CChipInput.js

@@ -0,0 +1,253 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var index = require('../../_virtual/index.js');
+var CChip = require('../chip/CChip.js');
+var useForkedRef = require('../../hooks/useForkedRef.js');
+require('@popperjs/core');
+
+const resolveChipClassName = (chipClassName, value) => {
+    if (!chipClassName) {
+        return;
+    }
+    if (typeof chipClassName === 'function') {
+        const resolvedClassName = chipClassName(value);
+        return typeof resolvedClassName === 'string' ? resolvedClassName : undefined;
+    }
+    return chipClassName;
+};
+const uniqueValues = (values) => [
+    ...new Set(values.map((value) => value.trim()).filter(Boolean)),
+];
+const CChipInput = React.forwardRef((_a, ref) => {
+    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"]);
+    const isControlled = value !== undefined;
+    const [_values, setValues] = React.useState(() => uniqueValues(defaultValue));
+    const [inputValue, setInputValue] = React.useState('');
+    const [selectedValues, setSelectedValues] = React.useState([]);
+    const rootRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+    const forkedRef = useForkedRef.useForkedRef(ref, rootRef);
+    const values = React.useMemo(() => uniqueValues(isControlled ? value : _values), [isControlled, value, _values]);
+    React.useEffect(() => {
+        setSelectedValues((prev) => prev.filter((item) => values.includes(item)));
+    }, [values]);
+    const emitValuesChange = (nextValues) => {
+        if (!isControlled) {
+            setValues(nextValues);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValues);
+    };
+    const canAddMore = maxChips === null || values.length < maxChips;
+    const add = (rawValue) => {
+        if (disabled || readOnly) {
+            return false;
+        }
+        const normalizedValue = String(rawValue).trim();
+        if (!normalizedValue || values.includes(normalizedValue) || !canAddMore) {
+            return false;
+        }
+        const nextValues = [...values, normalizedValue];
+        emitValuesChange(nextValues);
+        onAdd === null || onAdd === void 0 ? void 0 : onAdd(normalizedValue);
+        return true;
+    };
+    const remove = (valueToRemove) => {
+        if (disabled || readOnly) {
+            return false;
+        }
+        if (!values.includes(valueToRemove)) {
+            return false;
+        }
+        const nextValues = values.filter((item) => item !== valueToRemove);
+        emitValuesChange(nextValues);
+        setSelectedValues((prev) => {
+            const nextSelected = prev.filter((item) => item !== valueToRemove);
+            if (nextSelected.length !== prev.length) {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextSelected);
+            }
+            return nextSelected;
+        });
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(valueToRemove);
+        return true;
+    };
+    const createFromInput = () => {
+        if (add(inputValue)) {
+            setInputValue('');
+        }
+    };
+    const focusLastChip = () => {
+        if (!rootRef.current) {
+            return;
+        }
+        const focusableChips = [
+            ...rootRef.current.querySelectorAll('[data-coreui-chip-focusable="true"]:not(.disabled)'),
+        ];
+        if (focusableChips.length === 0) {
+            return;
+        }
+        focusableChips[focusableChips.length - 1].focus();
+    };
+    const handleInputKeyDown = (event) => {
+        switch (event.key) {
+            case 'Enter': {
+                event.preventDefault();
+                createFromInput();
+                break;
+            }
+            case 'Backspace':
+            case 'Delete': {
+                if (inputValue === '') {
+                    event.preventDefault();
+                    focusLastChip();
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                if (event.currentTarget.selectionStart === 0 && event.currentTarget.selectionEnd === 0) {
+                    event.preventDefault();
+                    focusLastChip();
+                }
+                break;
+            }
+            case 'Escape': {
+                setInputValue('');
+                event.currentTarget.blur();
+                break;
+            }
+            // No default
+        }
+    };
+    const handleInputChange = (value) => {
+        if (disabled || readOnly) {
+            return;
+        }
+        if (separator && value.includes(separator)) {
+            const parts = value.split(separator);
+            const chipsToAdd = uniqueValues(parts.slice(0, -1));
+            const nextValues = [...values];
+            for (const chipValue of chipsToAdd) {
+                if (maxChips !== null && nextValues.length >= maxChips) {
+                    break;
+                }
+                if (!nextValues.includes(chipValue)) {
+                    nextValues.push(chipValue);
+                    onAdd === null || onAdd === void 0 ? void 0 : onAdd(chipValue);
+                }
+            }
+            if (nextValues.length !== values.length) {
+                emitValuesChange(nextValues);
+            }
+            const tail = parts[parts.length - 1] || '';
+            setInputValue(tail);
+            onInput === null || onInput === void 0 ? void 0 : onInput(tail);
+            return;
+        }
+        setInputValue(value);
+        onInput === null || onInput === void 0 ? void 0 : onInput(value);
+    };
+    const handlePaste = (event) => {
+        if (disabled || readOnly || !separator) {
+            return;
+        }
+        const pastedData = event.clipboardData.getData('text');
+        if (!pastedData.includes(separator)) {
+            return;
+        }
+        event.preventDefault();
+        const chipsToAdd = uniqueValues(pastedData.split(separator));
+        const nextValues = [...values];
+        for (const chipValue of chipsToAdd) {
+            if (maxChips !== null && nextValues.length >= maxChips) {
+                break;
+            }
+            if (!nextValues.includes(chipValue)) {
+                nextValues.push(chipValue);
+                onAdd === null || onAdd === void 0 ? void 0 : onAdd(chipValue);
+            }
+        }
+        if (nextValues.length !== values.length) {
+            emitValuesChange(nextValues);
+        }
+        setInputValue('');
+        onInput === null || onInput === void 0 ? void 0 : onInput('');
+    };
+    const handleInputBlur = (event) => {
+        var _a;
+        if (!createOnBlur) {
+            return;
+        }
+        if ((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.chip')) {
+            return;
+        }
+        createFromInput();
+    };
+    const handleContainerKeyDown = (event) => {
+        var _a;
+        if (event.target === inputRef.current) {
+            return;
+        }
+        if (event.key.length === 1) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    const handleContainerClick = (event) => {
+        var _a;
+        if (event.target === rootRef.current) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    const handleSelectedChange = (chipValue, selected) => {
+        setSelectedValues((prev) => {
+            const nextSelected = selected
+                ? uniqueValues([...prev, chipValue])
+                : prev.filter((value) => value !== chipValue);
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextSelected);
+            return nextSelected;
+        });
+    };
+    const inputSize = Math.max(placeholder.length, inputValue.length, 1);
+    return (React.createElement("div", Object.assign({ className: index.default('chip-input', {
+            'chip-input-sm': size === 'sm',
+            'chip-input-lg': size === 'lg',
+            disabled,
+        }, className), "aria-disabled": disabled ? true : undefined, "aria-readonly": readOnly ? true : undefined, onClick: handleContainerClick, onKeyDown: handleContainerKeyDown }, rest, { ref: forkedRef }),
+        label && (React.createElement("label", { className: "chip-input-label", htmlFor: id }, label)),
+        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))),
+        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: () => {
+                if (selectedValues.length > 0) {
+                    setSelectedValues([]);
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect([]);
+                }
+            }, ref: inputRef }),
+        name && React.createElement("input", { type: "hidden", name: name, value: values.join(',') })));
+});
+CChipInput.propTypes = {
+    chipClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+    className: PropTypes.string,
+    createOnBlur: PropTypes.bool,
+    defaultValue: PropTypes.array,
+    disabled: PropTypes.bool,
+    id: PropTypes.string,
+    label: PropTypes.node,
+    maxChips: PropTypes.number,
+    name: PropTypes.string,
+    onAdd: PropTypes.func,
+    onChange: PropTypes.func,
+    onInput: PropTypes.func,
+    onRemove: PropTypes.func,
+    onSelect: PropTypes.func,
+    placeholder: PropTypes.string,
+    readOnly: PropTypes.bool,
+    removable: PropTypes.bool,
+    selectable: PropTypes.bool,
+    separator: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
+    value: PropTypes.array,
+};
+CChipInput.displayName = 'CChipInput';
+
+exports.CChipInput = CChipInput;
+//# sourceMappingURL=CChipInput.js.map

package/dist/cjs/components/form/CChipInput.js.map

@@ -0,0 +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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"}

package/dist/cjs/components/form/CFormSelect.js

@@ -17,6 +17,7 @@ const CFormSelect = React.forwardRef((_a, ref) => {
             ? options.map((option, index) => {
                 return (React.createElement("option", Object.assign({}, (typeof option === 'object' &&
                     option.disabled && { disabled: option.disabled }), (typeof option === 'object' &&
+                    option.selected && { selected: option.selected }), (typeof option === 'object' &&
                     option.value !== undefined && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
             })
             : children)));

package/dist/cjs/components/form/CFormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CFormSelect.js","sources":["../../../../src/components/form/CFormSelect.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CFormControlWrapper","classNames"],"mappings":";;;;;;;;AA+CO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAkBC,EACD,GAAG,KACD;AApBF,IAAA,IAAA,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,EAAE,EACF,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,eAAe,EACf,KAAK,EAAA,GAAA,EAEN,EADI,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAjBT,4MAkBC,CADQ;IAIT,QACE,KAAA,CAAA,aAAA,CAACC,uCAAmB,EAAA,EAClB,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EAAA;QAEZ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAEC,aAAU,CACnB,aAAa,EACb;AACE,gBAAA,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,GAAG,IAAI;AAC7B,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,EACD,SAAS,CACV,EACD,IAAI,EAAE,QAAQ,EAAA,EACV,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,KAEP;cACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AAC5B,gBAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACO,OAAO,MAAM,KAAK,QAAQ;AAC7B,oBAAA,MAAM,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAC7C,OAAO,MAAM,KAAK,QAAQ;AAC7B,oBAAA,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAC,EACxD,GAAG,EAAE,KAAK,EAAA,CAAA,EAET,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,KAAK,CAC5C;AAEb,YAAA,CAAC;AACH,cAAE,QAAQ,CACL,CACW;AAE1B,CAAC;AAGH,WAAW,CAAC,SAAS,GAAA,MAAA,CAAA,MAAA,CAAA,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAC3B,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,OAAO,EAAE,SAAS,CAAC,KAAK,EAAA,EACrBD,uCAAmB,CAAC,SAAS,CACjC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"CFormSelect.js","sources":["../../../../src/components/form/CFormSelect.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CFormControlWrapper","classNames"],"mappings":";;;;;;;;AA+CO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAkBC,EACD,GAAG,KACD;AApBF,IAAA,IAAA,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,EAAE,EACF,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,eAAe,EACf,KAAK,EAAA,GAAA,EAEN,EADI,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAjBT,4MAkBC,CADQ;IAIT,QACE,KAAA,CAAA,aAAA,CAACC,uCAAmB,EAAA,EAClB,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EAAA;QAEZ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAEC,aAAU,CACnB,aAAa,EACb;AACE,gBAAA,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,GAAG,IAAI;AAC7B,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,EACD,SAAS,CACV,EACD,IAAI,EAAE,QAAQ,EAAA,EACV,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,KAEP;cACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AAC5B,gBAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACO,OAAO,MAAM,KAAK,QAAQ;AAC7B,oBAAA,MAAM,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAC7C,OAAO,MAAM,KAAK,QAAQ;AAC7B,oBAAA,MAAM,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAC7C,OAAO,MAAM,KAAK,QAAQ;AAC7B,oBAAA,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAC,EACxD,GAAG,EAAE,KAAK,EAAA,CAAA,EAET,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,KAAK,CAC5C;AAEb,YAAA,CAAC;AACH,cAAE,QAAQ,CACL,CACW;AAE1B,CAAC;AAGH,WAAW,CAAC,SAAS,GAAA,MAAA,CAAA,MAAA,CAAA,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAC3B,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,OAAO,EAAE,SAAS,CAAC,KAAK,EAAA,EACrBD,uCAAmB,CAAC,SAAS,CACjC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/components/form/index.d.ts

@@ -1,5 +1,6 @@
 import { CForm } from './CForm';
 import { CFormCheck } from './CFormCheck';
+import { CChipInput } from './CChipInput';
 import { CFormControlValidation } from './CFormControlValidation';
 import { CFormControlWrapper } from './CFormControlWrapper';
 import { CFormFeedback } from './CFormFeedback';
@@ -13,4 +14,4 @@ import { CFormText } from './CFormText';
 import { CFormTextarea } from './CFormTextarea';
 import { CInputGroup } from './CInputGroup';
 import { CInputGroupText } from './CInputGroupText';
-export { CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };
+export { CForm, CFormCheck, CChipInput, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

package/dist/cjs/components/index.d.ts

@@ -9,6 +9,7 @@ export * from './button-group';
 export * from './callout';
 export * from './card';
 export * from './carousel';
+export * from './chip';
 export * from './close-button';
 export * from './collapse';
 export * from './conditional-portal';

package/dist/cjs/index.js

@@ -31,6 +31,7 @@ var CCardTitle = require('./components/card/CCardTitle.js');
 var CCarousel = require('./components/carousel/CCarousel.js');
 var CCarouselCaption = require('./components/carousel/CCarouselCaption.js');
 var CCarouselItem = require('./components/carousel/CCarouselItem.js');
+var CChip = require('./components/chip/CChip.js');
 var CCloseButton = require('./components/close-button/CCloseButton.js');
 var CCollapse = require('./components/collapse/CCollapse.js');
 var CConditionalPortal = require('./components/conditional-portal/CConditionalPortal.js');
@@ -45,6 +46,7 @@ var CFocusTrap = require('./components/focus-trap/CFocusTrap.js');
 var CFooter = require('./components/footer/CFooter.js');
 var CForm = require('./components/form/CForm.js');
 var CFormCheck = require('./components/form/CFormCheck.js');
+var CChipInput = require('./components/form/CChipInput.js');
 var CFormControlValidation = require('./components/form/CFormControlValidation.js');
 var CFormControlWrapper = require('./components/form/CFormControlWrapper.js');
 var CFormFeedback = require('./components/form/CFormFeedback.js');
@@ -171,6 +173,7 @@ exports.CCardTitle = CCardTitle.CCardTitle;
 exports.CCarousel = CCarousel.CCarousel;
 exports.CCarouselCaption = CCarouselCaption.CCarouselCaption;
 exports.CCarouselItem = CCarouselItem.CCarouselItem;
+exports.CChip = CChip.CChip;
 exports.CCloseButton = CCloseButton.CCloseButton;
 exports.CCollapse = CCollapse.CCollapse;
 exports.CConditionalPortal = CConditionalPortal.CConditionalPortal;
@@ -185,6 +188,7 @@ exports.CFocusTrap = CFocusTrap.CFocusTrap;
 exports.CFooter = CFooter.CFooter;
 exports.CForm = CForm.CForm;
 exports.CFormCheck = CFormCheck.CFormCheck;
+exports.CChipInput = CChipInput.CChipInput;
 exports.CFormControlValidation = CFormControlValidation.CFormControlValidation;
 exports.CFormControlWrapper = CFormControlWrapper.CFormControlWrapper;
 exports.CFormFeedback = CFormFeedback.CFormFeedback;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/chip/CChip.d.ts

@@ -0,0 +1,76 @@
+import { ElementType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
+import type { Colors } from '../../types';
+export interface CChipProps extends HTMLAttributes<HTMLSpanElement | HTMLButtonElement> {
+    /**
+     * Toggles the active state of the React Chip component for non-selectable usage.
+     */
+    active?: boolean;
+    /**
+     * Provides an accessible label for the remove button in the React Chip component.
+     */
+    ariaRemoveLabel?: string;
+    /**
+     * Specifies the root element or custom component used by the React Chip component.
+     */
+    as?: ElementType;
+    /**
+     * Adds custom classes to the React Chip root element.
+     */
+    className?: string;
+    /**
+     * Enables interactive hover styling and pointer cursor for the React Chip component.
+     */
+    clickable?: boolean;
+    /**
+     * Sets the contextual color of the React Chip component using CoreUI theme colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Disables the React Chip component and removes interactive behavior.
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when the React Chip component becomes deselected.
+     */
+    onDeselect?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Callback fired when the React Chip component requests removal by button click or keyboard action.
+     */
+    onRemove?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Callback fired when the React Chip component becomes selected.
+     */
+    onSelect?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Callback fired when the selected state of the React Chip component changes.
+     */
+    onSelectedChange?: (selected: boolean, event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Displays a remove button inside the React Chip component.
+     */
+    removable?: boolean;
+    /**
+     * Replaces the default remove icon with a custom icon node in the React Chip component.
+     */
+    removeIcon?: ReactNode;
+    /**
+     * Enables selectable behavior and keyboard toggle support for the React Chip component.
+     */
+    selectable?: boolean;
+    /**
+     * Controls the selected state of a selectable React Chip component.
+     */
+    selected?: boolean;
+    /**
+     * Sets the size of the React Chip component to small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Sets the visual variant of the React Chip component to outline style.
+     */
+    variant?: 'outline';
+}
+export declare const CChip: PolymorphicRefForwardingComponent<'span', CChipProps>;

package/dist/esm/components/chip/CChip.js

@@ -0,0 +1,176 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../_virtual/index.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+import { colorPropType } from '../../props.js';
+
+const SELECTOR_FOCUSABLE_ITEMS = '[data-coreui-chip-focusable="true"]:not(.disabled)';
+const CChip = forwardRef((_a, ref) => {
+    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 = __rest(_a, ["active", "ariaRemoveLabel", "children", "as", "className", "clickable", "color", "disabled", "onClick", "onDeselect", "onKeyDown", "onRemove", "onSelect", "onSelectedChange", "removable", "removeIcon", "selectable", "selected", "size", "tabIndex", "variant"]);
+    const chipRef = useRef(null);
+    const forkedRef = useForkedRef(ref, chipRef);
+    const isSelectedControlled = selected !== undefined;
+    const [_selected, setSelected] = useState(Boolean(selected));
+    const selectedState = isSelectedControlled ? Boolean(selected) : _selected;
+    useEffect(() => {
+        if (isSelectedControlled) {
+            setSelected(Boolean(selected));
+        }
+    }, [isSelectedControlled, selected]);
+    const isFocusable = useMemo(() => Boolean(!disabled && (selectable || removable)), [disabled, selectable, removable]);
+    const getFocusableSibling = (shouldGetNext) => {
+        var _a;
+        const currentElement = chipRef.current;
+        if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.parentElement)) {
+            return null;
+        }
+        const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
+        const index = chips.indexOf(currentElement);
+        if (index === -1 || chips.length <= 1) {
+            return null;
+        }
+        const targetIndex = shouldGetNext ? index + 1 : index - 1;
+        return (_a = chips[targetIndex]) !== null && _a !== void 0 ? _a : null;
+    };
+    const navigateToEdge = (targetIndex) => {
+        const currentElement = chipRef.current;
+        if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.parentElement)) {
+            return;
+        }
+        const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
+        const edgeChip = targetIndex === -1 ? chips[chips.length - 1] : chips[0];
+        edgeChip === null || edgeChip === void 0 ? void 0 : edgeChip.focus();
+    };
+    const setSelectableState = (nextSelected, event) => {
+        if (!selectable || disabled || nextSelected === selectedState) {
+            return;
+        }
+        if (!isSelectedControlled) {
+            setSelected(nextSelected);
+        }
+        if (nextSelected) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
+        }
+        else {
+            onDeselect === null || onDeselect === void 0 ? void 0 : onDeselect(event);
+        }
+        onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange(nextSelected, event);
+    };
+    const toggleSelectedState = (event) => {
+        setSelectableState(!selectedState, event);
+    };
+    const handleRemove = (event) => {
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(event);
+    };
+    const handleRemoveClick = (event) => {
+        event.stopPropagation();
+        handleRemove(event);
+    };
+    const handleClick = (event) => {
+        if (disabled) {
+            return;
+        }
+        if (event.target.closest('.chip-remove')) {
+            return;
+        }
+        if (selectable) {
+            toggleSelectedState(event);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    const handleKeyDown = (event) => {
+        if (disabled) {
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+            return;
+        }
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+            case 'Spacebar': {
+                if (selectable) {
+                    event.preventDefault();
+                    toggleSelectedState(event);
+                }
+                break;
+            }
+            case 'Backspace':
+            case 'Delete': {
+                if (removable) {
+                    event.preventDefault();
+                    const sibling = getFocusableSibling(false) || getFocusableSibling(true);
+                    sibling === null || sibling === void 0 ? void 0 : sibling.focus();
+                    handleRemove(event);
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                event.preventDefault();
+                const sibling = getFocusableSibling(false);
+                sibling === null || sibling === void 0 ? void 0 : sibling.focus();
+                if (selectedState && event.shiftKey) {
+                    sibling === null || sibling === void 0 ? void 0 : sibling.dispatchEvent(new CustomEvent('coreui-chip-select'));
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                event.preventDefault();
+                const sibling = getFocusableSibling(true);
+                sibling === null || sibling === void 0 ? void 0 : sibling.focus();
+                if (selectedState && event.shiftKey) {
+                    sibling === null || sibling === void 0 ? void 0 : sibling.dispatchEvent(new CustomEvent('coreui-chip-select'));
+                }
+                break;
+            }
+            case 'Home': {
+                event.preventDefault();
+                navigateToEdge(0);
+                break;
+            }
+            case 'End': {
+                event.preventDefault();
+                navigateToEdge(-1);
+                break;
+            }
+            // No default
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    };
+    return (React.createElement(Component, Object.assign({ className: classNames('chip', {
+            active: selectable ? selectedState : active,
+            disabled,
+            [`chip-${color}`]: color,
+            [`chip-${size}`]: size,
+            'chip-clickable': clickable || selectable || Boolean(onClick),
+            'chip-outline': variant === 'outline',
+        }, 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 }),
+        children,
+        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" },
+            React.createElement("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+            React.createElement("line", { x1: "12", y1: "4", x2: "4", y2: "12" })))))));
+});
+CChip.propTypes = {
+    active: PropTypes.bool,
+    ariaRemoveLabel: PropTypes.string,
+    as: PropTypes.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    clickable: PropTypes.bool,
+    color: colorPropType,
+    disabled: PropTypes.bool,
+    onDeselect: PropTypes.func,
+    onRemove: PropTypes.func,
+    onSelect: PropTypes.func,
+    onSelectedChange: PropTypes.func,
+    removable: PropTypes.bool,
+    removeIcon: PropTypes.node,
+    selectable: PropTypes.bool,
+    selected: PropTypes.bool,
+    size: PropTypes.oneOf(['sm', 'lg']),
+    variant: PropTypes.oneOf(['outline']),
+};
+CChip.displayName = 'CChip';
+
+export { CChip };
+//# sourceMappingURL=CChip.js.map

package/dist/esm/components/chip/CChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CChip.js","sources":["../../../../src/components/chip/CChip.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/chip/index.d.ts

@@ -0,0 +1,2 @@
+import { CChip } from './CChip';
+export { CChip };

package/dist/esm/components/dropdown/CDropdown.js

@@ -118,7 +118,7 @@ const CDropdown = forwardRef((_a, ref) => {
             return;
         }
         const target = event.target;
-        const FORM_TAG_RE = /^(input|select|option|textarea|form|button|label)$/i;
+        const FORM_TAG_RE = /^(input|select|option|textarea|form)$/i;
         if (isOnMenu && target && FORM_TAG_RE.test(target.tagName)) {
             return;
         }