@luminati-io/uikit 3.9.2 → 4.0.1

package/dist/umd/uikit.development.js

@@ -35682,8 +35682,7 @@ var UploadItemState = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().
     size = props.size,
     antiVirusScanText = props.antiVirusScanText;
   if (status == _constants__WEBPACK_IMPORTED_MODULE_4__.FILE_STATUS.UPLOADING) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress__WEBPACK_IMPORTED_MODULE_3__.ProgressBar, {
-    amount: progress,
-    capacity: 100
+    progress: progress
   });
   if (status == _constants__WEBPACK_IMPORTED_MODULE_4__.FILE_STATUS.SUCCESS) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
     variant: "xs",
@@ -38661,7 +38660,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
-var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "icon", "iconPlacement", "Comp"],
+var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "icon", "iconPlacement"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["subItems", "children"],
   _excluded4 = ["popover", "onClick"];
@@ -38701,14 +38700,10 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
     isFirstItem = _ref.isFirstItem,
     icon = _ref.icon,
     iconPlacement = _ref.iconPlacement,
-    Comp = _ref.Comp,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_11__["default"], {
     ref: ref
   });
-  if (type == 'comp' && Comp) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Comp, _extends({
-    ref: ref
-  }, rest));
   var subItems = buildSubItems(children, {
     size: size
   });
@@ -38762,7 +38757,7 @@ MenuItem.propTypes = {
   secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   description: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['item', 'divider', 'group', 'comp']),
+  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['item', 'divider', 'group']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_9__.iconNames),
   children: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape(MenuItem.propTypes)),
@@ -38770,8 +38765,7 @@ MenuItem.propTypes = {
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   selected: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  Comp: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
 };
 var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
   var subItems = props.subItems,
@@ -39525,8 +39519,8 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Progress: () => (/* reexport safe */ _progess__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress_bar__WEBPACK_IMPORTED_MODULE_1__["default"])
+/* harmony export */   Progress: () => (/* reexport safe */ _progess__WEBPACK_IMPORTED_MODULE_0__.Progress),
+/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress_bar__WEBPACK_IMPORTED_MODULE_1__.ProgressBar)
 /* harmony export */ });
 /* harmony import */ var _progess__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./progess */ "./src/progress/progess.js");
 /* harmony import */ var _progress_bar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress_bar */ "./src/progress/progress_bar.js");
@@ -39537,7 +39531,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/progress/progess.js":
@@ -39549,69 +39542,58 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Progress: () => (/* binding */ Progress)
 /* harmony export */ });
 /* 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");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _progress_bar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./progress_bar */ "./src/progress/progress_bar.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
+var _excluded = ["progress", "leftText", "rightText"];
+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; }
 
 
 
 
 
 
-var ProgressFraction = function ProgressFraction(props) {
-  var amount = props.amount,
-    capacity = props.capacity;
-  // XXX davidg: implement number formatting by $, bytes, etc.
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
-    align_items: "center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    color: "gray_11_50"
-  }, amount), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    color: "gray_11"
-  }, "/", capacity));
-};
-ProgressFraction.propTypes = {
-  amount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number).isRequired,
-  capacity: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number).isRequired
-  // unit: PT.string,
-};
-var Progress = function Progress(props) {
-  var amount = props.amount,
-    capacity = props.capacity,
-    label = props.label;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+var Progress = function Progress(_ref) {
+  var progress = _ref.progress,
+    leftText = _ref.leftText,
+    rightText = _ref.rightText,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var hasText = !!leftText || !!rightText;
+  if (!hasText) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_5__.ProgressBar, _extends({}, rest, {
+    progress: progress
+  }));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest), {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['03']
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+    gap: "03"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     align_items: "flex-end",
     justify_content: "space-between"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
     color: "gray_11_50"
-  }, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ProgressFraction, {
-    amount: amount,
-    capacity: capacity
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_5__["default"], {
-    amount: amount,
-    capacity: capacity
+  }, leftText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
+    color: "gray_11_50"
+  }, rightText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_5__.ProgressBar, {
+    progress: progress
   }));
 };
 Progress.propTypes = {
-  amount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number).isRequired,
-  capacity: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number).isRequired,
-  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  progress: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number).isRequired,
+  leftText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  rightText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Progress);
 
 /***/ }),
 
@@ -39624,7 +39606,7 @@ Progress.propTypes = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   ProgressBar: () => (/* binding */ ProgressBar)
 /* harmony export */ });
 /* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/clamp */ "./node_modules/lodash/clamp.js");
 /* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_clamp__WEBPACK_IMPORTED_MODULE_0__);
@@ -39635,15 +39617,32 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
+var _excluded = ["progress"];
+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; }
+
 
 
 
 
+var ProgressBar = function ProgressBar(_ref) {
+  var progress = _ref.progress,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var percentage = lodash_clamp__WEBPACK_IMPORTED_MODULE_0___default()(progress, 0, 100);
+  var percentageFmt = percentage.toFixed(2);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ProgressBarWrapper, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ProgressBarFill, {
+    $width: percentageFmt
+  }));
+};
+ProgressBar.propTypes = {
+  progress: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number).isRequired
+};
 var ProgressBarWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ProgressBarWrapper",
   componentId: "sc-k8bgfd-0"
@@ -39652,22 +39651,8 @@ var ProgressBarFill = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
   displayName: "ProgressBarFill",
   componentId: "sc-k8bgfd-1"
 })(["background-color:", ";border-radius:30px;width:", "%;height:100%;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, function (props) {
-  return props.width;
+  return props.$width;
 });
-var ProgressBar = function ProgressBar(props) {
-  var amount = props.amount,
-    capacity = props.capacity;
-  var percentage = lodash_clamp__WEBPACK_IMPORTED_MODULE_0___default()(amount / capacity * 100, 0, 100);
-  var percentageFmt = percentage.toFixed(2);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ProgressBarWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ProgressBarFill, {
-    width: percentageFmt
-  }));
-};
-ProgressBar.propTypes = {
-  amount: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number).isRequired,
-  capacity: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number).isRequired
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);
 
 /***/ }),
 
@@ -44871,7 +44856,7 @@ var Tooltip = function Tooltip(_ref) {
     closeTimmer.current = setTimeout(function () {
       return setVisible(false);
     }, interactive ? CLOSE_DELAY : 0);
-  }, []);
+  }, [interactive]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     return function () {
       clearTimeout(closeTimmer.current);