UNPKG

@kubit-ui-web/react-components

Version:

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

26 lines 2.12 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.CheckboxWithLabelControlled = void 0; const jsx_runtime_1 = require("react/jsx-runtime"); const react_1 = __importDefault(require("react")); const stylesName_1 = require("../../constants/stylesName/stylesName"); const useStyles_1 = require("../../hooks/useStyles/useStyles"); const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary"); const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent"); const checkboxWithLabelStandAlone_1 = require("./checkboxWithLabelStandAlone"); const state_1 = require("./types/state"); const CheckboxWithLabelControlledComponent = react_1.default.forwardRef(({ state = state_1.CheckboxWithLabelState.DEFAULT_SELECTED, ctv, ...props }, ref) => { const stylesCheckboxWithLabel = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.CHECKBOX_WITH_LABEL, props.variant, ctv); return ((0, jsx_runtime_1.jsx)(checkboxWithLabelStandAlone_1.CheckboxWithLabelStandAlone, { ...props, ref: ref, state: state, styles: stylesCheckboxWithLabel })); }); CheckboxWithLabelControlledComponent.displayName = 'CheckboxWithLabelControlledComponent'; const CheckboxWithLabelBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(checkboxWithLabelStandAlone_1.CheckboxWithLabelStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(CheckboxWithLabelControlledComponent, { ...props, ref: ref }) })); /** * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the CheckBox component */ const CheckboxWithLabelControlled = react_1.default.forwardRef(CheckboxWithLabelBoundary); exports.CheckboxWithLabelControlled = CheckboxWithLabelControlled; //# sourceMappingURL=checkboxWithLabelControlled.js.map