@luminati-io/uikit 1.7.22 → 1.7.24

package/dist/uikit.umd.js

@@ -17950,7 +17950,7 @@ var ChartContainer = function ChartContainer(props) {
     Chart = props.Chart,
     chartProps = props.chartProps,
     rest = _objectWithoutProperties(props, _excluded);
-  var outerWidth = Math.max(410, props.width || 0);
+  var outerWidth = props.width ? Math.max(410, props.width) : undefined;
   var outerHeight = Math.max(176, props.height || 0);
   var noData = !(data && data.length);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ChartContainerWrapper, _extends({}, rest, {
@@ -17979,24 +17979,30 @@ var ChartContainer = function ChartContainer(props) {
 };
 ChartContainer.displayName = 'ChartContainer';
 ChartContainer.defaultProps = {
-  palette: ['#AA99EC', '#3DB9CF', '#E58FB1', '#EBBC00', '#94BA2C', '#D09E72', '#0091FF', '#E5484D', '#12A594', '#FFB224']
+  palette: ['#AA99EC', '#3DB9CF', '#E58FB1', '#EBBC00', '#94BA2C', '#D09E72', '#0091FF', '#E5484D', '#12A594', '#FFB224'],
+  variant: 'default'
 };
 ChartContainer.propTypes = {
   header: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
   description: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   actions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  height: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  height: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired),
   palette: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
-  loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['default', 'ghost'])
 };
 var ChartContainerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartContainerWrapper",
   componentId: "sc-13xkdxv-0"
-})(["display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:", ";padding:", ";border-radius:8px;border:1px solid ", ";width:", ";height:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_5, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.width);
+})(["display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:", ";", " height:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], function (props) {
+  return props.width ? "width: ".concat((0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.width), ";") : undefined;
 }, function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.height);
+}, function (props) {
+  if (props.variant != 'ghost') {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["padding:", ";border-radius:8px;border:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_5);
+  }
 });
 var HeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "HeaderWrapper",
@@ -19752,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
 
 
@@ -19766,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", {
@@ -19801,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'])
 };
@@ -19812,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;
 });
@@ -19893,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);
 
@@ -25550,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],
@@ -25590,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, {
@@ -25599,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) {
@@ -26126,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");
@@ -26153,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;
     });
@@ -26330,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);