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

package/dist/esm/components/form/CFormInput.js

@@ -0,0 +1,27 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CFormControlWrapper } from './CFormControlWrapper.js';
+
+var CFormInput = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
+    var _e = useState(), value = _e[0], setValue = _e[1];
+    useEffect(function () {
+        var timeOutId = setTimeout(function () { return value && onChange && onChange(value); }, typeof delay === 'number' ? delay : 500);
+        return function () { return clearTimeout(timeOutId); };
+    }, [value]);
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("input", __assign({ className: classNames(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
+                _b["form-control-".concat(size)] = size,
+                _b['form-control-color'] = type === 'color',
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
+});
+CFormInput.propTypes = __assign({ className: PropTypes.string, id: PropTypes.string, delay: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]), plainText: PropTypes.bool, size: PropTypes.oneOf(['sm', 'lg']), type: PropTypes.oneOfType([PropTypes.oneOf(['color', 'file', 'text']), PropTypes.string]) }, CFormControlWrapper.propTypes);
+CFormInput.displayName = 'CFormInput';
+
+export { CFormInput };
+//# sourceMappingURL=CFormInput.js.map

package/dist/esm/components/form/CFormInput.js.map

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

package/dist/esm/components/form/CFormLabel.d.ts

@@ -0,0 +1,12 @@
+import React, { LabelHTMLAttributes } from 'react';
+export interface CFormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * A string of all className you want to be applied to the component, and override standard className value.
+     */
+    customClassName?: string;
+}
+export declare const CFormLabel: React.ForwardRefExoticComponent<CFormLabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/esm/components/form/CFormLabel.js

@@ -0,0 +1,18 @@
+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 CFormLabel = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, customClassName = _a.customClassName, rest = __rest(_a, ["children", "className", "customClassName"]);
+    return (React.createElement("label", __assign({ className: customClassName !== null && customClassName !== void 0 ? customClassName : classNames('form-label', className) }, rest, { ref: ref }), children));
+});
+CFormLabel.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    customClassName: PropTypes.string,
+};
+CFormLabel.displayName = 'CFormLabel';
+
+export { CFormLabel };
+//# sourceMappingURL=CFormLabel.js.map

package/dist/esm/components/form/CFormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormLabel.js","sources":["../../../../src/components/form/CFormLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,UAAU,GAAG,UAAU,CAClC,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAK,IAAI,GAA/C,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,CAAiD,CAAF,CAAA;IAC9C,QACE,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,eAAe,GAAI,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EACzF,CAAA,EAAA,QAAQ,CACH,EACT;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,eAAe,EAAE,SAAS,CAAC,MAAM;CAClC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/form/CFormRange.d.ts

@@ -0,0 +1,44 @@
+import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
+    /**
+     * Specifies the maximum value for the component.
+     */
+    max?: number;
+    /**
+     * Specifies the minimum value for the component.
+     */
+    min?: number;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readOnly?: boolean;
+    /**
+     * Specifies the interval between legal numbers in the component.
+     */
+    step?: number;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormRange: React.ForwardRefExoticComponent<CFormRangeProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/form/CFormRange.js

@@ -0,0 +1,20 @@
+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 { CFormLabel } from './CFormLabel.js';
+
+var CFormRange = forwardRef(function (_a, ref) {
+    var className = _a.className, label = _a.label, rest = __rest(_a, ["className", "label"]);
+    return (React.createElement(React.Fragment, null,
+        label && React.createElement(CFormLabel, { htmlFor: rest.id }, label),
+        React.createElement("input", __assign({ type: "range", className: classNames('form-range', className) }, rest, { ref: ref }))));
+});
+CFormRange.propTypes = {
+    className: PropTypes.string,
+    label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+};
+CFormRange.displayName = 'CFormRange';
+
+export { CFormRange };
+//# sourceMappingURL=CFormRange.js.map

package/dist/esm/components/form/CFormRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormRange.js","sources":["../../../../src/components/form/CFormRange.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAgDa,UAAU,GAAG,UAAU,CAClC,UAAC,EAA6B,EAAE,GAAG,EAAA;IAAhC,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAA3B,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,CAA6B,CAAF,CAAA;AAC1B,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,IAAI,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAE,IAAI,CAAC,EAAE,EAAG,EAAA,KAAK,CAAc;QAC5D,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAAA,EAAM,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACzF,EACJ;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC/D,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/form/CFormSelect.d.ts

