indicator-ui 0.0.271 → 0.0.273

package/dist/index.js

@@ -26272,7 +26272,11 @@ function Checkbox(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 'hug' : _ref$height,
     onCheckboxMarkClick = _ref.onCheckboxMarkClick,
-    additionStyle = _ref.additionStyle;
+    additionStyle = _ref.additionStyle,
+    beforeElement = _ref.beforeElement,
+    afterElement = _ref.afterElement,
+    textBeforeElement = _ref.textBeforeElement,
+    textAfterElement = _ref.textAfterElement;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHover = _useState2[0],
@@ -26282,9 +26286,30 @@ function Checkbox(_ref) {
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var clickHandler = function clickHandler() {
-    if (onClick) onClick();
+    onClick === null || onClick === void 0 || onClick();
     setIsFocused(false);
   };
+  var cloneElement = function cloneElement(element) {
+    if (! /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(element)) return element;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(element, {
+      isHover: isHover,
+      disabled: disabled,
+      checked: checked
+    });
+  };
+  var getContent = function getContent() {
+    if (text == null) return undefined;
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.textBlock, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.hover, isHover), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.focus, isFocused)),
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.text, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.textBold, indeterminate || subtype)),
+        children: [cloneElement(textBeforeElement), text, cloneElement(textAfterElement)]
+      }), supportingText && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+        className: _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.supportingText,
+        children: supportingText
+      })]
+    });
+  };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
     onClick: clickHandler,
     onMouseEnter: function onMouseEnter() {
@@ -26315,16 +26340,7 @@ function Checkbox(_ref) {
         }
       },
       relation: subtype
-    }), text && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.textBlock, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.hover, isHover), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.focus, isFocused)),
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.text, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.textBold, indeterminate || subtype)),
-        children: text
-      }), supportingText && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.supportingText,
-        children: supportingText
-      })]
-    })]
+    }), cloneElement(beforeElement), getContent(), cloneElement(afterElement)]
   });
 }