@luminati-io/uikit 6.2.1-beta.0 → 6.2.1-beta.2

package/dist/umd/uikit.development.js

@@ -28896,16 +28896,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var Badge = function Badge(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$shape = _ref.shape,
-    shape = _ref$shape === void 0 ? 'square' : _ref$shape,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    icon = _ref.icon,
-    iconPlacement = _ref.iconPlacement,
-    onClick = _ref.onClick;
+var Badge = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'square' : _props$shape,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'default' : _props$variant,
+    icon = props.icon,
+    iconPlacement = props.iconPlacement,
+    onClick = props.onClick;
   var textColor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       "default": 'text',
@@ -28925,6 +28925,7 @@ var Badge = function Badge(_ref) {
     }[variant] || 'icon_accent';
   }, [variant]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(BadgeWrapper, {
+    ref: ref,
     className: className,
     $shape: shape,
     $variant: variant,
@@ -28938,7 +28939,8 @@ var Badge = function Badge(_ref) {
     variant: "xs",
     color: textColor
   }, children));
-};
+});
+Badge.displayName = 'Badge';
 Badge.propTypes = {
   shape: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['rounded', 'square']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive', 'gold', 'blue']),
@@ -28952,16 +28954,16 @@ var BadgeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_lay
 }).withConfig({
   displayName: "BadgeWrapper",
   componentId: "sc-1fckq03-0"
-})(["width:fit-content;border-radius:", ";background-color:", ";"], function (_ref2) {
-  var $shape = _ref2.$shape,
-    spacing = _ref2.theme.spacing;
+})(["width:fit-content;border-radius:", ";background-color:", ";"], function (_ref) {
+  var $shape = _ref.$shape,
+    spacing = _ref.theme.spacing;
   return {
     rounded: '16px',
     square: spacing['02']
   }[$shape];
-}, function (_ref3) {
-  var $variant = _ref3.$variant,
-    color = _ref3.theme.color;
+}, function (_ref2) {
+  var $variant = _ref2.$variant,
+    color = _ref2.theme.color;
   return {
     "default": color.bg_fill_secondary,
     negative: color.bg_fill_error_secondary,
@@ -29232,7 +29234,6 @@ var BreadcrumbsItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forward
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     ref: ref
   }, isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
-    noWrap: true,
     tooltip: isOverflown ? item.text : undefined
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLabel, {
     ref: labelRef,
@@ -32062,8 +32063,7 @@ var CopyButton = function CopyButton(props) {
   }, [code]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
     tooltip: tooltips[state],
-    placement: "right",
-    noWrap: true
+    placement: "right"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledButton, {
     type: "button",
     onClick: handleClick,
@@ -37960,8 +37960,7 @@ var InputLabel = function InputLabel(_ref7) {
     required: required,
     indicator: necessityIndicator
   })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
-    tooltip: labelTooltip,
-    noWrap: true
+    tooltip: labelTooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
       labelIcon: true
@@ -39524,8 +39523,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
     as: tag,
     role: "menuitem"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
-    tooltip: tooltip,
-    noWrap: true
+    tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, rest, {
     "aria-disabled": disabled ? true : undefined,
     size: size,
@@ -46065,7 +46063,7 @@ var _Tooltip = function Tooltip(_ref) {
     tooltip = _ref.tooltip,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-    noWrap = _ref.noWrap,
+    wrap = _ref.wrap,
     interactive = _ref.interactive,
     _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
@@ -46158,22 +46156,23 @@ var _Tooltip = function Tooltip(_ref) {
     ref: setArrowElement,
     style: styles.arrow
   }, attributes.arrow))) : null;
-  if (noWrap) {
-    var child = react__WEBPACK_IMPORTED_MODULE_1__.Children.only(children);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, _objectSpread({
-      ref: setReferenceElement
-    }, triggerProps)), tooltipNode);
-  }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipReference, _extends({
-    ref: setReferenceElement,
-    className: className
-  }, triggerProps), children), tooltipNode);
+  var childrenCount = react__WEBPACK_IMPORTED_MODULE_1__.Children.count(children);
+  if (wrap || childrenCount > 1) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipReference, _extends({
+      ref: setReferenceElement,
+      className: className
+    }, triggerProps), children), tooltipNode);
+  }
+  var child = react__WEBPACK_IMPORTED_MODULE_1__.Children.only(children);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, _objectSpread({
+    ref: setReferenceElement
+  }, triggerProps)), tooltipNode);
 };
 
 _Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacement),
-  noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'focus']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),