@@ -0,0 +1,40 @@
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+type Option = {
+    disabled?: boolean;
+    label?: string;
+    value?: string;
+};
+export interface CFormSelectProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Specifies the number of visible options in a drop-down list.
+     */
+    htmlSize?: number;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Options list of the select component. Available keys: `label`, `value`, `disabled`.
+     * Examples:
+     * - `options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]}`
+     * - `options={['js', 'html']}`
+     */
+    options?: Option[] | string[];
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     */
+    value?: string | string[] | number;
+}
+export declare const CFormSelect: React.ForwardRefExoticComponent<CFormSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/esm/components/form/CFormSelect.js

@@ -0,0 +1,27 @@
+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 { CFormControlWrapper } from './CFormControlWrapper.js';
+
+var CFormSelect = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("select", __assign({ id: id, className: classNames('form-select', (_b = {},
+                _b["form-select-".concat(size)] = size,
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), size: htmlSize }, rest, { ref: ref }), options
+            ? options.map(function (option, index) {
+                return (React.createElement("option", __assign({}, (typeof option === 'object' &&
+                    option.disabled && { disabled: option.disabled }), (typeof option === 'object' &&
+                    option.value !== undefined && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
+            })
+            : children)));
+});
+CFormSelect.propTypes = __assign({ className: PropTypes.string, htmlSize: PropTypes.number, options: PropTypes.array }, CFormControlWrapper.propTypes);
+CFormSelect.displayName = 'CFormSelect';
+
+export { CFormSelect };
+//# sourceMappingURL=CFormSelect.js.map

package/dist/esm/components/form/CFormSelect.js.map

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

package/dist/esm/components/form/CFormSwitch.d.ts

@@ -0,0 +1,38 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id?: string;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component.
+     */
+    label?: string | ReactNode;
+    /**
+     * Put switch on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
+    /**
+     * Size the component large or extra large. Works only with `switch`.
+     */
+    size?: 'lg' | 'xl';
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormSwitch: React.ForwardRefExoticComponent<CFormSwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/form/CFormSwitch.js

@@ -0,0 +1,36 @@
+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 { CFormLabel } from './CFormLabel.js';
+
+var CFormSwitch = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "id", "invalid", "label", "reverse", "size", "type", "valid"]);
+    return (React.createElement("div", { className: classNames('form-check form-switch', (_b = {
+                'form-check-reverse': reverse
+            },
+            _b["form-switch-".concat(size)] = size,
+            _b['is-invalid'] = invalid,
+            _b['is-valid'] = valid,
+            _b), className) },
+        React.createElement("input", __assign({ type: type, className: classNames('form-check-input', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }), id: id }, rest, { ref: ref })),
+        label && (React.createElement(CFormLabel, __assign({ customClassName: "form-check-label" }, (id && { htmlFor: id })), label))));
+});
+CFormSwitch.propTypes = {
+    className: PropTypes.string,
+    id: PropTypes.string,
+    invalid: PropTypes.bool,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    reverse: PropTypes.bool,
+    size: PropTypes.oneOf(['lg', 'xl']),
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+    valid: PropTypes.bool,
+};
+CFormSwitch.displayName = 'CFormSwitch';
+
+export { CFormSwitch };
+//# sourceMappingURL=CFormSwitch.js.map

package/dist/esm/components/form/CFormSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormSwitch.js","sources":["../../../../src/components/form/CFormSwitch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IA2Ca,WAAW,GAAG,UAAU,CACnC,UAAC,EAAmF,EAAE,GAAG,EAAA;;AAAtF,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAA,GAAA,EAAA,CAAA,IAAiB,EAAjB,IAAI,mBAAG,UAAU,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAjF,2EAAmF,CAAF,CAAA;AAChF,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CACnB,wBAAwB,GAAA,EAAA,GAAA;AAEtB,gBAAA,oBAAoB,EAAE,OAAO;;AAC7B,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAC7B,YAAA,EAAA,CAAA,YAAA,CAAY,GAAE,OAAO;AACrB,YAAA,EAAA,CAAA,UAAA,CAAU,GAAE,KAAK;AAEnB,YAAA,EAAA,GAAA,SAAS,CACV,EAAA;QAED,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;AACxC,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;aAClB,CAAC,EACF,EAAE,EAAE,EAAE,EAAA,EACF,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EACR,CAAA,CAAA;QACD,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,eAAe,EAAC,kBAAkB,EAAK,GAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAC,EACvE,KAAK,CACK,CACd,CACG,EACP;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,OAAO,EAAE,SAAS,CAAC,IAAI;AACvB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/form/CFormText.d.ts

