@coreui/react-pro 5.0.0-alpha.2 → 5.0.0-beta.0

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":"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"}

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":";;;;;;;;;;;;IAwEa,QAAQ,GAAG,UAAU,CAChC,UACE,EAeC,EACD,GAAG,EAAA;AAfD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAS,GAAA,EAAA,CAAA,KAAA,EAAT,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAA,EACT,EAAA,GAAA,EAAA,CAAA,kBAAuD,EAAvD,kBAAkB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAA,EAAA,EACvD,EAAe,GAAA,EAAA,CAAA,MAAA,EAAf,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,EAAA,EACf,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAA4B,GAAA,EAAA,CAAA,OAAA,EAA5B,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,OAAO,EAAE,OAAO,CAAC,GAAA,EAAA,EAC5B,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EAdT,8JAeC,CADQ,CAAA;AAIT,IAAA,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;AAC/B,IAAA,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;IAEzC,IAAA,EAAA,GAAgC,SAAS,EAAE,EAAzC,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAgB,CAAA;IAC3C,IAAA,EAAA,GAAyB,QAAQ,CAAC,OAAO,CAAC,EAAzC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAqB,CAAA;IAEhD,IAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;AAE/E,IAAA,IAAM,YAAY,GAAG;AACnB,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,OAAO;AACb,gBAAA,OAAO,EAAE;AACP,oBAAA,OAAO,EAAE,gBAAgB;AAC1B,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE;AACP,oBAAA,kBAAkB,EAAE,kBAAkB;AACvC,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,MAAM,EAAE,MAAM;AACf,iBAAA;AACF,aAAA;AACF,SAAA;QACD,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;KAC1D,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;QACR,UAAU,CAAC,OAAO,CAAC,CAAA;AACrB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AAEb,IAAA,SAAS,CAAC,YAAA;QACR,IAAI,QAAQ,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YACxD,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AACjE,SAAA;QAED,OAAO,YAAA;AACL,YAAA,aAAa,EAAE,CAAA;AACjB,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,aAAa,GAAG,UAAC,OAAgB,EAAA;AACrC,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,UAAU,CAAC,YAAA,EAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAhB,EAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;YAC/C,OAAM;AACP,SAAA;AAED,QAAA,UAAU,CAAC,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;AAClD,KAAC,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,CAAC,YAAY,CAAC,QAAmC,+BACrD,GAAG,EAAE,UAAU,EAAA,GACX,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAA,EAAA;AACxC,SAAA,EACE,GAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA;YAClC,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,GAAA;AACnC,SAAA,EACE,GAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,YAAY,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA;YACvC,YAAY,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,GAAA;AACzC,SAAA,EACD,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,kBAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAA;YACpD,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,YAAY,QACZ,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;AACP,oBAAA,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,UAAU,CAAC,OAAO;0BACpB,gCAAgC,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE;AAC3D,0BAAE,GAAG;AACR,iBAAA,EACD,aAAa,EAAA,IAAA,EAAA,EAEZ,UAAC,KAAK,IAAK,QACV,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,iBAAiB,EACjB;AACE,oBAAA,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,KAAK,KAAK,SAAS;iBAC1B,EACD,SAAS,CACV,EACD,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,SAAS,EAAA,EACV,IAAI,CAAA;gBAER,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAO,CAAA;AACrC,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,EAAE,OAAO,CAAO,CAC1C,EACP,EAAA,CACU,CACM,CACpB,EACJ;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,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;IAC9C,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,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

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

package/dist/esm/components/virtual-scroller/CVirtualScroller.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export interface CVirtualScrollerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onScroll'> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Event fires when the component has been scrolled.
+     */
+    onScroll?: (currentItemIndex: number) => void;
+    /**
+     * Amount of visible items
+     */
+    visibleItems: number;
+}
+export declare const CVirtualScroller: React.ForwardRefExoticComponent<CVirtualScrollerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/virtual-scroller/CVirtualScroller.js

