@zohodesk/components
Version:
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development
37 lines (31 loc) • 2.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = cssJSLogic;
var _compileClassNames7 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function cssJSLogic(_ref) {
var _compileClassNames, _compileClassNames5, _compileClassNames6;
var props = _ref.props,
style = _ref.style;
var size = props.size,
isChecked = props.isChecked,
isDisabled = props.isDisabled,
isReadOnly = props.isReadOnly;
var containerClass = (0, _compileClassNames7["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.container, true), _defineProperty(_compileClassNames, style[size], !!style[size]), _defineProperty(_compileClassNames, style.checked, isChecked), _defineProperty(_compileClassNames, style.unChecked, !isChecked), _defineProperty(_compileClassNames, style.disabled, isDisabled), _defineProperty(_compileClassNames, style.enabled, !isDisabled), _defineProperty(_compileClassNames, style.readonly, isReadOnly), _compileClassNames));
var trackClass = (0, _compileClassNames7["default"])(_defineProperty({}, style.track, true));
var labelClass = (0, _compileClassNames7["default"])(_defineProperty({}, style.label, true));
var trackWrapperClass = (0, _compileClassNames7["default"])(_defineProperty({}, style.trackWrapper, true));
var thumbClass = (0, _compileClassNames7["default"])((_compileClassNames5 = {}, _defineProperty(_compileClassNames5, style.thumb, true), _defineProperty(_compileClassNames5, style.commonSvg, true), _compileClassNames5));
var labelIndicationClass = (0, _compileClassNames7["default"])((_compileClassNames6 = {}, _defineProperty(_compileClassNames6, style.onLabel, isChecked), _defineProperty(_compileClassNames6, style.offLabel, !isChecked), _defineProperty(_compileClassNames6, style.commonSvg, true), _compileClassNames6));
return {
containerClass: containerClass,
trackClass: trackClass,
labelClass: labelClass,
trackWrapperClass: trackWrapperClass,
thumbClass: thumbClass,
labelIndicationClass: labelIndicationClass
};
}