@coreui/react 4.5.0 → 4.5.2

package/dist/esm/components/modal/CModal.d.ts

@@ -0,0 +1,70 @@
+import React, { HTMLAttributes } from 'react';
+export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Align the modal in the center or top of the screen.
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * Apply a backdrop on body while modal is open.
+     */
+    backdrop?: boolean | 'static';
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    duration?: number;
+    /**
+     * Set modal to covers the entire user viewport.
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Closes the modal when escape key is pressed.
+     */
+    keyboard?: boolean;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: () => void;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClosePrevented?: () => void;
+    /**
+     * Callback fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option set to false.
+     */
+    onShow?: () => void;
+    /**
+     * Generates modal using createPortal.
+     */
+    portal?: boolean;
+    /**
+     * Create a scrollable modal that allows scrolling the modal body.
+     */
+    scrollable?: boolean;
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * Remove animation to create modal that simply appear rather than fade in to view.
+     */
+    transition?: boolean;
+    /**
+     * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+     */
+    unmountOnClose?: boolean;
+    /**
+     * Toggle the visibility of modal component.
+     */
+    visible?: boolean;
+}
+interface ModalContextProps {
+    visible?: boolean;
+    setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+}
+export declare const CModalContext: React.Context<ModalContextProps>;
+export declare const CModal: React.ForwardRefExoticComponent<CModalProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/modal/CModal.js

