@coreui/react 5.9.2 → 5.10.0

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

@@ -0,0 +1,251 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../_virtual/index.js';
+import { CChip } from '../chip/CChip.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@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 = 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 = __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] = useState(() => uniqueValues(defaultValue));
+    const [inputValue, setInputValue] = useState('');
+    const [selectedValues, setSelectedValues] = useState([]);
+    const rootRef = useRef(null);
+    const inputRef = useRef(null);
+    const forkedRef = useForkedRef(ref, rootRef);
+    const values = useMemo(() => uniqueValues(isControlled ? value : _values), [isControlled, value, _values]);
+    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: classNames('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, { 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';
+
+export { CChipInput };
+//# sourceMappingURL=CChipInput.js.map

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

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

package/dist/esm/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/esm/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/esm/index.js

@@ -29,6 +29,7 @@ export { CCardTitle } from './components/card/CCardTitle.js';
 export { CCarousel } from './components/carousel/CCarousel.js';
 export { CCarouselCaption } from './components/carousel/CCarouselCaption.js';
 export { CCarouselItem } from './components/carousel/CCarouselItem.js';
+export { CChip } from './components/chip/CChip.js';
 export { CCloseButton } from './components/close-button/CCloseButton.js';
 export { CCollapse } from './components/collapse/CCollapse.js';
 export { CConditionalPortal } from './components/conditional-portal/CConditionalPortal.js';
@@ -43,6 +44,7 @@ export { CFocusTrap } from './components/focus-trap/CFocusTrap.js';
 export { CFooter } from './components/footer/CFooter.js';
 export { CForm } from './components/form/CForm.js';
 export { CFormCheck } from './components/form/CFormCheck.js';
+export { CChipInput } from './components/form/CChipInput.js';
 export { CFormControlValidation } from './components/form/CFormControlValidation.js';
 export { CFormControlWrapper } from './components/form/CFormControlWrapper.js';
 export { CFormFeedback } from './components/form/CFormFeedback.js';

package/dist/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.9.2",
+  "version": "5.10.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.4.3",
+    "@coreui/coreui": "^5.6.0",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -51,10 +51,10 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
     "@types/prop-types": "15.7.15",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-transition-group": "^4.4.12",
     "classnames": "^2.5.1",
@@ -64,7 +64,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.53.3",
+    "rollup": "^4.59.0",
     "ts-jest": "^29.4.6",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3"