@coreui/react 5.0.0-alpha.3 → 5.0.0-beta.1

package/dist/esm/components/toast/CToast.d.ts

@@ -0,0 +1,53 @@
+import React, { HTMLAttributes } from 'react';
+import type { Colors } from '../../types';
+export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Apply a CSS fade transition to the toast.
+     */
+    animation?: boolean;
+    /**
+     * Auto hide the toast.
+     */
+    autohide?: boolean;
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Delay hiding the toast (ms).
+     */
+    delay?: number;
+    /**
+     * @ignore
+     */
+    index?: number;
+    /**
+     * @ignore
+     */
+    key?: number;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: (index: number | null) => void;
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    onShow?: (index: number | null) => void;
+    /**
+     * Toggle the visibility of component.
+     */
+    visible?: boolean;
+}
+interface ContextProps extends CToastProps {
+    visible?: boolean;
+    setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+}
+export declare const CToastContext: React.Context<ContextProps>;
+export declare const CToast: React.ForwardRefExoticComponent<CToastProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/toast/CToast.js

@@ -0,0 +1,66 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { createContext, forwardRef, useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+import { colorPropType } from '../../props.js';
+import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
+
+var CToastContext = createContext({});
+var CToast = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.autohide, autohide = _c === void 0 ? true : _c, className = _a.className, color = _a.color, _d = _a.delay, delay = _d === void 0 ? 5000 : _d, index = _a.index, key = _a.key, _e = _a.visible, visible = _e === void 0 ? false : _e, onClose = _a.onClose, onShow = _a.onShow, rest = __rest(_a, ["children", "animation", "autohide", "className", "color", "delay", "index", "key", "visible", "onClose", "onShow"]);
+    var toastRef = useRef();
+    var forkedRef = useForkedRef(ref, toastRef);
+    var _f = useState(false), _visible = _f[0], setVisible = _f[1];
+    var timeout = useRef();
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    var contextValues = {
+        visible: _visible,
+        setVisible: setVisible,
+    };
+    // triggered on mount and destroy
+    useEffect(function () { return function () { return clearTimeout(timeout.current); }; }, []);
+    useEffect(function () {
+        _autohide();
+    }, [_visible]);
+    var _autohide = function () {
+        if (autohide) {
+            clearTimeout(timeout.current);
+            timeout.current = window.setTimeout(function () {
+                setVisible(false);
+            }, delay);
+        }
+    };
+    return (React.createElement(Transition, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index !== null && index !== void 0 ? index : null); }, onExited: function () { return onClose && onClose(index !== null && index !== void 0 ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
+        var _a;
+        return (React.createElement(CToastContext.Provider, { value: contextValues },
+            React.createElement("div", __assign({ className: classNames('toast', (_a = {
+                        fade: animation
+                    },
+                    _a["bg-".concat(color)] = color,
+                    _a['border-0'] = color,
+                    _a['show showing'] = state === 'entering' || state === 'exiting',
+                    _a.show = state === 'entered',
+                    _a), className), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: key, ref: forkedRef }), children)));
+    }));
+});
+CToast.propTypes = {
+    animation: PropTypes.bool,
+    autohide: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    color: colorPropType,
+    delay: PropTypes.number,
+    index: PropTypes.number,
+    key: PropTypes.number,
+    onClose: PropTypes.func,
+    onShow: PropTypes.func,
+    visible: PropTypes.bool,
+};
+CToast.displayName = 'CToast';
+
+export { CToast, CToastContext };
+//# sourceMappingURL=CToast.js.map

package/dist/esm/components/toast/CToast.js.map

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

package/dist/esm/components/toast/CToastBody.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CToastBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+}
+export declare const CToastBody: React.ForwardRefExoticComponent<CToastBodyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/toast/CToastBody.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CToastBody = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('toast-body', className) }, rest, { ref: ref }), children));
+});
+CToastBody.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CToastBody.displayName = 'CToastBody';
+
+export { CToastBody };
+//# sourceMappingURL=CToastBody.js.map

