indicator-ui 0.0.351 → 0.0.352

package/dist/index.js

@@ -55551,7 +55551,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"dropdownItem":"DropdownItem-module__dropdownItem___N8ZNV","showIcon":"DropdownItem-module__showIcon___Dg7F4","main":"DropdownItem-module__main___Lhu3D","text":"DropdownItem-module__text___ASNww","supportText":"DropdownItem-module__supportText___UEw04","check":"DropdownItem-module__check___e4EmQ","selected":"DropdownItem-module__selected___gw70Z","userIcon":"DropdownItem-module__userIcon___MATjB","small":"DropdownItem-module__small___IbHXt","medium":"DropdownItem-module__medium___bm3mg","widthFill":"DropdownItem-module__widthFill___m3eb0","widthHug":"DropdownItem-module__widthHug___HJMle"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"dropdownItem":"DropdownItem-module__dropdownItem___N8ZNV","showIcon":"DropdownItem-module__showIcon___Dg7F4","main":"DropdownItem-module__main___Lhu3D","text":"DropdownItem-module__text___ASNww","supportText":"DropdownItem-module__supportText___UEw04","check":"DropdownItem-module__check___e4EmQ","selected":"DropdownItem-module__selected___gw70Z","disabled":"DropdownItem-module__disabled___hI0kb","userIcon":"DropdownItem-module__userIcon___MATjB","small":"DropdownItem-module__small___IbHXt","medium":"DropdownItem-module__medium___bm3mg","widthFill":"DropdownItem-module__widthFill___m3eb0","widthHug":"DropdownItem-module__widthHug___HJMle"});
 
 /***/ }),
 
@@ -55647,7 +55647,8 @@ function DropdownItem(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'fill' : _ref$width,
     beforeElement = _ref.beforeElement,
-    afterElement = _ref.afterElement;
+    afterElement = _ref.afterElement,
+    ownerElement = _ref.ownerElement;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHover = _useState2[0],
@@ -55669,7 +55670,7 @@ function DropdownItem(_ref) {
       children: supportingText
     });
   };
-  var cloneElement = function cloneElement(element) {
+  var cloneAdditionElement = function cloneAdditionElement(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,
@@ -55687,26 +55688,30 @@ function DropdownItem(_ref) {
       children: showIcon
     });
   };
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+  var clonedProps = {
     onClick: onClick,
     disabled: disabled,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.dropdownItem, additionStyles, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.selected, selected), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.medium, size === 'medium')),
-    children: [getShowIcon(), user ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.UserPick, {
-      url: user,
-      size: '20'
-    }) : undefined, cloneElement(beforeElement), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.main,
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.text,
-        children: text
-      }), getSupportingText()]
-    }), cloneElement(afterElement), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.check,
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.CheckSVG, {})
-    })]
-  });
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.dropdownItem, additionStyles, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.selected, selected), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.medium, size === 'medium')),
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+      children: [getShowIcon(), user ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.UserPick, {
+        url: user,
+        size: '20'
+      }) : undefined, cloneAdditionElement(beforeElement), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.main,
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+          className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.text,
+          children: text
+        }), getSupportingText()]
+      }), cloneAdditionElement(afterElement), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+        className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownItemStyle.check,
+        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.CheckSVG, {})
+      })]
+    })
+  };
+  var resElement = ownerElement && /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(ownerElement) ? ownerElement : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {});
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(resElement, clonedProps);
 }
 
 /***/ }),