@@ -0,0 +1,143 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { createContext, forwardRef, useRef, useState, useEffect, useLayoutEffect, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import '../../node_modules/react-transition-group/esm/CSSTransition.js';
+import '../../node_modules/react-transition-group/esm/ReplaceTransition.js';
+import '../../node_modules/react-transition-group/esm/SwitchTransition.js';
+import '../../node_modules/react-transition-group/esm/TransitionGroup.js';
+import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
+import { useForkedRef } from '../../utils/hooks/useForkedRef.js';
+import { CBackdrop } from '../backdrop/CBackdrop.js';
+import { CModalContent } from './CModalContent.js';
+import { CModalDialog } from './CModalDialog.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalContext = createContext({});
+var CModal = forwardRef(function (_a, ref) {
+    var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, fullscreen = _a.fullscreen, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _e = _a.portal, portal = _e === void 0 ? true : _e, scrollable = _a.scrollable, size = _a.size, _f = _a.transition, transition = _f === void 0 ? true : _f, _g = _a.unmountOnClose, unmountOnClose = _g === void 0 ? true : _g, visible = _a.visible, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "duration", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
+    var modalRef = useRef(null);
+    var modalContentRef = useRef(null);
+    var forkedRef = useForkedRef(ref, modalRef);
+    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
+    var _j = useState(false), staticBackdrop = _j[0], setStaticBackdrop = _j[1];
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    var contextValues = {
+        visible: _visible,
+        setVisible: setVisible,
+    };
+    useEffect(function () {
+        modalRef.current && modalRef.current.addEventListener('click', handleClickOutside);
+        modalRef.current && modalRef.current.addEventListener('keyup', handleKeyDown);
+        return function () {
+            modalRef.current && modalRef.current.removeEventListener('click', handleClickOutside);
+            modalRef.current && modalRef.current.removeEventListener('keyup', handleKeyDown);
+        };
+    }, [_visible]);
+    var handleDismiss = function () {
+        if (backdrop === 'static') {
+            return setStaticBackdrop(true);
+        }
+        return onClose && onClose();
+    };
+    useLayoutEffect(function () {
+        onClosePrevented && onClosePrevented();
+        setTimeout(function () { return setStaticBackdrop(false); }, duration);
+    }, [staticBackdrop]);
+    var getTransitionClass = function (state) {
+        return state === 'entering'
+            ? 'd-block'
+            : state === 'entered'
+                ? 'show d-block'
+                : state === 'exiting'
+                    ? 'd-block'
+                    : '';
+    };
+    var _className = classNames('modal', {
+        'modal-static': staticBackdrop,
+        fade: transition,
+    }, className);
+    // Set focus to modal after open
+    useLayoutEffect(function () {
+        if (_visible) {
+            document.body.classList.add('modal-open');
+            if (backdrop) {
+                document.body.style.overflow = 'hidden';
+                document.body.style.paddingRight = '0px';
+            }
+            setTimeout(function () {
+                var _a;
+                (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, !transition ? 0 : duration);
+        }
+        else {
+            document.body.classList.remove('modal-open');
+            if (backdrop) {
+                document.body.style.removeProperty('overflow');
+                document.body.style.removeProperty('padding-right');
+            }
+        }
+        return function () {
+            document.body.classList.remove('modal-open');
+            if (backdrop) {
+                document.body.style.removeProperty('overflow');
+                document.body.style.removeProperty('padding-right');
+            }
+        };
+    }, [_visible]);
+    var handleClickOutside = function (event) {
+        if (modalContentRef.current &&
+            !modalContentRef.current.contains(event.target)) {
+            handleDismiss();
+        }
+    };
+    var handleKeyDown = useCallback(function (event) {
+        if (event.key === 'Escape' && keyboard) {
+            return handleDismiss();
+        }
+    }, [modalRef, handleDismiss]);
+    var modal = function (ref, transitionClass) {
+        return (React__default.createElement(CModalContext.Provider, { value: contextValues },
+            React__default.createElement("div", { className: classNames(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
+                React__default.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
+                    React__default.createElement(CModalContent, __assign({}, rest, { ref: modalContentRef }), children)))));
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
+            var transitionClass = getTransitionClass(state);
+            return typeof window !== 'undefined' && portal
+                ? createPortal(modal(forkedRef, transitionClass), document.body)
+                : modal(forkedRef, transitionClass);
+        }),
+        typeof window !== 'undefined' && portal
+            ? backdrop && createPortal(React__default.createElement(CBackdrop, { visible: _visible }), document.body)
+            : backdrop && React__default.createElement(CBackdrop, { visible: _visible })));
+});
+CModal.propTypes = {
+    alignment: propTypesExports.oneOf(['top', 'center']),
+    backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    duration: propTypesExports.number,
+    fullscreen: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+    keyboard: propTypesExports.bool,
+    onClose: propTypesExports.func,
+    onClosePrevented: propTypesExports.func,
+    onShow: propTypesExports.func,
+    portal: propTypesExports.bool,
+    scrollable: propTypesExports.bool,
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
+    transition: propTypesExports.bool,
+    unmountOnClose: propTypesExports.bool,
+    visible: propTypesExports.bool,
+};
+CModal.displayName = 'CModal';
+
+export { CModal, CModalContext };
+//# sourceMappingURL=CModal.js.map

package/dist/esm/components/modal/CModal.js.map

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

package/dist/esm/components/modal/CModalBody.d.ts

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

package/dist/esm/components/modal/CModalBody.js

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalBody = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var _className = classNames('modal-body', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CModalBody.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+};
+CModalBody.displayName = 'CModalBody';
+
+export { CModalBody };
+//# sourceMappingURL=CModalBody.js.map

package/dist/esm/components/modal/CModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalBody.js","sources":["../../../../../src/components/modal/CModalBody.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"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,IAAM,UAAU,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAEtD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3C,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;CAC5B,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/modal/CModalContent.d.ts

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

package/dist/esm/components/modal/CModalContent.js

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalContent = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var _className = classNames('modal-content', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CModalContent.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+};
+CModalContent.displayName = 'CModalContent';
+
+export { CModalContent };
+//# sourceMappingURL=CModalContent.js.map

package/dist/esm/components/modal/CModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalContent.js","sources":["../../../../../src/components/modal/CModalContent.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAWa,aAAa,GAAG,UAAU,CACrC,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,IAAM,UAAU,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;AAEzD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3C,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/components/modal/CModalDialog.d.ts

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from 'react';
+export interface CModalDialogProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Align the modal in the center or top of the screen.
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Set modal to covers the entire user viewport.
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Does the modal dialog itself scroll, or does the whole dialog scroll within the window.
+     */
+    scrollable?: boolean;
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size?: 'sm' | 'lg' | 'xl';
+}
+export declare const CModalDialog: React.ForwardRefExoticComponent<CModalDialogProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/modal/CModalDialog.js