package/dist/esm/components/toast/CToastBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastBody.js","sources":["../../../../src/components/toast/CToastBody.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,UAAU,GAAG,UAAU,CAClC,UAAC,EAAgC,EAAE,GAAG,EAAA;IAAnC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,GAA9B,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAAgC,CAAF,CAAA;IAC7B,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACpE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/toast/CToastClose.d.ts

@@ -0,0 +1,12 @@
+import React, { ElementType } from 'react';
+import { CButtonProps } from '../button/CButton';
+import { CCloseButtonProps } from '../close-button/CCloseButton';
+type CombineButtonProps = CCloseButtonProps & CButtonProps;
+export interface CToastCloseProps extends CombineButtonProps {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+}
+export declare const CToastClose: React.ForwardRefExoticComponent<CToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/esm/components/toast/CToastClose.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useContext } from 'react';
+import PropTypes from 'prop-types';
+import { CCloseButton } from '../close-button/CCloseButton.js';
+import { CToastContext } from './CToast.js';
+
+var CToastClose = forwardRef(function (_a, ref) {
+    var children = _a.children, Component = _a.component, rest = __rest(_a, ["children", "component"]);
+    var setVisible = useContext(CToastContext).setVisible;
+    return Component ? (React.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React.createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
+});
+CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: PropTypes.elementType });
+CToastClose.displayName = 'CToastClose';
+
+export { CToastClose };
+//# sourceMappingURL=CToastClose.js.map

package/dist/esm/components/toast/CToastClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiBa,WAAW,GAAG,UAAU,CACnC,UAAC,EAA2C,EAAE,GAAG,EAAA;IAA9C,IAAA,QAAQ,cAAA,EAAa,SAAS,eAAA,EAAK,IAAI,GAAzC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAA2C,CAAF,CAAA;AAChC,IAAA,IAAA,UAAU,GAAK,UAAU,CAAC,aAAa,CAAC,WAA9B,CAA8B;IAChD,OAAO,SAAS,IACd,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,CAAA,EAAA,EAAA,EAAM,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAC5D,CAAA,EAAA,QAAQ,CACC,KAEZ,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CACvE,CAAA;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAChB,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,YAAY,CAAC,SAAS,CACzB,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,WAAW,GACjC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/toast/CToastHeader.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CToastHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Automatically add a close button to the header.
+     */
+    closeButton?: boolean;
+}
+export declare const CToastHeader: React.ForwardRefExoticComponent<CToastHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/toast/CToastHeader.js

@@ -0,0 +1,21 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CToastClose } from './CToastClose.js';
+
+var CToastHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, closeButton = _a.closeButton, rest = __rest(_a, ["children", "className", "closeButton"]);
+    return (React.createElement("div", __assign({ className: classNames('toast-header', className) }, rest, { ref: ref }),
+        children,
+        closeButton && React.createElement(CToastClose, null)));
+});
+CToastHeader.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    closeButton: PropTypes.bool,
+};
+CToastHeader.displayName = 'CToastHeader';
+
+export { CToastHeader };
+//# sourceMappingURL=CToastHeader.js.map

package/dist/esm/components/toast/CToastHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastHeader.js","sources":["../../../../src/components/toast/CToastHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiBa,YAAY,GAAG,UAAU,CACpC,UAAC,EAA6C,EAAE,GAAG,EAAA;AAAhD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAK,IAAI,GAA3C,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,aAAA,CAA6C,CAAF,CAAA;AAC1C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA;QACtE,QAAQ;AACR,QAAA,WAAW,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAG,IAAA,CAAA,CAC3B,EACP;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,WAAW,EAAE,SAAS,CAAC,IAAI;CAC5B,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/toast/CToaster.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes, ReactElement } from 'react';
+export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Describes the placement of your component.
+     *
+     * @type 'top-start' | 'top' | 'top-end' | 'middle-start' | 'middle' | 'middle-end' | 'bottom-start' | 'bottom' | 'bottom-end' | string
+     */
+    placement?: 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | string;
+    /**
+     * Adds new `CToast` to `CToaster`.
+     */
+    push?: ReactElement;
+}
+export declare const CToaster: React.ForwardRefExoticComponent<CToasterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/toast/CToaster.js