@@ -0,0 +1,12 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CFormTextProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the 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 CFormText: React.ForwardRefExoticComponent<CFormTextProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/esm/components/form/CFormText.js

@@ -0,0 +1,18 @@
+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 CFormText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    return (React.createElement(Component, __assign({ className: classNames('form-text', className) }, rest, { ref: ref }), children));
+});
+CFormText.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+};
+CFormText.displayName = 'CFormText';
+
+export { CFormText };
+//# sourceMappingURL=CFormText.js.map

package/dist/esm/components/form/CFormText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormText.js","sources":["../../../../src/components/form/CFormText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,SAAS,GAAG,UAAU,CACjC,UAAC,EAA8D,EAAE,GAAG,EAAA;AAAjE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA4B,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA5D,sCAA8D,CAAF,CAAA;IAC3D,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EACzE,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/components/form/CFormTextarea.d.ts

@@ -0,0 +1,31 @@
+import React, { ChangeEventHandler, TextareaHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormTextareaProps extends CFormControlWrapperProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText?: boolean;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readOnly?: boolean;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormTextarea: React.ForwardRefExoticComponent<CFormTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/form/CFormTextarea.js

@@ -0,0 +1,19 @@
+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 { CFormControlWrapper } from './CFormControlWrapper.js';
+
+var CFormTextarea = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("textarea", __assign({ className: classNames(plainText ? 'form-control-plaintext' : 'form-control', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }, className), id: id }, rest, { ref: ref }), children)));
+});
+CFormTextarea.propTypes = __assign({ className: PropTypes.string, id: PropTypes.string, plainText: PropTypes.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.displayName = 'CFormTextarea';
+
+export { CFormTextarea };
+//# sourceMappingURL=CFormTextarea.js.map

package/dist/esm/components/form/CFormTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormTextarea.js","sources":["../../../../src/components/form/CFormTextarea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAqCa,aAAa,GAAG,UAAU,CACrC,UACE,EAgBC,EACD,GAAG,EAAA;IAhBD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,EAAE,QAAA,EACF,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,KAAK,WAAA,EACF,IAAI,GAfT,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,CAgBC,CADQ,CAAA;IAIT,QACE,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAClB,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,UAAU,CACnB,SAAS,GAAG,wBAAwB,GAAG,cAAc,EACrD;AACE,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,EACF,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACA,CACS,EACvB;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAA,QAAA,CAAA,EACrB,SAAS,EAAE,SAAS,CAAC,MAAM,EAC3B,EAAE,EAAE,SAAS,CAAC,MAAM,EACpB,SAAS,EAAE,SAAS,CAAC,IAAI,EAAA,EACtB,mBAAmB,CAAC,SAAS,CACjC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/components/form/CInputGroup.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CInputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+}
+export declare const CInputGroup: React.ForwardRefExoticComponent<CInputGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/form/CInputGroup.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';
+
+var CInputGroup = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, size = _a.size, rest = __rest(_a, ["children", "className", "size"]);
+    return (React.createElement("div", __assign({ className: classNames('input-group', (_b = {},
+            _b["input-group-".concat(size)] = size,
+            _b), className) }, rest, { ref: ref }), children));
+});
+CInputGroup.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
+};
+CInputGroup.displayName = 'CInputGroup';
+
+export { CInputGroup };
+//# sourceMappingURL=CInputGroup.js.map

package/dist/esm/components/form/CInputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroup.js","sources":["../../../../src/components/form/CInputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,WAAW,GAAG,UAAU,CACnC,UAAC,EAAsC,EAAE,GAAG,EAAA;;AAAzC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAApC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,MAAA,CAAsC,CAAF,CAAA;AACnC,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,aAAa,GAAA,EAAA,GAAA,EAAA;AAEX,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;iBAE/B,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;CACpC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/form/CInputGroupText.d.ts

@@ -0,0 +1,12 @@
+import React, { ElementType, LabelHTMLAttributes } from 'react';
+export interface CInputGroupTextProps extends LabelHTMLAttributes<HTMLLabelElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the 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 CInputGroupText: React.ForwardRefExoticComponent<CInputGroupTextProps & React.RefAttributes<HTMLLabelElement | HTMLSpanElement>>;

package/dist/esm/components/form/CInputGroupText.js

@@ -0,0 +1,18 @@
+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 CInputGroupText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    return (React.createElement(Component, __assign({ className: classNames('input-group-text', className) }, rest, { ref: ref }), children));
+});
+CInputGroupText.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+};
+CInputGroupText.displayName = 'CInputGroupText';
+
+export { CInputGroupText };
+//# sourceMappingURL=CInputGroupText.js.map

