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

package/dist/esm/components/form/CForm.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 CForm = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, validated = _a.validated, rest = __rest(_a, ["children", "className", "validated"]);
+    return (React.createElement("form", __assign({ className: classNames({ 'was-validated': validated }, className) || undefined }, rest, { ref: ref }), children));
+});
+CForm.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    validated: PropTypes.bool,
+};
+CForm.displayName = 'CForm';
+
+export { CForm };
+//# sourceMappingURL=CForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CForm.js","sources":["../../../../src/components/form/CForm.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,KAAK,GAAG,UAAU,CAC7B,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAzC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,CAA2C,CAAF,CAAA;IACxC,QACE,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,IAAI,SAAS,EACzE,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACJ,EACR;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,74 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+import { CFormControlValidationProps } from './CFormControlValidation';
+import type { Colors, Shapes } from '../../types';
+export type ButtonObject = {
+    /**
+     * 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;
+    /**
+     * Select the shape of the component.
+     *
+     * @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
+     */
+    shape?: Shapes;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     */
+    variant?: 'outline' | 'ghost';
+};
+export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Create button-like checkboxes and radio buttons.
+     */
+    button?: ButtonObject;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea?: 'full';
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id?: string;
+    /**
+     * Input Checkbox indeterminate Property.
+     */
+    indeterminate?: boolean;
+    /**
+     * Group checkboxes or radios on the same horizontal row.
+     */
+    inline?: boolean;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component.
+     */
+    label?: string | ReactNode;
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormCheck: React.ForwardRefExoticComponent<CFormCheckProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,62 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormLabel } from './CFormLabel.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+
+var CFormCheck = forwardRef(function (_a, ref) {
+    var className = _a.className, button = _a.button, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, tooltipFeedback = _a.tooltipFeedback, hitArea = _a.hitArea, id = _a.id, indeterminate = _a.indeterminate, inline = _a.inline, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, valid = _a.valid, rest = __rest(_a, ["className", "button", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "tooltipFeedback", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "reverse", "type", "valid"]);
+    var inputRef = useRef(null);
+    var forkedRef = useForkedRef(ref, inputRef);
+    useEffect(function () {
+        if (inputRef.current && indeterminate) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate, inputRef.current]);
+    var FormControl = function () { return (React.createElement("input", __assign({ type: type, className: classNames(button ? 'btn-check' : 'form-check-input', {
+            'is-invalid': invalid,
+            'is-valid': valid,
+            'me-2': hitArea,
+        }), id: id }, rest, { ref: forkedRef }))); };
+    var FormValidation = function () { return (React.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var FormLabel = function () {
+        var _a;
+        return (React.createElement(CFormLabel, __assign({ customClassName: classNames(button
+                ? classNames('btn', button.variant ? "btn-".concat(button.variant, "-").concat(button.color) : "btn-".concat(button.color), (_a = {},
+                    _a["btn-".concat(button.size)] = button.size,
+                    _a), "".concat(button.shape))
+                : 'form-check-label') }, (id && { htmlFor: id })), label));
+    };
+    var FormCheck = function () {
+        if (button) {
+            return (React.createElement(React.Fragment, null,
+                React.createElement(FormControl, null),
+                label && React.createElement(FormLabel, null),
+                React.createElement(FormValidation, null)));
+        }
+        if (label) {
+            return hitArea ? (React.createElement(React.Fragment, null,
+                React.createElement(FormControl, null),
+                React.createElement(CFormLabel, __assign({ customClassName: classNames('form-check-label stretched-link', className) }, (id && { htmlFor: id })), label),
+                React.createElement(FormValidation, null))) : (React.createElement("div", { className: classNames('form-check', {
+                    'form-check-inline': inline,
+                    'form-check-reverse': reverse,
+                    'is-invalid': invalid,
+                    'is-valid': valid,
+                }, className) },
+                React.createElement(FormControl, null),
+                React.createElement(FormLabel, null),
+                React.createElement(FormValidation, null)));
+        }
+        return React.createElement(FormControl, null);
+    };
+    return React.createElement(FormCheck, null);
+});
+CFormCheck.propTypes = __assign({ button: PropTypes.object, className: PropTypes.string, hitArea: PropTypes.oneOf(['full']), id: PropTypes.string, indeterminate: PropTypes.bool, inline: PropTypes.bool, label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), reverse: PropTypes.bool, type: PropTypes.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+CFormCheck.displayName = 'CFormCheck';
+
+export { CFormCheck };
+//# sourceMappingURL=CFormCheck.js.map

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

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

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

@@ -0,0 +1,46 @@
+import { FC, ReactNode } from 'react';
+export interface CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    describedby?: string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedback?: ReactNode | string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedbackInvalid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    feedbackValid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.2.0
+     */
+    tooltipFeedback?: boolean;
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormControlValidation: FC<CFormControlValidationProps>;

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

@@ -0,0 +1,25 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CFormFeedback } from './CFormFeedback.js';
+
+var CFormControlValidation = function (_a) {
+    var describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, invalid = _a.invalid, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    return (React.createElement(React.Fragment, null,
+        feedback && (valid || invalid) && (React.createElement(CFormFeedback, __assign({}, (invalid && { id: describedby }), { invalid: invalid, tooltip: tooltipFeedback, valid: valid }), feedback)),
+        feedbackInvalid && (React.createElement(CFormFeedback, { id: describedby, invalid: true, tooltip: tooltipFeedback }, feedbackInvalid)),
+        feedbackValid && (React.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
+};
+CFormControlValidation.propTypes = {
+    describedby: PropTypes.string,
+    feedback: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackValid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackInvalid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    invalid: PropTypes.bool,
+    tooltipFeedback: PropTypes.bool,
+    valid: PropTypes.bool,
+};
+CFormControlValidation.displayName = 'CFormControlValidation';
+
+export { CFormControlValidation };
+//# sourceMappingURL=CFormControlValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormControlValidation.js","sources":["../../../../src/components/form/CFormControlValidation.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkDO,IAAM,sBAAsB,GAAoC,UAAC,EAQvE,EAAA;AAPC,IAAA,IAAA,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAEL,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,QAAQ,KAAK,KAAK,IAAI,OAAO,CAAC,KAC7B,KAAA,CAAA,aAAA,CAAC,aAAa,EACR,QAAA,CAAA,EAAA,GAAC,OAAO,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GACnC,EAAA,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EAEX,CAAA,EAAA,QAAQ,CACK,CACjB;AACA,QAAA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,OAAO,QAAC,OAAO,EAAE,eAAe,EAC7D,EAAA,eAAe,CACF,CACjB;AACA,QAAA,aAAa,KACZ,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,IAAA,EAAA,OAAO,EAAE,eAAe,IAC1C,aAAa,CACA,CACjB,CACA,EACJ;AACH,EAAC;AAED,sBAAsB,CAAC,SAAS,GAAG;IACjC,WAAW,EAAE,SAAS,CAAC,MAAM;AAC7B,IAAA,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACjE,IAAA,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACtE,IAAA,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxE,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

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

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from 'react';
+import { CFormControlValidationProps } from './CFormControlValidation';
+export interface CFormControlWrapperProps extends CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the floating label wrapper.
+     *
+     * @since 4.5.0
+     */
+    floatingClassName?: string;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * @ignore
+     */
+    id?: string;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.2.0
+     */
+    text?: ReactNode | string;
+}
+export declare const CFormControlWrapper: FC<CFormControlWrapperProps>;

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

@@ -0,0 +1,26 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormFloating } from './CFormFloating.js';
+import { CFormLabel } from './CFormLabel.js';
+import { CFormText } from './CFormText.js';
+
+var CFormControlWrapper = function (_a) {
+    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    var FormControlValidation = function () { return (React.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    return floatingLabel ? (React.createElement(CFormFloating, { className: floatingClassName },
+        children,
+        React.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(FormControlValidation, null))) : (React.createElement(React.Fragment, null,
+        label && React.createElement(CFormLabel, { htmlFor: id }, label),
+        children,
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(FormControlValidation, null)));
+};
+CFormControlWrapper.propTypes = __assign({ children: PropTypes.node, floatingClassName: PropTypes.string, floatingLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), text: PropTypes.oneOfType([PropTypes.node, PropTypes.string]) }, CFormControlValidation.propTypes);
+CFormControlWrapper.displayName = 'CFormControlWrapper';
+
+export { CFormControlWrapper };
+//# sourceMappingURL=CFormControlWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormControlWrapper.js","sources":["../../../../src/components/form/CFormControlWrapper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA2CO,IAAM,mBAAmB,GAAiC,UAAC,EAcjE,EAAA;AAbC,IAAA,IAAA,QAAQ,cAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,iBAAiB,uBAAA,EACjB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAEL,IAAA,IAAM,qBAAqB,GAAG,YAAA,EAAM,QAClC,KAAA,CAAA,aAAA,CAAC,sBAAsB,EACrB,EAAA,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,GACZ,EACH,EAAA,CAAA;IACD,OAAO,aAAa,IAClB,oBAAC,aAAa,EAAA,EAAC,SAAS,EAAE,iBAAiB,EAAA;QACxC,QAAQ;QACT,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,IAAI,aAAa,CAAc;QAC7D,IAAI,IAAI,oBAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAG,IAAA,CAAA,CACX,KAEhB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,IAAI,oBAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,CAAc;QACtD,QAAQ;QACR,IAAI,IAAI,oBAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG,CACxB,CACJ,CAAA;AACH,EAAC;AAED,mBAAmB,CAAC,SAAS,GAC3B,QAAA,CAAA,EAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,EACxB,iBAAiB,EAAE,SAAS,CAAC,MAAM,EACnC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EACtE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAC9D,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAC1D,EAAA,sBAAsB,CAAC,SAAS,CACpC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

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

@@ -0,0 +1,24 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CFormFeedbackProps 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;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    invalid?: boolean;
+    /**
+     * If your form layout allows it, you can display validation feedback in a styled tooltip.
+     */
+    tooltip?: boolean;
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormFeedback: React.ForwardRefExoticComponent<CFormFeedbackProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFeedback.js","sources":["../../../../src/components/form/CFormFeedback.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA2Ba,aAAa,GAAG,UAAU,CACrC,UACE,EAAuF,EACvF,GAAG,EAAA;;IADD,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,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAArF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,CAAuF,CAAF,CAAA;AAGrF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EAAA,EAAA,GAAA,EAAA;AAEjB,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,OAAO;AACxD,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,KAAK;iBAEtD,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFloating.js","sources":["../../../../src/components/form/CFormFloating.tsx"],"sourcesContent":[null],"names":[],"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,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACvE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

@@ -0,0 +1,43 @@
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormInputProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event.
+     */
+    delay?: boolean | number;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * 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;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'color' | 'file' | 'text' | string;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormInput: React.ForwardRefExoticComponent<CFormInputProps & React.RefAttributes<HTMLInputElement>>;

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