@coreui/react 5.9.2 → 5.11.0

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 {};

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';
@@ -29,6 +30,7 @@ export * from './pagination';
 export * from './placeholder';
 export * from './progress';
 export * from './popover';
+export * from './search-button';
 export * from './sidebar';
 export * from './spinner';
 export * from './table';

package/dist/esm/components/nav/CNavGroup.d.ts

@@ -18,7 +18,9 @@ export interface CNavGroupProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
     /**
      * Set group toggler label.
      */
-    toggler?: string | ReactNode;
+    toggler?: string | ReactNode | (({ visible }: {
+        visible: boolean;
+    }) => ReactNode);
     /**
      * Show nav group items.
      */

package/dist/esm/components/nav/CNavGroup.js

@@ -18,8 +18,11 @@ const CNavGroup = forwardRef((_a, ref) => {
     const { visibleGroup, setVisibleGroup } = useContext(CSidebarNavContext);
     const [_visible, setVisible] = useState(Boolean(visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx))));
     useEffect(() => {
-        setVisible(Boolean(idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)));
-    }, [visibleGroup]);
+        visible !== undefined && setVisible(visible);
+    }, [visible]);
+    useEffect(() => {
+        visibleGroup && setVisible(Boolean(idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)));
+    }, [idx, visibleGroup]);
     const handleTogglerOnCLick = (event) => {
         event.preventDefault();
         setVisibleGroup(_visible ? ((idx === null || idx === void 0 ? void 0 : idx.toString().includes('.')) ? idx.slice(0, idx.lastIndexOf('.')) : '') : idx);
@@ -55,9 +58,10 @@ const CNavGroup = forwardRef((_a, ref) => {
         unmounted: {},
     };
     const NavGroupItemsComponent = Component === 'li' ? 'ul' : 'div';
+    const togglerContent = typeof toggler === 'function' ? toggler({ visible: _visible }) : toggler;
     return (React.createElement(Component, Object.assign({ className: classNames('nav-group', { show: _visible }, className) }, rest, { ref: ref }),
-        toggler && (React.createElement("a", { className: "nav-link nav-group-toggle", href: "#", onClick: (event) => handleTogglerOnCLick(event) }, toggler)),
-        React.createElement(Transition, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, (state) => (React.createElement(NavGroupItemsComponent, { className: classNames('nav-group-items', {
+        toggler && (React.createElement("a", { className: "nav-link nav-group-toggle", href: "#", onClick: (event) => handleTogglerOnCLick(event) }, togglerContent)),
+        React.createElement(Transition, { appear: true, in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, (state) => (React.createElement(NavGroupItemsComponent, { className: classNames('nav-group-items', {
                 compact: compact,
             }), style: Object.assign(Object.assign({}, style), transitionStyles[state]), ref: navItemsRef }, children)))));
 });
@@ -67,7 +71,7 @@ CNavGroup.propTypes = {
     className: PropTypes.string,
     compact: PropTypes.bool,
     idx: PropTypes.string,
-    toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
     visible: PropTypes.bool,
 };
 CNavGroup.displayName = 'CNavGroup';

package/dist/esm/components/nav/CNavGroup.js.map

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

package/dist/esm/components/popover/CPopover.js

@@ -28,12 +28,23 @@ const CPopover = forwardRef((_a, ref) => {
         placement: getRTLPlacement(placement, togglerRef.current),
     };
     const computedPopperConfig = Object.assign(Object.assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
+    const handleShow = () => {
+        setMounted(true);
+        onShow === null || onShow === void 0 ? void 0 : onShow();
+    };
+    const handleHide = () => {
+        setTimeout(() => {
+            setVisible(false);
+            onHide === null || onHide === void 0 ? void 0 : onHide();
+        }, _delay.hide);
+    };
     useEffect(() => {
-        if (visible) {
+        if (visible === true) {
             handleShow();
-            return;
         }
-        handleHide();
+        else if (visible === false) {
+            handleHide();
+        }
     }, [visible]);
     useEffect(() => {
         if (mounted && togglerRef.current && popoverRef.current) {
@@ -54,20 +65,6 @@ const CPopover = forwardRef((_a, ref) => {
             }, popoverRef.current);
         }
     }, [_visible]);
-    const handleShow = () => {
-        setMounted(true);
-        if (onShow) {
-            onShow();
-        }
-    };
-    const handleHide = () => {
-        setTimeout(() => {
-            setVisible(false);
-            if (onHide) {
-                onHide();
-            }
-        }, _delay.hide);
-    };
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (_visible && {
             'aria-describedby': id,

package/dist/esm/components/popover/CPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAuJO,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAiBC,EACD,GAAG,KACD;QAnBF,EACE,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,GAAG,CAAC,EACT,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,EACvD,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACf,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,OAAO,EAAA,GAAA,EAER,EADI,IAAI,GAAA,MAAA,CAAA,EAAA,EAhBT,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAiBC,CADQ;AAIT,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC;AAE/C,IAAA,MAAM,EAAE,GAAG,CAAA,OAAA,EAAU,KAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;IAEhD,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE;IAEjD,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAE/E,IAAA,MAAM,mBAAmB,GAAqB;AAC5C,QAAA,SAAS,EAAE;YACT,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE;YACzD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,EAAE;YACjD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE;AACxC,SAAA;QACD,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;KAC1D;IAED,MAAM,oBAAoB,mCACrB,mBAAmB,CAAA,GAClB,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC,GAAG,YAAY,EAC1F;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,EAAI;AACZ,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,UAAU,CAAC,MAAK;YACd,UAAU,CAAC,KAAK,CAAC;AACjB,YAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,EAAI;AACZ,QAAA,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;AACjB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;AACpB,YAAA,UAAU,EAAE;QACd;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,EAAE;AAC5B,YAAA,UAAU,EAAE;QACd;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACb,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YACvD,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,oBAAoB,CAAC;YACxE,UAAU,CAAC,MAAK;gBACd,UAAU,CAAC,IAAI,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;YAEf;QACF;QAEA,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;AACxD,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YACzD,sBAAsB,CAAC,MAAK;gBAC1B,UAAU,CAAC,KAAK,CAAC;AACnB,YAAA,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;QACxB;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,KAAK,CAAC,YAAY,CAAC,QAAmC,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACjD,QAAQ,IAAI;AACd,YAAA,kBAAkB,EAAE,EAAE;AACvB,SAAA,MACD,GAAG,EAAE,UAAU,EAAA,CAAA,GACX,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,OAAO,EAAE,OAAO,QAAQ,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;AACxD,SAAA,EAAC,GACE,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,OAAO,EAAE,MAAM,UAAU,EAAE;AAC3B,YAAA,MAAM,EAAE,MAAM,UAAU,EAAE;AAC3B,SAAA,EAAC,GACE,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,YAAY,EAAE,MAAM,UAAU,EAAE;AAChC,YAAA,YAAY,EAAE,MAAM,UAAU,EAAE;AACjC,SAAA,EAAC,CACF;QACF,KAAA,CAAA,aAAA,CAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAA,EACnD,OAAO,KACN,2CACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,iBAAiB,EACjB;AACE,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,IAAI,EAAE,QAAQ;AACf,aAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,SAAS,IACV,IAAI,CAAA;YAER,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,CAAO;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,EAAE,KAAK,CAAO;YAC7C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,EAAE,OAAO,CAAO,CACzC,CACP,CACkB,CACpB;AAEP,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAChE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;AACzB,QAAA,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,KAAK,CAAC;AACd,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;AACjC,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;SAClC,CAAC;KACH,CAAC;AACF,IAAA,kBAAkB,EAAE,0BAA0B;AAC9C,IAAA,MAAM,EAAE,SAAS,CAAC,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACtE,IAAA,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACrE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/components/search-button/CSearchButton.d.ts

@@ -0,0 +1,32 @@
+import React, { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface CSearchButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Content to customize the full button body.
+     */
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Custom icon displayed before the placeholder text.
+     */
+    icon?: ReactNode;
+    /**
+     * Placeholder content rendered inside `.search-button-placeholder`.
+     */
+    placeholder?: ReactNode;
+    /**
+     * Callback fired when the component is activated by click or keyboard shortcut.
+     */
+    onTrigger?: () => void;
+    /**
+     * Prevent the browser's default behavior when the configured shortcut matches.
+     */
+    preventDefault?: boolean;
+    /**
+     * Comma-separated shortcut list. The component matches all configured shortcuts and renders the platform-preferred one.
+     */
+    shortcut?: string;
+}
+export declare const CSearchButton: React.ForwardRefExoticComponent<CSearchButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/search-button/CSearchButton.js

@@ -0,0 +1,75 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../_virtual/index.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+import { parseShortcut, getPreferredShortcut, formatShortcutTokens, shouldIgnoreShortcut, matchesShortcut, getPressedKeys } from './utils.js';
+
+const CSearchButton = forwardRef((_a, ref) => {
+    var { children, className, disabled, icon, onClick, onTrigger, placeholder = 'Search', preventDefault = true, shortcut = 'meta+/,ctrl+/', type = 'button' } = _a, rest = __rest(_a, ["children", "className", "disabled", "icon", "onClick", "onTrigger", "placeholder", "preventDefault", "shortcut", "type"]);
+    const buttonRef = useRef(null);
+    const forkedRef = useForkedRef(ref, buttonRef);
+    const [activeKeys, setActiveKeys] = useState([]);
+    const shortcuts = useMemo(() => parseShortcut(shortcut), [shortcut]);
+    const preferredShortcut = useMemo(() => getPreferredShortcut(shortcuts), [shortcuts]);
+    const shortcutTokens = useMemo(() => formatShortcutTokens((preferredShortcut === null || preferredShortcut === void 0 ? void 0 : preferredShortcut.shortcut) || ''), [preferredShortcut]);
+    const handleShortcut = useCallback((event) => {
+        if (disabled || event.defaultPrevented || event.repeat || shouldIgnoreShortcut(event)) {
+            return;
+        }
+        const matchedShortcut = shortcuts.find((shortcut) => matchesShortcut(shortcut, event));
+        if (!matchedShortcut) {
+            return;
+        }
+        if (preventDefault) {
+            event.preventDefault();
+        }
+        onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger();
+    }, [disabled, onTrigger, preventDefault, shortcuts]);
+    const handleDocumentKeydown = useCallback((event) => {
+        setActiveKeys(Array.from(getPressedKeys(event)));
+        handleShortcut(event);
+    }, [handleShortcut]);
+    const handleDocumentKeyup = useCallback((event) => {
+        setActiveKeys(Array.from(getPressedKeys(event)));
+    }, []);
+    const handleWindowBlur = useCallback(() => {
+        setActiveKeys([]);
+    }, []);
+    useEffect(() => {
+        if (typeof document === 'undefined' || typeof window === 'undefined') {
+            return;
+        }
+        document.addEventListener('keydown', handleDocumentKeydown);
+        document.addEventListener('keyup', handleDocumentKeyup);
+        window.addEventListener('blur', handleWindowBlur);
+        return () => {
+            document.removeEventListener('keydown', handleDocumentKeydown);
+            document.removeEventListener('keyup', handleDocumentKeyup);
+            window.removeEventListener('blur', handleWindowBlur);
+        };
+    }, [handleDocumentKeydown, handleDocumentKeyup, handleWindowBlur]);
+    const handleClick = (event) => {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger();
+    };
+    return (React.createElement("button", Object.assign({ type: type, className: classNames('search-button', className), disabled: disabled, onClick: handleClick }, rest, { ref: forkedRef }), children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null, icon !== null && icon !== void 0 ? icon : (React.createElement("svg", { className: "search-button-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "aria-hidden": "true" },
+        React.createElement("path", { fill: "currentColor", d: "m479.6 399.716-81.084-81.084-62.368-25.767A175 175 0 0 0 368 192c0-97.047-78.953-176-176-176S16 94.953 16 192s78.953 176 176 176a175.03 175.03 0 0 0 101.619-32.377l25.7 62.2 81.081 81.088a56 56 0 1 0 79.2-79.195M48 192c0-79.4 64.6-144 144-144s144 64.6 144 144-64.6 144-144 144S48 271.4 48 192m408.971 264.284a24.03 24.03 0 0 1-33.942 0l-76.572-76.572-23.894-57.835 57.837 23.894 76.573 76.572a24.03 24.03 0 0 1-.002 33.941" }))),
+        React.createElement("span", { className: "search-button-placeholder" }, placeholder))),
+        React.createElement("span", { className: "search-button-keys", "aria-hidden": "true" }, shortcutTokens.map((key) => (React.createElement("span", { className: classNames('search-button-key', { active: activeKeys.includes(key) }), "data-coreui-search-button-key": key, key: key }, key))))));
+});
+CSearchButton.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    disabled: PropTypes.bool,
+    icon: PropTypes.node,
+    onTrigger: PropTypes.func,
+    placeholder: PropTypes.node,
+    preventDefault: PropTypes.bool,
+    shortcut: PropTypes.string,
+};
+CSearchButton.displayName = 'CSearchButton';
+
+export { CSearchButton };
+//# sourceMappingURL=CSearchButton.js.map