@luminati-io/uikit 6.0.0 → 6.1.0

package/dist/umd/uikit.development.js

@@ -30065,7 +30065,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ChartContainer: () => (/* binding */ ChartContainer)
 /* harmony export */ });
-/* harmony import */ var _visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @visx/responsive/lib/components/ParentSize */ "./node_modules/@visx/responsive/lib/components/ParentSize.js");
+/* harmony import */ var _visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @visx/responsive/lib/components/ParentSize */ "./node_modules/@visx/responsive/lib/components/ParentSize.js");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
@@ -30076,14 +30076,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 /* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./error_boundary */ "./src/chart/error_boundary.js");
-/* harmony import */ var _legend__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./legend */ "./src/chart/legend.js");
-/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./loading */ "./src/chart/loading.js");
-/* harmony import */ var _no_data__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./no_data */ "./src/chart/no_data.js");
+/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./error */ "./src/chart/error.js");
+/* harmony import */ var _legend__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./legend */ "./src/chart/legend.js");
+/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./loading */ "./src/chart/loading.js");
+/* harmony import */ var _no_data__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./no_data */ "./src/chart/no_data.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "legendItem", "chartProps", "showLegend", "variant", "width", "height", "classNamePrefix"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "legendItem", "chartProps", "showLegend", "variant", "width", "height", "classNamePrefix", "error", "reload"];
 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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
@@ -30098,6 +30099,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var ChartContainer = function ChartContainer(_ref) {
   var header = _ref.header,
     description = _ref.description,
@@ -30114,6 +30116,8 @@ var ChartContainer = function ChartContainer(_ref) {
     _width = _ref.width,
     _height = _ref.height,
     classNamePrefix = _ref.classNamePrefix,
+    error = _ref.error,
+    reload = _ref.reload,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)(),
     chart_palette = _useTheme.chart_palette;
@@ -30133,19 +30137,22 @@ var ChartContainer = function ChartContainer(_ref) {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       actions: true
     })
-  }, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_8__.Loading, {
+  }, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_9__.Loading, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       loader: true
     })
-  }), !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__.NoData, {
+  }), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error__WEBPACK_IMPORTED_MODULE_7__.Error, {
+    error: error,
+    reload: reload
+  }), !error && noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_no_data__WEBPACK_IMPORTED_MODULE_10__.NoData, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       placeholder: true
     })
-  }), !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__.ErrorBoundary, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, {
+  }), !error && !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__.ErrorBoundary, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       container: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__["default"], null, function (_ref2) {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_11__["default"], null, function (_ref2) {
     var width = _ref2.width,
       height = _ref2.height;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Chart, _extends({}, chartProps, {
@@ -30154,7 +30161,7 @@ var ChartContainer = function ChartContainer(_ref) {
       width: width,
       height: height
     }));
-  })), !!showLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__.Legend, {
+  })), !!showLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_8__.Legend, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       legend: true
     }),
@@ -30231,16 +30238,16 @@ var SvgWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.wi
 
 /***/ }),
 
-/***/ "./src/chart/error_boundary.js":
-/*!*************************************!*\
-  !*** ./src/chart/error_boundary.js ***!
-  \*************************************/
+/***/ "./src/chart/error.js":
+/*!****************************!*\
+  !*** ./src/chart/error.js ***!
+  \****************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ErrorBoundary: () => (/* binding */ ErrorBoundary)
+/* harmony export */   Error: () => (/* binding */ Error)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -30253,6 +30260,56 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+
+
+
+
+
+var ErrorWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "ErrorWrapper",
+  componentId: "sc-otnf1g-0"
+})(["flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:", ";"], function (_ref) {
+  var spacing = _ref.theme.spacing;
+  return spacing['04'];
+});
+var Error = function Error(_ref2) {
+  var error = _ref2.error,
+    reload = _ref2.reload;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__.Icon, {
+    name: "Warning",
+    color: "icon_error",
+    size: "md"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    variant: "sm",
+    color: "text_quaternary"
+  }, error), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_3__.Link, {
+    as: "button",
+    size: "sm",
+    text: "Reload",
+    onClick: reload
+  }));
+};
+
+/***/ }),
+
+/***/ "./src/chart/error_boundary.js":
+/*!*************************************!*\
+  !*** ./src/chart/error_boundary.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ErrorBoundary: () => (/* binding */ ErrorBoundary)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./error */ "./src/chart/error.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -30268,9 +30325,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 
-
-
-
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function ErrorBoundary(props) {
     var _this;
@@ -30294,19 +30348,10 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       if (this.state.hasError) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorBoundaryWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__.Icon, {
-          name: "Warning",
-          color: "icon_error",
-          size: "md"
-        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-          variant: "sm",
-          color: "text_quaternary"
-        }, "Unable to load chart"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_3__.Link, {
-          as: "button",
-          size: "sm",
-          text: "Reload",
-          onClick: this.reload
-        }));
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error__WEBPACK_IMPORTED_MODULE_1__.Error, {
+          error: "Unable to load chart",
+          reload: this.reload.bind(this)
+        });
       }
       return this.props.children;
     }