@@ -0,0 +1,60 @@
+import { __rest, __spreadArray, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
+
+var CToaster = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, placement = _a.placement, push = _a.push, rest = __rest(_a, ["children", "className", "placement", "push"]);
+    var _b = useState([]), toasts = _b[0], setToasts = _b[1];
+    var index = useRef(0);
+    useEffect(function () {
+        index.current++;
+        push && addToast(push);
+    }, [push]);
+    var addToast = function (push) {
+        setToasts(function (state) { return __spreadArray(__spreadArray([], state, true), [
+            React.cloneElement(push, {
+                index: index.current,
+                key: index.current,
+                onClose: function (index) {
+                    return setToasts(function (state) { return state.filter(function (i) { return i.props.index !== index; }); });
+                },
+            }),
+        ], false); });
+    };
+    return (React.createElement(CConditionalPortal, { portal: typeof placement === 'string' }, toasts.length > 0 || children ? (React.createElement("div", __assign({ className: classNames('toaster toast-container p-3', {
+            'position-fixed': placement,
+            'top-0': placement && placement.includes('top'),
+            'top-50 translate-middle-y': placement && placement.includes('middle'),
+            'bottom-0': placement && placement.includes('bottom'),
+            'start-0': placement && placement.includes('start'),
+            'start-50 translate-middle-x': placement && placement.includes('center'),
+            'end-0': placement && placement.includes('end'),
+        }, className) }, rest, { ref: ref }),
+        children,
+        toasts.map(function (toast) { return React.cloneElement(toast, { visible: true }); }))) : null));
+});
+CToaster.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    placement: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.oneOf([
+            'top-start',
+            'top-center',
+            'top-end',
+            'middle-start',
+            'middle-center',
+            'middle-end',
+            'bottom-start',
+            'bottom-center',
+            'bottom-end',
+        ]),
+    ]),
+    push: PropTypes.any,
+};
+CToaster.displayName = 'CToaster';
+
+export { CToaster };
+//# sourceMappingURL=CToaster.js.map

package/dist/esm/components/toast/CToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToaster.js","sources":["../../../../src/components/toast/CToaster.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAgCa,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF,CAAA;IACxC,IAAA,EAAA,GAAsB,QAAQ,CAAiB,EAAE,CAAC,EAAjD,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAgC,CAAA;AACxD,IAAA,IAAM,KAAK,GAAG,MAAM,CAAS,CAAC,CAAC,CAAA;AAE/B,IAAA,SAAS,CAAC,YAAA;QACR,KAAK,CAAC,OAAO,EAAE,CAAA;AACf,QAAA,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AACxB,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,QAAQ,GAAG,UAAC,IAAkB,EAAA;AAClC,QAAA,SAAS,CAAC,UAAC,KAAK,EAAA,EAAK,uCAChB,KAAK,EAAA,IAAA,CAAA,EAAA;AACR,YAAA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBACvB,KAAK,EAAE,KAAK,CAAC,OAAO;gBACpB,GAAG,EAAE,KAAK,CAAC,OAAO;gBAClB,OAAO,EAAE,UAAC,KAAa,EAAA;oBACrB,OAAA,SAAS,CAAC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAA,EAAA,CAAC,CAA5C,EAA4C,CAAC,CAAA;iBAAA;aACrE,CAAC;AAPiB,SAAA,EAAA,KAAA,CAAA,CAAA,EAQpB,CAAC,CAAA;AACJ,KAAC,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAC,MAAM,EAAE,OAAO,SAAS,KAAK,QAAQ,EACtD,EAAA,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,IAC5B,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B;AACE,YAAA,gBAAgB,EAAE,SAAS;YAC3B,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC/C,2BAA2B,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACtE,UAAU,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACrD,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;YACnD,6BAA6B,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACxE,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAChD,SAAA,EACD,SAAS,CACV,EAAA,EACG,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA;QAEP,QAAQ;AACR,QAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAA5C,EAA4C,CAAC,CAChE,IACJ,IAAI,CACW,EACtB;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC;AAC7B,QAAA,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,KAAK,CAAC;YACd,WAAW;YACX,YAAY;YACZ,SAAS;YACT,cAAc;YACd,eAAe;YACf,YAAY;YACZ,cAAc;YACd,eAAe;YACf,YAAY;SACb,CAAC;KACH,CAAC;IACF,IAAI,EAAE,SAAS,CAAC,GAAG;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

