@luminati-io/uikit 3.9.2 → 4.0.0

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,16 +39542,15 @@ __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 _progress_bar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./progress_bar */ "./src/progress/progress_bar.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _progress_bar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./progress_bar */ "./src/progress/progress_bar.js");
 // LICENSE_CODE ZON
 
 
@@ -39568,50 +39560,33 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-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;
+var Progress = function Progress(_ref) {
+  var progress = _ref.progress,
+    leftText = _ref.leftText,
+    rightText = _ref.rightText;
+  var hasText = !!leftText || !!rightText;
+  if (!hasText) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_4__.ProgressBar, {
+    progress: progress
+  });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['03']
+    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"
+  }, leftText), /*#__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
+  }, rightText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_4__.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 +39599,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__);
@@ -39644,6 +39619,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var ProgressBar = function ProgressBar(_ref) {
+  var progress = _ref.progress;
+  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, null, /*#__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 +39638,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);
 
 /***/ }),