@luminati-io/uikit 1.7.26 → 1.7.27-beta.0

package/dist/uikit.umd.js

@@ -17932,7 +17932,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps", "hideLegend"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -17956,6 +17956,7 @@ var ChartContainer = function ChartContainer(props) {
     loading = props.loading,
     Chart = props.Chart,
     chartProps = props.chartProps,
+    hideLegend = props.hideLegend,
     rest = _objectWithoutProperties(props, _excluded);
   var outerWidth = props.width ? Math.max(410, props.width) : undefined;
   var outerHeight = Math.max(176, props.height || 0);
@@ -17968,9 +17969,7 @@ var ChartContainer = function ChartContainer(props) {
   }, header), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
     color: "gray_11_75"
-  }, description)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ChartWrapper, {
-    noActions: !actions
-  }, !!actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_8__["default"], null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_no_data__WEBPACK_IMPORTED_MODULE_9__["default"], null), !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__["default"], null, function (_ref) {
+  }, description)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ChartWrapper, null, !!actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_8__["default"], null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_no_data__WEBPACK_IMPORTED_MODULE_9__["default"], null), !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__["default"], null, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Chart, _extends({}, chartProps, {
@@ -17979,7 +17978,7 @@ var ChartContainer = function ChartContainer(props) {
       width: width,
       height: height
     }));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  })), !hideLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
     data: data,
     palette: palette
   })))));
@@ -17997,12 +17996,13 @@ ChartContainer.propTypes = {
   height: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number.isRequired),
   palette: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost']),
+  hideLegend: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 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:", ";", " height:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], function (props) {
+})(["display:flex;flex-direction:column;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);
@@ -18018,14 +18018,11 @@ var HeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div
 var ChartWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartWrapper",
   componentId: "sc-13xkdxv-2"
-})(["display:grid;gap:", ";grid-template-columns:1fr;", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"], function (props) {
-  if (props.noActions) return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["grid-template-rows:minmax(0,1fr) auto;"]);
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["grid-template-rows:auto minmax(0,1fr) auto;"]);
-});
+})(["flex-grow:1;display:flex;flex-direction:column;gap:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"]);
 var SvgWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "SvgWrapper",
   componentId: "sc-13xkdxv-3"
-})(["overflow:hidden;svg{display:block;padding:0;margin:0;}"]);
+})(["flex-grow:1;overflow:hidden;svg{display:block;padding:0;margin:0;}"]);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartContainer);
 
 /***/ }),
@@ -18554,7 +18551,8 @@ Line.propTypes = {
     left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
   }),
   xLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  yLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  yLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  hideLegend: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Line);
 
@@ -18740,7 +18738,7 @@ var TooltipContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().di
 var TooltipItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "TooltipItem",
   componentId: "sc-a1je6y-3"
-})(["display:flex;gap:32px;"]);
+})(["display:flex;justify-content:space-between;gap:32px;"]);
 var Legend = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "Legend",
   componentId: "sc-a1je6y-4"
@@ -18848,7 +18846,7 @@ Code.propTypes = {
 var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_18___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
+})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
 
@@ -19829,7 +19827,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["variant", "disabled", "icon", "tooltip", "tooltipPlacement"];
+var _excluded = ["variant", "disabled", "active", "icon", "tooltip", "tooltipPlacement"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -19843,6 +19841,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var variant = props.variant,
     disabled = props.disabled,
+    active = props.active,
     icon = props.icon,
     tooltip = props.tooltip,
     tooltipPlacement = props.tooltipPlacement,
@@ -19854,7 +19853,8 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     ref: ref
   }, rest, {
     variant: variant,
-    disabled: disabled
+    disabled: disabled,
+    active: active
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
     name: icon,
     size: "sm"
@@ -19868,6 +19868,7 @@ IconButton.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['icon', 'icon-button', 'ghost']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
+  active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
   tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
 };
@@ -19875,7 +19876,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
   displayName: "StyledIconButton",
   componentId: "sc-114c1w5-0"
 })(["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);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["", " &:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";cursor:not-allowed;[data-icon]{color:", ";}}"], props.active ? "\n        background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, ";\n        border: ").concat(props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), ";\n        [data-icon] {\n          color: ").concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, ";\n        }\n      ") : "\n        background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, ";\n        border: ").concat(props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6), ";\n        [data-icon] {\n          color: ").concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, ";\n        }\n      "), 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) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toSize)(props.variant == 'icon' || props.variant == 'ghost' ? 24 : 36);
 });