@@ -0,0 +1,6 @@
+import { CToast } from './CToast';
+import { CToastBody } from './CToastBody';
+import { CToastClose } from './CToastClose';
+import { CToastHeader } from './CToastHeader';
+import { CToaster } from './CToaster';
+export { CToast, CToastBody, CToastClose, CToastHeader, CToaster };

package/dist/esm/components/tooltip/CTooltip.d.ts

@@ -0,0 +1,66 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import type { Placements, Triggers } from '../../types';
+export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0
+     */
+    animation?: boolean;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Appends the react tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v4.11.0
+     */
+    container?: Element | (() => Element | null) | null;
+    /**
+     * Content node for your component.
+     */
+    content: ReactNode | string;
+    /**
+     * The delay for displaying and hiding the tooltip (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements?: Placements | Placements[];
+    /**
+     * Offset of the tooltip relative to its target.
+     */
+    offset?: [number, number];
+    /**
+     * Callback fired when the component requests to be hidden.
+     */
+    onHide?: () => void;
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    onShow?: () => void;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger?: Triggers | Triggers[];
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Toggle the visibility of tooltip component.
+     */
+    visible?: boolean;
+}
+export declare const CTooltip: React.ForwardRefExoticComponent<CTooltipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/tooltip/CTooltip.js

@@ -0,0 +1,108 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import classNames from '../../node_modules/classnames/index.js';
+import PropTypes from 'prop-types';
+import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import { usePopper } from '../../hooks/usePopper.js';
+import { fallbackPlacementsPropType, triggerPropType } from '../../props.js';
+import getTransitionDurationFromElement from '../../utils/getTransitionDurationFromElement.js';
+import getRTLPlacement from '../../utils/getRTLPlacement.js';
+import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
+
+var CTooltip = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 6] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, _g = _a.trigger, trigger = _g === void 0 ? ['hover', 'focus'] : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
+    var tooltipRef = useRef(null);
+    var togglerRef = useRef(null);
+    var forkedRef = useForkedRef(ref, tooltipRef);
+    var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
+    var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
+    var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
+    var popperConfig = {
+        modifiers: [
+            {
+                name: 'arrow',
+                options: {
+                    element: '.tooltip-arrow',
+                },
+            },
+            {
+                name: 'flip',
+                options: {
+                    fallbackPlacements: fallbackPlacements,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: offset,
+                },
+            },
+        ],
+        placement: getRTLPlacement(placement, togglerRef.current),
+    };
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    useEffect(function () {
+        if (_visible && togglerRef.current && tooltipRef.current) {
+            initPopper(togglerRef.current, tooltipRef.current, popperConfig);
+        }
+        return function () {
+            destroyPopper();
+        };
+    }, [_visible]);
+    var toggleVisible = function (visible) {
+        if (visible) {
+            setTimeout(function () { return setVisible(true); }, _delay.show);
+            return;
+        }
+        setTimeout(function () { return setVisible(false); }, _delay.hide);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, __assign(__assign(__assign({ ref: togglerRef }, ((trigger === 'click' || trigger.includes('click')) && {
+            onClick: function () { return toggleVisible(!_visible); },
+        })), ((trigger === 'focus' || trigger.includes('focus')) && {
+            onFocus: function () { return toggleVisible(true); },
+            onBlur: function () { return toggleVisible(false); },
+        })), ((trigger === 'hover' || trigger.includes('hover')) && {
+            onMouseEnter: function () { return toggleVisible(true); },
+            onMouseLeave: function () { return toggleVisible(false); },
+        }))),
+        React.createElement(CConditionalPortal, { container: container, portal: true },
+            React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
+                    enter: 0,
+                    exit: tooltipRef.current
+                        ? getTransitionDurationFromElement(tooltipRef.current) + 50
+                        : 200,
+                }, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('tooltip', 'bs-tooltip-auto', {
+                    fade: animation,
+                    show: state === 'entered',
+                }, className), ref: forkedRef, role: "tooltip" }, rest),
+                React.createElement("div", { className: "tooltip-arrow" }),
+                React.createElement("div", { className: "tooltip-inner" }, content))); }))));
+});
+CTooltip.propTypes = {
+    animation: PropTypes.bool,
+    children: PropTypes.node,
+    container: PropTypes.any,
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    delay: PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.shape({
+            show: PropTypes.number.isRequired,
+            hide: PropTypes.number.isRequired,
+        }),
+    ]),
+    fallbackPlacements: fallbackPlacementsPropType,
+    offset: PropTypes.any,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    trigger: triggerPropType,
+    visible: PropTypes.bool,
+};
+CTooltip.displayName = 'CTooltip';
+
+export { CTooltip };
+//# sourceMappingURL=CTooltip.js.map

