@coreui/react-pro 5.24.1 → 5.26.0

package/dist/esm/components/carousel/CCarouselItem.js

@@ -41,39 +41,30 @@ const CCarouselItem = forwardRef((_a, ref) => {
             setCount(count + 1);
     }, [active]);
     useEffect(() => {
-        var _a, _b;
-        (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionstart', () => {
-            active && setAnimating(true);
-        });
-        (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', () => {
-            active && setAnimating(false);
-            setDirectionClassName('');
-            setOrderClassName('');
+        const element = carouselItemRef.current;
+        if (!element) {
+            return;
+        }
+        const handleTransitionStart = () => {
             if (active) {
-                setActiveClassName('active');
+                setAnimating(true);
             }
-            if (!active) {
-                setActiveClassName('');
+        };
+        const handleTransitionEnd = () => {
+            if (active) {
+                setAnimating(false);
             }
-        });
+            setDirectionClassName('');
+            setOrderClassName('');
+            setActiveClassName(active ? 'active' : '');
+        };
+        element.addEventListener('transitionstart', handleTransitionStart);
+        element.addEventListener('transitionend', handleTransitionEnd);
         return () => {
-            var _a, _b;
-            (_a = carouselItemRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionstart', () => {
-                active && setAnimating(true);
-            });
-            (_b = carouselItemRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', () => {
-                active && setAnimating(false);
-                setDirectionClassName('');
-                setOrderClassName('');
-                if (active) {
-                    setActiveClassName('active');
-                }
-                if (!active) {
-                    setActiveClassName('');
-                }
-            });
+            element.removeEventListener('transitionstart', handleTransitionStart);
+            element.removeEventListener('transitionend', handleTransitionEnd);
         };
