@coreui/react 5.9.2 → 5.10.0

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/form/CChipInput.d.ts

@@ -0,0 +1,92 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+type ChipClassName = string | ((value: string) => string);
+export interface CChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onInput' | 'onSelect'> {
+    /**
+     * Adds custom classes to the React Chip Input component root element.
+     */
+    className?: string;
+    /**
+     * Adds custom classes to chips rendered by the React Chip Input component. Accepts a static className or a resolver function based on chip value.
+     */
+    chipClassName?: ChipClassName;
+    /**
+     * Creates a new chip when the React Chip Input component loses focus with a pending value.
+     */
+    createOnBlur?: boolean;
+    /**
+     * Sets the initial uncontrolled values rendered by the React Chip Input component.
+     */
+    defaultValue?: string[];
+    /**
+     * Disables the React Chip Input component and prevents adding, removing, or selecting chips.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the `id` of the internal text input rendered by the React Chip Input component.
+     */
+    id?: string;
+    /**
+     * Renders an inline label inside the React Chip Input component container.
+     */
+    label?: ReactNode;
+    /**
+     * Sets the maximum number of chips that can be created in the React Chip Input component.
+     */
+    maxChips?: number | null;
+    /**
+     * Sets the name of the hidden input used by the React Chip Input component for form submission.
+     */
+    name?: string;
+    /**
+     * Callback fired when the React Chip Input component adds a new chip.
+     */
+    onAdd?: (value: string) => void;
+    /**
+     * Callback fired when the value list of the React Chip Input component changes.
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Callback fired when the internal text input value changes in the React Chip Input component.
+     */
+    onInput?: (value: string) => void;
+    /**
+     * Callback fired when the React Chip Input component removes a chip.
+     */
+    onRemove?: (value: string) => void;
+    /**
+     * Callback fired when the selected chip values change in the React Chip Input component.
+     */
+    onSelect?: (selected: string[]) => void;
+    /**
+     * Sets placeholder text for the internal input of the React Chip Input component.
+     */
+    placeholder?: string;
+    /**
+     * Makes the React Chip Input component readonly while keeping values visible.
+     */
+    readOnly?: boolean;
+    /**
+     * Displays remove buttons on chips managed by the React Chip Input component.
+     */
+    removable?: boolean;
+    /**
+     * Enables chip selection behavior in the React Chip Input component.
+     */
+    selectable?: boolean;
+    /**
+     * Sets the separator character used to create chips while typing or pasting in the React Chip Input component.
+     */
+    separator?: string | null;
+    /**
+     * Sets the size of the React Chip Input component to small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Controls the values rendered by the React Chip Input component.
+     *
+     * @controllable onChange
+     */
+    value?: string[];
+}
+export declare const CChipInput: React.ForwardRefExoticComponent<CChipInputProps & React.RefAttributes<HTMLDivElement>>;
+export {};