@@ -0,0 +1,82 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { 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';
+
+var CVirtualScroller = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, visibleItems = _a.visibleItems, onScroll = _a.onScroll;
+    var virtualScrollRef = useRef(null);
+    var virtualScrollContentRef = useRef(null);
+    var forkedRef = useForkedRef(ref, virtualScrollRef);
+    var _b = useState(Math.floor(visibleItems / 2)), buffer = _b[0], setBuffer = _b[1];
+    var _c = useState(1), currentItemIndex = _c[0], setCurrentItemIndex = _c[1];
+    var _d = useState(0), itemHeight = _d[0], setItemHeight = _d[1];
+    var _e = useState(React.Children.count(children)), itemsNumber = _e[0], setItemsNumber = _e[1];
+    var _f = useState(0), viewportPadding = _f[0], setViewportPadding = _f[1];
+    var _g = useState(visibleItems * itemHeight + 2 * viewportPadding), viewportHeight = _g[0], setViewportHeight = _g[1];
+    var _h = useState(itemsNumber * itemHeight + 2 * viewportPadding), maxHeight = _h[0], setMaxHeight = _h[1];
+    useEffect(function () {
+        virtualScrollRef.current && virtualScrollRef.current.scrollTop;
+        virtualScrollRef.current &&
+            setViewportPadding(Number.parseFloat(getComputedStyle(virtualScrollRef.current).paddingTop));
+    });
+    useEffect(function () {
+        setItemsNumber(React.Children.count(children));
+    }, [children]);
+    useEffect(function () {
+        setViewportHeight(Math.min(visibleItems, itemsNumber) * itemHeight + 2 * viewportPadding);
+    }, [itemHeight, itemsNumber, viewportPadding, visibleItems]);
+    useEffect(function () {
+        setMaxHeight(itemsNumber * itemHeight);
+        virtualScrollRef.current && virtualScrollRef.current.scrollTop;
+    }, [itemHeight, itemsNumber]);
+    useEffect(function () {
+        setBuffer(Math.floor(visibleItems / 2));
+    }, [visibleItems]);
+    var handleScroll = function (scrollTop) {
+        var _currentItemIndex = itemHeight && Math.max(Math.ceil(scrollTop / itemHeight), 1);
+        setCurrentItemIndex(_currentItemIndex);
+        onScroll && onScroll(_currentItemIndex);
+    };
+    return (React.createElement("div", { className: classNames('virtual-scroller', className), onScroll: function (event) {
+            return handleScroll(event.target.scrollTop);
+        }, ref: forkedRef, style: {
+            height: viewportHeight,
+            overflowY: 'auto',
+        } },
+        React.createElement("div", { className: "virtual-scroller-content", style: {
+                height: maxHeight,
+            }, ref: virtualScrollContentRef }, React.Children.map(children, function (child, index) {
+            if (React.isValidElement(child) &&
+                index + 1 > Math.max(currentItemIndex - buffer, 0) &&
+                index + 1 <= currentItemIndex + visibleItems + buffer) {
+                return React.cloneElement(child, {
+                    className: classNames(child.props.className, {
+                        'virtual-scroller-item-preload': index + 1 > currentItemIndex + visibleItems || index + 1 < currentItemIndex,
+                    }),
+                    key: index,
+                    style: __assign({}, (currentItemIndex > buffer && {
+                        transform: "translateY(".concat((currentItemIndex - buffer) * itemHeight, "px)"),
+                    })),
+                    ref: function (node) {
+                        return node &&
+                            node.offsetHeight &&
+                            setItemHeight(node.offsetHeight +
+                                Number.parseFloat(getComputedStyle(node).marginTop) +
+                                Number.parseFloat(getComputedStyle(node).marginBottom));
+                    },
+                });
+            }
+            return;
+        }))));
+});
+CVirtualScroller.propTypes = {
+    onScroll: PropTypes.func,
+    visibleItems: PropTypes.number.isRequired,
+};
+CVirtualScroller.displayName = 'CVirtualScroller';
+
+export { CVirtualScroller };
+//# sourceMappingURL=CVirtualScroller.js.map

package/dist/esm/components/virtual-scroller/CVirtualScroller.js.map

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

package/dist/esm/components/virtual-scroller/index.d.ts

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

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

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

@@ -0,0 +1,39 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+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 { CProgress } from '../progress/CProgress.js';
+import { colorPropType } from '../../props.js';
+
+var CWidgetStatsB = forwardRef(function (_a, ref) {
+    var className = _a.className, color = _a.color, inverse = _a.inverse, progress = _a.progress, text = _a.text, title = _a.title, value = _a.value, rest = __rest(_a, ["className", "color", "inverse", "progress", "text", "title", "value"]);
+    return (React.createElement(CCard, __assign({ className: className, color: color }, (inverse && { textColor: 'white' }), rest, { ref: ref }),
+        React.createElement(CCardBody, null,
+            value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+            title && React.createElement("div", null, title),
+            React.createElement(CProgress, __assign({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
+            text && (React.createElement("small", { className: inverse ? 'text-white text-opacity-75' : 'text-body-secondary' }, text)))));
+});
+CWidgetStatsB.propTypes = {
+    className: PropTypes.string,
+    color: colorPropType,
+    inverse: PropTypes.bool,
+    progress: PropTypes.object,
+    text: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
+
+export { CWidgetStatsB };
+//# sourceMappingURL=CWidgetStatsB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsB.js","sources":["../../../../src/components/widgets/CWidgetStatsB.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;IA4Ca,aAAa,GAAG,UAAU,CACrC,UAAC,EAAoE,EAAE,GAAG,EAAA;IAAvE,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAlE,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAoE,CAAF,CAAA;IACjE,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACR,GAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAClC,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA;AACP,YAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAO;YACxD,KAAK,IAAI,KAAM,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAO;YAC5B,KAAC,CAAA,aAAA,CAAA,SAAS,aAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,GAAO,OAAO,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAO,QAAQ,CAAI,CAAA;YACxF,IAAI,KACH,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,OAAO,GAAG,4BAA4B,GAAG,qBAAqB,EAC7E,EAAA,IAAI,CACC,CACT,CACS,CACN,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,IAAI,EAAE,SAAS,CAAC,MAAM;AACtB,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,sBAAsB;;;;"}

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

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
+export interface CWidgetStatsCProps 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;
+    /**
+     * Icon node for your component.
+     */
+    icon?: string | ReactNode;
+    /**
+     * 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;
+    /**
+     * Value node for your component.
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsC: React.ForwardRefExoticComponent<CWidgetStatsCProps & React.RefAttributes<HTMLDivElement>>;