package/dist/esm/components/form/CInputGroupText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroupText.js","sources":["../../../../src/components/form/CInputGroupText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAgBa,eAAe,GAAG,UAAU,CACvC,UAAC,EAA+D,EAAE,GAAG,EAAA;AAAlE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA6B,GAAA,EAAA,CAAA,SAAA,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7D,sCAA+D,CAAF,CAAA;IAC5D,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAChF,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -0,0 +1,16 @@
+import { CForm } from './CForm';
+import { CFormCheck } from './CFormCheck';
+import { CFormControlValidation } from './CFormControlValidation';
+import { CFormControlWrapper } from './CFormControlWrapper';
+import { CFormFeedback } from './CFormFeedback';
+import { CFormFloating } from './CFormFloating';
+import { CFormInput } from './CFormInput';
+import { CFormLabel } from './CFormLabel';
+import { CFormRange } from './CFormRange';
+import { CFormSelect } from './CFormSelect';
+import { CFormSwitch } from './CFormSwitch';
+import { CFormText } from './CFormText';
+import { CFormTextarea } from './CFormTextarea';
+import { CInputGroup } from './CInputGroup';
+import { CInputGroupText } from './CInputGroupText';
+export { CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

package/dist/esm/components/grid/CCol.d.ts

@@ -0,0 +1,52 @@
+import React, { HTMLAttributes } from 'react';
+type Span = 'auto' | number | string | boolean | null;
+type BPObject = {
+    span?: Span;
+    offset?: number | string | null;
+    order?: 'first' | 'last' | number | string | null;
+};
+type Col = Span | BPObject;
+export interface CColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * The number of columns/offset/order on extra small devices (<576px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xs?: Col;
+    /**
+     * The number of columns/offset/order on small devices (<768px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    sm?: Col;
+    /**
+     * The number of columns/offset/order on medium devices (<992px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    md?: Col;
+    /**
+     * The number of columns/offset/order on large devices (<1200px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    lg?: Col;
+    /**
+     * The number of columns/offset/order on X-Large devices (<1400px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xl?: Col;
+    /**
+     * The number of columns/offset/order on XX-Large devices (≥1400px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xxl?: Col;
+}
+export declare const CCol: React.ForwardRefExoticComponent<CColProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/grid/CCol.js

@@ -0,0 +1,75 @@
+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 BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+];
+var CCol = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var repsonsiveClassNames = [];
+    BREAKPOINTS.forEach(function (bp) {
+        var breakpoint = rest[bp];
+        delete rest[bp];
+        var infix = bp === 'xs' ? '' : "-".concat(bp);
+        if (typeof breakpoint === 'number' || typeof breakpoint === 'string') {
+            repsonsiveClassNames.push("col".concat(infix, "-").concat(breakpoint));
+        }
+        if (typeof breakpoint === 'boolean') {
+            repsonsiveClassNames.push("col".concat(infix));
+        }
+        if (breakpoint && typeof breakpoint === 'object') {
+            if (typeof breakpoint.span === 'number' || typeof breakpoint.span === 'string') {
+                repsonsiveClassNames.push("col".concat(infix, "-").concat(breakpoint.span));
+            }
+            if (typeof breakpoint.span === 'boolean') {
+                repsonsiveClassNames.push("col".concat(infix));
+            }
+            if (typeof breakpoint.order === 'number' || typeof breakpoint.order === 'string') {
+                repsonsiveClassNames.push("order".concat(infix, "-").concat(breakpoint.order));
+            }
+            if (typeof breakpoint.offset === 'number') {
+                repsonsiveClassNames.push("offset".concat(infix, "-").concat(breakpoint.offset));
+            }
+        }
+    });
+    return (React.createElement("div", __assign({ className: classNames(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col', className) }, rest, { ref: ref }), children));
+});
+var span = PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.number,
+    PropTypes.string,
+    PropTypes.oneOf(['auto']),
+]);
+var col = PropTypes.oneOfType([
+    span,
+    PropTypes.shape({
+        span: span,
+        offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+        order: PropTypes.oneOfType([
+            PropTypes.oneOf(['first', 'last']),
+            PropTypes.number,
+            PropTypes.string,
+        ]),
+    }),
+]);
+CCol.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    xs: col,
+    sm: col,
+    md: col,
+    lg: col,
+    xl: col,
+    xxl: col,
+};
+CCol.displayName = 'CCol';
+
+export { CCol };
+//# sourceMappingURL=CCol.js.map