@@ -0,0 +1,35 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalDialog = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, alignment = _a.alignment, className = _a.className, fullscreen = _a.fullscreen, scrollable = _a.scrollable, size = _a.size, rest = __rest(_a, ["children", "alignment", "className", "fullscreen", "scrollable", "size"]);
+    var _className = classNames('modal-dialog', (_b = {
+            'modal-dialog-centered': alignment === 'center'
+        },
+        _b[typeof fullscreen === 'boolean'
+            ? 'modal-fullscreen'
+            : "modal-fullscreen-".concat(fullscreen, "-down")] = fullscreen,
+        _b['modal-dialog-scrollable'] = scrollable,
+        _b["modal-".concat(size)] = size,
+        _b), className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CModalDialog.propTypes = {
+    alignment: propTypesExports.oneOf(['top', 'center']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    fullscreen: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+    scrollable: propTypesExports.bool,
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
+};
+CModalDialog.displayName = 'CModalDialog';
+
+export { CModalDialog };
+//# sourceMappingURL=CModalDialog.js.map

package/dist/esm/components/modal/CModalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalDialog.js","sources":["../../../../../src/components/modal/CModalDialog.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IA2Ba,YAAY,GAAG,UAAU,CACpC,UAAC,EAAyE,EAAE,GAAG,EAAA;;IAA5E,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA,EAAK,IAAI,GAAvE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,CAAyE,CAAF,CAAA;AACtE,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,cAAc,GAAA,EAAA,GAAA;YAEZ,uBAAuB,EAAE,SAAS,KAAK,QAAQ;;QAC/C,EAAC,CAAA,OAAO,UAAU,KAAK,SAAS;AAC9B,cAAE,kBAAkB;AACpB,cAAE,mBAAA,CAAA,MAAA,CAAoB,UAAU,EAAA,OAAA,CAAO,IAAG,UAAU;AACtD,QAAA,EAAA,CAAA,yBAAA,CAAyB,GAAE,UAAU;AACrC,QAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEzB,QAAA,EAAA,GAAA,SAAS,CACV,CAAA;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3C,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAEC,gBAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7C,QAAQ,EAAEA,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;AAC3B,IAAA,UAAU,EAAEA,gBAAS,CAAC,SAAS,CAAC;AAC9B,QAAAA,gBAAS,CAAC,IAAI;AACd,QAAAA,gBAAS,CAAC,KAAK,CAAoC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KACpF,CAAC;IACF,UAAU,EAAEA,gBAAS,CAAC,IAAI;AAC1B,IAAA,IAAI,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;CAC1C,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/modal/CModalFooter.d.ts

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

package/dist/esm/components/modal/CModalFooter.js

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var _className = classNames('modal-footer', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CModalFooter.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+};
+CModalFooter.displayName = 'CModalFooter';
+
+export { CModalFooter };
+//# sourceMappingURL=CModalFooter.js.map

package/dist/esm/components/modal/CModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalFooter.js","sources":["../../../../../src/components/modal/CModalFooter.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAWa,YAAY,GAAG,UAAU,CACpC,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,IAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;AAExD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3C,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;CAC5B,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/modal/CModalHeader.d.ts

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

package/dist/esm/components/modal/CModalHeader.js

@@ -0,0 +1,25 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef, useContext } from 'react';
+import '../../node_modules/prop-types/index.js';
+import { CModalContext } from './CModal.js';
+import { CCloseButton } from '../close-button/CCloseButton.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.closeButton, closeButton = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "className", "closeButton"]);
+    var setVisible = useContext(CModalContext).setVisible;
+    var _className = classNames('modal-header', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        children,
+        closeButton && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
+});
+CModalHeader.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    closeButton: propTypesExports.bool,
+};
+CModalHeader.displayName = 'CModalHeader';
+
+export { CModalHeader };
+//# sourceMappingURL=CModalHeader.js.map

