@ozen-ui/kit
Version:
React component library
43 lines (42 loc) • 3.82 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormControlCarcass = exports.cnFormControlCarcass = void 0;
var tslib_1 = require("tslib");
require("./components/FormControlCarcassHint/FormControlCarcassHint.css");
require("./modules/FormControlCarcassIcon/FormControlCarcassIcon.css");
require("./FormControlCarcass.css");
var react_1 = tslib_1.__importDefault(require("react"));
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var renderContent_1 = require("../../utils/renderContent");
var components_1 = require("./components");
var constants_1 = require("./constants");
var FormControlCarcassContext_1 = require("./FormControlCarcassContext");
exports.cnFormControlCarcass = (0, classname_1.cn)('FormControlCarcass');
exports.FormControlCarcass = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
var _b = _a.size, size = _b === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_AS : _c, children = _a.children, controlProps = _a.controlProps, label = _a.label, labelProps = _a.labelProps, align = _a.align, _d = _a.disabled, disabled = _d === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_DISABLED : _d, className = _a.className, renderAfter = _a.renderAfter, renderAfterProps = _a.renderAfterProps, _e = _a.variant, variant = _e === void 0 ? constants_1.FORM_CONTROL_CARCASS_DEFAULT_VARIANT : _e, contentProps = _a.contentProps, mirrored = _a.mirrored, hint = _a.hint, hintProps = _a.hintProps, other = tslib_1.__rest(_a, ["size", "as", "children", "controlProps", "label", "labelProps", "align", "disabled", "className", "renderAfter", "renderAfterProps", "variant", "contentProps", "mirrored", "hint", "hintProps"]);
return (react_1.default.createElement(FormControlCarcassContext_1.FormControlCarcassContext.Provider, { value: {
size: size,
disabled: disabled,
variant: variant,
} },
react_1.default.createElement(Tag, tslib_1.__assign({}, other, { className: (0, exports.cnFormControlCarcass)({
align: align,
disabled: disabled,
size: size,
variant: variant,
mirrored: mirrored,
}, [className]), ref: ref }),
react_1.default.createElement("span", tslib_1.__assign({}, controlProps, { className: (0, exports.cnFormControlCarcass)('Control', [controlProps === null || controlProps === void 0 ? void 0 : controlProps.className]) }), children),
label !== null && label !== undefined && (react_1.default.createElement("span", tslib_1.__assign({}, contentProps, { className: (0, exports.cnFormControlCarcass)('Content', [
contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
]) }),
react_1.default.createElement("span", tslib_1.__assign({}, labelProps, { className: (0, exports.cnFormControlCarcass)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]) }), label),
hint && (react_1.default.createElement(components_1.FormControlCarcassHint, tslib_1.__assign({}, hintProps), hint)))),
renderAfter && (react_1.default.createElement("span", tslib_1.__assign({}, renderAfterProps, { className: (0, exports.cnFormControlCarcass)('After', [
renderAfterProps === null || renderAfterProps === void 0 ? void 0 : renderAfterProps.className,
]) }), (0, renderContent_1.renderContent)({
content: renderAfter,
}))))));
});
exports.FormControlCarcass.displayName = 'FormControlCarcass';