package/dist/esm/components/tooltip/CTooltip.js.map

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

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

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

package/dist/esm/components/widgets/CWidgetStatsA.d.ts

@@ -0,0 +1,31 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import type { Colors } from '../../types';
+export interface CWidgetStatsAProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Action node for your component.
+     */
+    action?: ReactNode;
+    /**
+     * Chart node for your component.
+     */
+    chart?: string | ReactNode;
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Title node for your component.
+     */
+    title?: string | ReactNode;
+    /**
+     * Value node for your component.
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsA: React.ForwardRefExoticComponent<CWidgetStatsAProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/widgets/CWidgetStatsA.js

@@ -0,0 +1,40 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CCard } from '../card/CCard.js';
+import { CCardBody } from '../card/CCardBody.js';
+import '../card/CCardFooter.js';
+import '../card/CCardGroup.js';
+import '../card/CCardHeader.js';
+import '../card/CCardImage.js';
+import '../card/CCardImageOverlay.js';
+import '../card/CCardLink.js';
+import '../card/CCardSubtitle.js';
+import '../card/CCardText.js';
+import '../card/CCardTitle.js';
+import { colorPropType } from '../../props.js';
+
+var CWidgetStatsA = forwardRef(function (_a, ref) {
+    var _b;
+    var action = _a.action, chart = _a.chart, className = _a.className, color = _a.color, title = _a.title, value = _a.value, rest = __rest(_a, ["action", "chart", "className", "color", "title", "value"]);
+    return (React.createElement(CCard, __assign({ className: classNames((_b = {}, _b["bg-".concat(color)] = color, _b['text-white'] = color, _b), className) }, rest, { ref: ref }),
+        React.createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
+            React.createElement("div", null,
+                value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+                title && React.createElement("div", null, title)),
+            action),
+        chart));
+});
+CWidgetStatsA.propTypes = {
+    action: PropTypes.node,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
+    color: colorPropType,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsA.displayName = 'CWidgetStatsA';
+
+export { CWidgetStatsA };
+//# sourceMappingURL=CWidgetStatsA.js.map

package/dist/esm/components/widgets/CWidgetStatsA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsA.js","sources":["../../../../src/components/widgets/CWidgetStatsA.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;IAsCa,aAAa,GAAG,UAAU,CACrC,UAAC,EAA0D,EAAE,GAAG,EAAA;;IAA7D,IAAA,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAxD,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAA0D,CAAF,CAAA;IACvD,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EACjB,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK,EAAE,EAAA,CAAA,YAAA,CAAY,GAAE,KAAK,EAC7C,EAAA,GAAA,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA;AAC1E,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACG,gBAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAO;AACxD,gBAAA,KAAK,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,KAAK,CAAO,CACxB;AACL,YAAA,MAAM,CACG;QACX,KAAK,CACA,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/components/widgets/CWidgetStatsB.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
+export interface CWidgetStatsBProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Colors have been inverted from their default dark shade.
+     */
+    inverse?: boolean;
+    /**
+     * Sets the color context of the progress bar to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    progress?: CProgressProps;
+    /**
+     * Title node for your component.
+     */
+    title?: string | ReactNode;
+    /**
+     * Helper text for your component.
+     */
+    text?: string;
+    /**
+     * Value node for your component.
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsB: React.ForwardRefExoticComponent<CWidgetStatsBProps & React.RefAttributes<HTMLDivElement>>;