@luminati-io/uikit 1.7.23 → 1.7.24

package/dist/uikit.umd.js

@@ -19758,9 +19758,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
+/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
@@ -19772,30 +19772,19 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var toIconSize = function toIconSize(size) {
-  var toSize = function toSize(value) {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["min-width:", ";width:", ";min-height:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value));
-  };
-  if (size == 'xl') return toSize(48);
-  if (size == 'lg') return toSize(32);
-  if (size == 'sm') return toSize(20);
-  if (size == 'xs') return toSize(16);
-  if (size == 'xxs') return toSize(12);
-  return toSize(24);
-};
 var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var name = props.name,
     size = props.size,
     color = props.color,
     verticalAlign = props.verticalAlign;
-  var ic = _icons__WEBPACK_IMPORTED_MODULE_5__["default"][name];
+  var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][name];
   if (!ic) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, _extends({
     ref: ref
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(props), {
+  }, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(props), {
     size: size,
     viewBox: ic.viewBox,
-    color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color[color],
+    color: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color[color],
     verticalAlign: verticalAlign,
     "data-icon": name
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
@@ -19807,8 +19796,8 @@ Icon.defaultProps = {
   size: 'md'
 };
 Icon.propTypes = {
-  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames).isRequired,
-  color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.colorNames),
+  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.iconNames).isRequired,
+  color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.colorNames),
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xxs', 'xs', 'sm', 'md', 'lg', 'xl']),
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'middle', 'bottom', 'baseline', 'text-top', 'text-bottom', 'super'])
 };
@@ -19818,7 +19807,7 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
 })(["color:", ";", " vertical-align:", ";"], function (props) {
   return props.color;
 }, function (props) {
-  return toIconSize(props.size);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toIconSize)(props.size);
 }, function (props) {
   return props.verticalAlign;
 });
@@ -19899,8 +19888,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 })(["display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;cursor:pointer;", " ", ""], function (props) {
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";[data-icon]{color:", ";}&:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";[data-icon]{color:", ";}cursor:not-allowed;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8), props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
 }, function (props) {
-  var w = props.variant == 'icon' || props.variant == 'ghost' ? 24 : 36;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["width:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(w), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(w));
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toSize)(props.variant == 'icon' || props.variant == 'ghost' ? 24 : 36);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconButton);
 
@@ -25556,7 +25544,8 @@ var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
 var Tooltip = function Tooltip(props) {
   var children = props.children,
     tooltip = props.tooltip,
-    placement = props.placement;
+    placement = props.placement,
+    noWrap = props.noWrap;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -25596,7 +25585,7 @@ var Tooltip = function Tooltip(props) {
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   if (!tooltip) return children;
-  var tooltipNode = /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
+  var tooltipNode = visible ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
     style: styles.popper
   }, attributes.popper), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
@@ -25605,19 +25594,28 @@ var Tooltip = function Tooltip(props) {
   }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipArrow, _extends({
     ref: setArrowElement,
     style: styles.arrow
-  }, attributes.arrow))), document.body);
+  }, attributes.arrow))), document.body) : null;
+  if (noWrap) {
+    var child = react__WEBPACK_IMPORTED_MODULE_0__.Children.only(children);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, {
+      ref: setReferenceElement,
+      onPointerEnter: show,
+      onPointerLeave: hide
+    }), tooltipNode);
+  }
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipReference, {
     ref: setReferenceElement,
     onPointerEnter: show,
     onPointerLeave: hide
-  }, children), visible && tooltipNode);
+  }, children), tooltipNode);
 };
 Tooltip.defaultProps = {
   placement: 'top'
 };
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),
-  placement: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacements)
+  placement: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacements),
+  noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool)
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {
@@ -26132,6 +26130,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "toButtonSize": () => (/* binding */ toButtonSize),
 /* harmony export */   "toIconSize": () => (/* binding */ toIconSize),
 /* harmony export */   "toPixel": () => (/* binding */ toPixel),
+/* harmony export */   "toSize": () => (/* binding */ toSize),
 /* harmony export */   "tooltipPlacements": () => (/* binding */ tooltipPlacements)
 /* harmony export */ });
 /* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/pickBy */ "./node_modules/lodash/pickBy.js");
@@ -26159,10 +26158,13 @@ var iconNames = Object.keys(_icons__WEBPACK_IMPORTED_MODULE_1__["default"]);
 var toPixel = function toPixel(value) {
   return "".concat(value, "px");
 };
+var toSize = function toSize(value) {
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-width:", ";width:", ";min-height:", ";height:", ";"], toPixel(value), toPixel(value), toPixel(value), toPixel(value));
+};
 var getCommonProps = function getCommonProps(props) {
   return lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default()(props, function (v, k) {
     var inc = ['id', 'className', 'style', 'onClick', 'role'];
-    var starts = ['onMouse', 'aria-', 'data-'];
+    var starts = ['onMouse', 'onPointer', 'aria-', 'data-'];
     return inc.includes(k) || starts.some(function (s) {
       return k.indexOf(s) == 0;
     });
@@ -26336,9 +26338,6 @@ var getButtonColors = function getButtonColors(props) {
   return styles[variant] || styles.primary;
 };
 var toIconSize = function toIconSize(size) {
-  var toSize = function toSize(value) {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["width:", ";height:", ";"], toPixel(value), toPixel(value));
-  };
   if (size == 'xl') return toSize(48);
   if (size == 'lg') return toSize(32);
   if (size == 'sm') return toSize(20);