@@ -30320,13 +30365,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }((react__WEBPACK_IMPORTED_MODULE_0___default().Component));
-var ErrorBoundaryWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "ErrorBoundaryWrapper",
-  componentId: "sc-qlqvht-0"
-})(["flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:", ";"], function (_ref) {
-  var spacing = _ref.theme.spacing;
-  return spacing['04'];
-});
 
 /***/ }),
 
@@ -33553,6 +33591,11 @@ var useStyles = function useStyles(_ref) {
           boxShadow: boxShadow
         });
       },
+      input: function input(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          color: color.text_tertiary
+        });
+      },
       valueContainer: function valueContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           padding: '0 8px 0 0'
@@ -33604,7 +33647,7 @@ var useStyles = function useStyles(_ref) {
           alignItems: 'center',
           gap: '8px',
           height: '40px',
-          backgroundColor: isFocused ? color.bg_fill_secondary : undefined,
+          backgroundColor: isFocused ? color.bg_fill_primary_secondary : baseStyles.backgroundColor,
           color: isDisabled ? color.text_disabled : color.text_tertiary,
           '&:hover': {
             backgroundColor: color.bg_fill_secondary
@@ -35242,6 +35285,11 @@ var useStyles = function useStyles(_ref) {
           boxShadow: boxShadow
         });
       },
+      input: function input(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          color: color.text_tertiary
+        });
+      },
       valueContainer: function valueContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           padding: '0 8px 0 0'
@@ -35653,12 +35701,12 @@ var UploadBaseContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default
   var $isHovered = _ref.$isHovered,
     $invalid = _ref.$invalid,
     color = _ref.theme.color;
-  return border($invalid ? color.border_error : $isHovered ? color.border_primary : color.border);
+  return border($isHovered ? color.border_primary : $invalid ? color.border_error : color.border);
 }, function (_ref2) {
   var $isHovered = _ref2.$isHovered,
     $invalid = _ref2.$invalid,
     color = _ref2.theme.color;
-  return $invalid ? color.bg : $isHovered ? color.bg_fill_primary_secondary : color.bg;
+  return $isHovered ? color.bg_fill_primary_secondary : $invalid ? color.bg : color.bg;
 });
 var UploadBase = function UploadBase(props) {
   var label = props.label,
@@ -41713,7 +41761,7 @@ var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default()
   componentId: "sc-8zg5t0-1"
 })(["background-color:", ";&:hover{background-color:", ";}border-right:", ";"], function (_ref2) {
   var color = _ref2.theme.color;
-  return color.bg_primary;
+  return color.bg;
 }, function (_ref3) {
   var color = _ref3.theme.color;
   return color.table_cell_hover;
@@ -44791,7 +44839,9 @@ var semanticLight = {
   bg_fill: color.gray_2,
   bg_fill_secondary: color.gray_3,
   bg_fill_teritary: color.gray_4,
+  bg_fill_warning: color.yellow_9,
   bg_fill_warning_secondary: color.yellow_3,
+  bg_fill_success: color.green_9,
   bg_fill_success_secondary: color.green_3,
   bg_component_hover: color.gray_3,
   border: color.gray_6,