-    });
+    }, [active]);
     return (React.createElement("div", Object.assign({ className: classNames('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {

package/dist/esm/components/carousel/CCarouselItem.js.map

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

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

@@ -32,6 +32,10 @@ export interface CChipProps extends HTMLAttributes<HTMLSpanElement | HTMLButtonE
      * Disables the React Chip component and removes interactive behavior.
      */
     disabled?: boolean;
+    /**
+     * Turns the React Chip component into a filter chip. A filter chip is selectable and shows a leading check icon while selected.
+     */
+    filter?: boolean;
     /**
      * Callback fired when the React Chip component becomes deselected.
      */
@@ -64,10 +68,18 @@ export interface CChipProps extends HTMLAttributes<HTMLSpanElement | HTMLButtonE
      * Controls the selected state of a selectable React Chip component.
      */
     selected?: boolean;
+    /**
+     * Replaces the default selected icon shown by a filter React Chip component with a custom icon node.
+     */
+    selectedIcon?: ReactNode;
     /**
      * Sets the size of the React Chip component to small or large.
      */
     size?: 'sm' | 'lg';
+    /**
+     * Sets the value associated with the React Chip component, used by `CChipSet` to track selection.
+     */
+    value?: string;
     /**
      * Sets the visual variant of the React Chip component to outline style.
      */

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

@@ -6,9 +6,10 @@ import '@popperjs/core';
 import { useForkedRef } from '../../hooks/useForkedRef.js';
 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"]);
+    var { active, ariaRemoveLabel = 'Remove', children, as: Component = 'span', className, clickable, color, disabled, filter, onClick, onDeselect, onKeyDown, onRemove, onSelect, onSelectedChange, removable, removeIcon, selectable, selected, selectedIcon, size, tabIndex, value, variant } = _a, rest = __rest(_a, ["active", "ariaRemoveLabel", "children", "as", "className", "clickable", "color", "disabled", "filter", "onClick", "onDeselect", "onKeyDown", "onRemove", "onSelect", "onSelectedChange", "removable", "removeIcon", "selectable", "selected", "selectedIcon", "size", "tabIndex", "value", "variant"]);
+    // A filter chip is selectable by definition.
+    const isSelectable = Boolean(selectable || filter);
     const chipRef = useRef(null);
     const forkedRef = useForkedRef(ref, chipRef);
     const isSelectedControlled = selected !== undefined;
@@ -19,32 +20,9 @@ const CChip = forwardRef((_a, ref) => {
             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 isFocusable = useMemo(() => Boolean(!disabled && (isSelectable || removable)), [disabled, isSelectable, removable]);
     const setSelectableState = (nextSelected, event) => {
-        if (!selectable || disabled || nextSelected === selectedState) {
+        if (!isSelectable || disabled || nextSelected === selectedState) {
             return;
         }
         if (!isSelectedControlled) {
@@ -75,7 +53,7 @@ const CChip = forwardRef((_a, ref) => {
         if (event.target.closest('.chip-remove')) {
             return;
         }
-        if (selectable) {
+        if (isSelectable) {
             toggleSelectedState(event);
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -89,7 +67,7 @@ const CChip = forwardRef((_a, ref) => {
             case 'Enter':
             case ' ':
             case 'Spacebar': {
-                if (selectable) {
+                if (isSelectable) {
                     event.preventDefault();
                     toggleSelectedState(event);
                 }
@@ -99,54 +77,26 @@ const CChip = forwardRef((_a, ref) => {
             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,
+            active: isSelectable ? selectedState : active,
             disabled,
             [`chip-${color}`]: color,
             [`chip-${size}`]: size,
-            'chip-clickable': clickable || selectable || Boolean(onClick),
+            'chip-clickable': clickable || isSelectable || 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 }),
+        }, className), "data-coreui-chip-focusable": isFocusable || undefined, "data-coreui-chip-value": value }, (disabled && { 'aria-disabled': true }), (isSelectable && { 'aria-selected': selectedState }), (isFocusable && tabIndex === undefined && { tabIndex: 0 }), { onClick: handleClick, onKeyDown: handleKeyDown }, (Component === 'button' && { disabled }), rest, { ref: forkedRef }),
+        filter && selectedState && (React.createElement("span", { className: "chip-check", "aria-hidden": "true" }, selectedIcon !== null && selectedIcon !== void 0 ? selectedIcon : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 512 512", fill: "currentColor" },
+            React.createElement("path", { d: "M425.373 89.373 196 318.745 86.627 209.373l-45.254 45.254L196 409.255l274.627-274.628z" }))))),
         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" },
+        removable && !disabled && (React.createElement("button", { type: "button", className: "chip-remove", "aria-label": ariaRemoveLabel, onClick: handleRemoveClick, tabIndex: -1 }, 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" })))))));
 });
@@ -159,6 +109,7 @@ CChip.propTypes = {
     clickable: PropTypes.bool,
     color: colorPropType,
     disabled: PropTypes.bool,
+    filter: PropTypes.bool,
     onDeselect: PropTypes.func,
     onRemove: PropTypes.func,
     onSelect: PropTypes.func,
@@ -167,7 +118,9 @@ CChip.propTypes = {
     removeIcon: PropTypes.node,
     selectable: PropTypes.bool,
     selected: PropTypes.bool,
+    selectedIcon: PropTypes.node,
     size: PropTypes.oneOf(['sm', 'lg']),
+    value: PropTypes.string,
     variant: PropTypes.oneOf(['outline']),
 };
 CChip.displayName = 'CChip';

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

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

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

@@ -0,0 +1 @@
+export declare const SELECTOR_CHIP_FOCUSABLE = "[data-coreui-chip-focusable=\"true\"]:not(.disabled)";

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

@@ -0,0 +1,6 @@
+// Chips advertise their own focusability via `data-coreui-chip-focusable`,
+// so containers (CChipSet, CChipInput) read it instead of re-deriving it.
+const SELECTOR_CHIP_FOCUSABLE = '[data-coreui-chip-focusable="true"]:not(.disabled)';
+
+export { SELECTOR_CHIP_FOCUSABLE };
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../../../src/components/chip/const.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACO,MAAM,uBAAuB,GAAG;;;;"}

package/dist/esm/components/chip-set/CChipSet.d.ts

@@ -0,0 +1,73 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { type CChipSetItem } from './useChipSet';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
+export type { CChipSetItem };
+export interface CChipSetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /**
+     * Provides an accessible label for the remove button of every chip rendered by the React Chip Set component.
+     */
+    ariaRemoveLabel?: string;
+    /**
+     * Specifies the root element or custom component used by the React Chip Set component.
+     */
+    as?: ElementType;
+    /**
+     * Renders chips from data instead of children. Each item is a string or an object with a `value`, an optional `label`, and any `CChip` props. Children are used when this is omitted.
+     */
+    chips?: (string | CChipSetItem)[];
+    /**
+     * Adds custom classes to the React Chip Set root element.
+     */
+    className?: string;
+    /**
+     * Sets the initial uncontrolled chips. In this mode the React Chip Set component owns the list and removes chips itself; use `chips` (with `onRemove`) for a controlled list.
+     */
+    defaultChips?: (string | CChipSetItem)[];
+    /**
+     * Sets the initial uncontrolled selection of the React Chip Set component.
+     */
+    defaultSelected?: string[];
+    /**
+     * Disables every chip rendered by the React Chip Set component.
+     */
+    disabled?: boolean;
+    /**
+     * Turns the chips into filter chips, each showing a leading check icon while selected.
+     */
+    filter?: boolean;
+    /**
+     * Callback fired when a chip requests removal. The chips are controlled by their rendered children, so remove the chip from your data in response.
+     */
+    onRemove?: (value: string) => void;
+    /**
+     * Callback fired when the selected chip values of the React Chip Set component change.
+     */
+    onSelect?: (selected: string[]) => void;
+    /**
+     * Displays a remove button on every chip rendered by the React Chip Set component.
+     */
+    removable?: boolean;
+    /**
+     * Replaces the default remove icon on every chip with a custom icon node.
+     */
+    removeIcon?: ReactNode;
+    /**
+     * Enables selection behavior for the chips rendered by the React Chip Set component.
+     */
+    selectable?: boolean;
+    /**
+     * Controls the selected chip values of the React Chip Set component.
+     *
+     * @controllable onSelect
+     */
+    selected?: string[];
+    /**
+     * Replaces the default selected icon shown by filter chips with a custom icon node.
+     */
+    selectedIcon?: ReactNode;
+    /**
+     * Sets how many chips can be selected at once in the React Chip Set component.
+     */
+    selectionMode?: 'single' | 'multiple';
+}
+export declare const CChipSet: PolymorphicRefForwardingComponent<'div', CChipSetProps>;

package/dist/esm/components/chip-set/CChipSet.js

@@ -0,0 +1,64 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../_virtual/index.js';
+import { useChipSet } from './useChipSet.js';
+import '@popperjs/core';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+
+const itemValue = (item) => typeof item === 'string' ? item : item.value;
+const CChipSet = forwardRef((_a, ref) => {
+    var { ariaRemoveLabel, as: Component = 'div', children, chips, className, defaultChips, defaultSelected, disabled, filter, onKeyDown, onRemove, onSelect, removable, removeIcon, selectable, selected, selectedIcon, selectionMode } = _a, rest = __rest(_a, ["ariaRemoveLabel", "as", "children", "chips", "className", "defaultChips", "defaultSelected", "disabled", "filter", "onKeyDown", "onRemove", "onSelect", "removable", "removeIcon", "selectable", "selected", "selectedIcon", "selectionMode"]);
+    // The chip list is controlled by `chips` (or children) or, with `defaultChips`,
+    // uncontrolled — then the set owns the list and removes chips itself.
+    const isUncontrolledList = chips === undefined && defaultChips !== undefined;
+    const [_chips, setChips] = useState(defaultChips !== null && defaultChips !== void 0 ? defaultChips : []);
+    const { rootRef, handleKeyDown, renderChips, renderChipsFromData } = useChipSet({
+        ariaRemoveLabel,
+        defaultSelected,
+        disabled,
+        filter,
+        removable,
+        removeIcon,
+        selectable,
+        selected,
+        selectedIcon,
+        selectionMode,
+        onRemoveChip: (value) => {
+            if (isUncontrolledList) {
+                setChips((prev) => prev.filter((item) => itemValue(item) !== value));
+            }
+            onRemove === null || onRemove === void 0 ? void 0 : onRemove(value);
+        },
+        onSelectionChange: onSelect,
+    });
+    const forkedRef = useForkedRef(ref, rootRef);
+    const items = chips !== null && chips !== void 0 ? chips : (isUncontrolledList ? _chips : undefined);
+    return (React.createElement(Component, Object.assign({ className: classNames('chip-set', { disabled }, className) }, (disabled && { 'aria-disabled': true }), { onKeyDown: (event) => {
+            handleKeyDown(event);
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        } }, rest, { ref: forkedRef }), items ? renderChipsFromData(items) : renderChips(children)));
+});
+CChipSet.propTypes = {
+    ariaRemoveLabel: PropTypes.string,
+    as: PropTypes.elementType,
+    children: PropTypes.node,
+    chips: PropTypes.array,
+    className: PropTypes.string,
+    defaultChips: PropTypes.array,
+    defaultSelected: PropTypes.array,
+    disabled: PropTypes.bool,
+    filter: PropTypes.bool,
+    onRemove: PropTypes.func,
+    onSelect: PropTypes.func,
+    removable: PropTypes.bool,
+    removeIcon: PropTypes.node,
+    selectable: PropTypes.bool,
+    selected: PropTypes.array,
+    selectedIcon: PropTypes.node,
+    selectionMode: PropTypes.oneOf(['single', 'multiple']),
+};
+CChipSet.displayName = 'CChipSet';
+
+export { CChipSet };
+//# sourceMappingURL=CChipSet.js.map

package/dist/esm/components/chip-set/CChipSet.js.map

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

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

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

package/dist/esm/components/chip-set/useChipSet.d.ts

@@ -0,0 +1,48 @@
+import React, { KeyboardEvent, ReactNode } from 'react';
+import { type CChipProps } from '../chip/CChip';
+export interface CChipSetItem extends Omit<CChipProps, 'value' | 'children'> {
+    /**
+     * The value that identifies the chip and tracks its selection.
+     */
+    value: string;
+    /**
+     * The chip content. Falls back to `value` when omitted.
+     */
+    label?: ReactNode;
+}
+export interface UseChipSetOptions {
+    ariaRemoveLabel?: string;
+    defaultSelected?: string[];
+    disabled?: boolean;
+    filter?: boolean;
+    removable?: boolean;
+    removeIcon?: ReactNode;
+    /**
+     * Move focus to a neighboring chip after one is removed. Containers that own a
+     * different focus target after removal (e.g. CChipInput refocuses its input)
+     * set this to `false`.
+     */
+    restoreFocusOnRemove?: boolean;
+    selectable?: boolean;
+    selected?: string[];
+    selectedIcon?: ReactNode;
+    selectionMode?: 'single' | 'multiple';
+    onRemoveChip?: (value: string) => void;
+    onSelectionChange?: (selected: string[]) => void;
+}
+/**
+ * The shared chip-set engine. Both `CChipSet` and `CChipInput` build on it — the
+ * React equivalent of the vanilla `ChipInput extends ChipSet`. It owns selection
+ * coordination (single/multiple, controlled-or-uncontrolled), roving focus, the
+ * focus-a-neighbor-after-removal behavior, and the per-chip prop injection.
+ * Existence of the chips stays with the caller (its children / value list).
+ */
+export declare const useChipSet: (options: UseChipSetOptions) => {
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    selectedValues: string[];
+    clearSelection: () => void;
+    getFocusableChips: () => HTMLElement[];
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => boolean;
+    renderChips: (children: ReactNode) => ReactNode;
+    renderChipsFromData: (items: (string | CChipSetItem)[]) => ReactNode;
+};