package/dist/esm/components/modal/CModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalHeader.js","sources":["../../../../../src/components/modal/CModalHeader.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;;;IAiBa,YAAY,GAAG,UAAU,CACpC,UAAC,EAAoD,EAAE,GAAG,EAAA;AAAvD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAkB,GAAA,EAAA,CAAA,WAAA,EAAlB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAlD,wCAAoD,CAAF,CAAA;AACzC,IAAA,IAAA,UAAU,GAAK,UAAU,CAAC,aAAa,CAAC,WAA9B,CAA8B;IAChD,IAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAExD,QACEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;QAC3C,QAAQ;AACR,QAAA,WAAW,IAAIA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,CAAA,EAAA,EAAI,CAAA,CAC9D,EACP;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,WAAW,EAAEA,gBAAS,CAAC,IAAI;CAC5B,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/modal/CModalTitle.d.ts

@@ -0,0 +1,12 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CModalTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+}
+export declare const CModalTitle: React.ForwardRefExoticComponent<CModalTitleProps & React.RefAttributes<HTMLHeadElement>>;

package/dist/esm/components/modal/CModalTitle.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CModalTitle = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
+    var _className = classNames('modal-title', className);
+    return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CModalTitle.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+};
+CModalTitle.displayName = 'CModalTitle';
+
+export { CModalTitle };
+//# sourceMappingURL=CModalTitle.js.map

package/dist/esm/components/modal/CModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CModalTitle.js","sources":["../../../../../src/components/modal/CModalTitle.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAea,WAAW,GAAG,UAAU,CACnC,UAAC,EAA6D,EAAE,GAAG,EAAA;AAAhE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAA2B,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IAC1D,IAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;AAEvD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACjD,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,SAAS,EAAEA,gBAAS,CAAC,WAAW;CACjC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,8 @@
+import { CModal } from './CModal';
+import { CModalBody } from './CModalBody';
+import { CModalContent } from './CModalContent';
+import { CModalDialog } from './CModalDialog';
+import { CModalFooter } from './CModalFooter';
+import { CModalHeader } from './CModalHeader';
+import { CModalTitle } from './CModalTitle';
+export { CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle };

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

@@ -0,0 +1,20 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement | HTMLOListElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+    /**
+     * Specify a layout type for component.
+     */
+    layout?: 'fill' | 'justified';
+    /**
+     * Set the nav variant to tabs or pills.
+     */
+    variant?: 'tabs' | 'pills';
+}
+export declare const CNav: React.ForwardRefExoticComponent<CNavProps & React.RefAttributes<HTMLDivElement | HTMLOListElement | HTMLUListElement>>;

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

@@ -0,0 +1,26 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CNav = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'ul' : _c, layout = _a.layout, variant = _a.variant, rest = __rest(_a, ["children", "className", "component", "layout", "variant"]);
+    var _className = classNames('nav', (_b = {},
+        _b["nav-".concat(layout)] = layout,
+        _b["nav-".concat(variant)] = variant,
+        _b), className);
+    return (React__default.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+});
+CNav.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    layout: propTypesExports.oneOf(['fill', 'justified']),
+    variant: propTypesExports.oneOf(['tabs', 'pills']),
+};
+CNav.displayName = 'CNav';
+
+export { CNav };
+//# sourceMappingURL=CNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNav.js","sources":["../../../../../src/components/nav/CNav.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAwBa,IAAI,GAAG,UAAU,CAC5B,UAAC,EAA8E,EAAE,GAAG,EAAA;;IAAjF,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,EAAA,GAAA,EAAA,CAAA,SAA2B,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,KAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAA5E,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,CAA8E,CAAF,CAAA;AAC3E,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,QAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,QAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,QAAA,EAAA,GAAA,SAAS,CACV,CAAA;IAED,QACEA,6BAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,YAAY,EAAK,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EACnE,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,SAAS,EAAEA,gBAAS,CAAC,WAAW;IAChC,MAAM,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC9C,OAAO,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC5C,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface CNavGroupProps {
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Make nav group more compact by cutting all `padding` in half. [docs]
+     */
+    compact?: boolean;
+    /**
+     * Set group toggler label. [docs]
+     */
+    toggler?: string | ReactNode;
+    /**
+     * Show nav group items. [docs]
+     */
+    visible?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+}
+export declare const CNavGroup: React.ForwardRefExoticComponent<CNavGroupProps & React.RefAttributes<HTMLLIElement>>;