@luminati-io/uikit 3.9.2-beta.1 → 4.0.0

package/dist/umd/uikit.development.js

@@ -32755,7 +32755,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["variant", "disabled", "active", "icon", "tooltip", "tooltipPlacement", "size", "noBackColor"];
+var _excluded = ["variant", "disabled", "active", "icon", "tooltip", "tooltipPlacement", "size", "noBackColor", "noBorder"];
 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; }
@@ -32777,6 +32777,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
     noBackColor = _ref.noBackColor,
+    noBorder = _ref.noBorder,
     rest = _objectWithoutProperties(_ref, _excluded);
   size = calcSize(variant, size);
   noBackColor = variant == 'ghost' || noBackColor;
@@ -32791,6 +32792,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   }, rest, {
     disabled: disabled,
     $size: size,
+    $noBorder: noBorder,
     $noBackColor: noBackColor,
     $active: active
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, {
@@ -32809,7 +32811,8 @@ IconButton.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
   tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacement),
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  noBackColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
+  noBackColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
+  noBorder: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
 var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
   displayName: "StyledIconButton",
@@ -32838,7 +32841,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
     hoverBackColor = 'transparent';
     activeBackColor = 'transparent';
   }
-  if (props.$size == 'xs') {
+  if (props.$size == 'xs' || props.$noBorder) {
     hoverBorder = '0 none';
     activeBorder = '0 none';
     disabledBorder = '0 none';
@@ -34075,15 +34078,17 @@ var addItem = function addItem(matrix, i, j, item) {
 var noop = function noop() {
   return 0;
 };
+var defaultValue = [[]];
+var emptyArray = [];
 var DragDrop = function DragDrop(_ref) {
   var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? [[]] : _ref$value,
+    value = _ref$value === void 0 ? defaultValue : _ref$value,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    items = _ref$items === void 0 ? emptyArray : _ref$items,
     _ref$sections = _ref.sections,
-    sections = _ref$sections === void 0 ? [] : _ref$sections,
+    sections = _ref$sections === void 0 ? emptyArray : _ref$sections,
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
     CustomDrop = _ref.CustomDrop,
@@ -35677,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",
@@ -39515,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");
@@ -39527,7 +39531,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/progress/progess.js":
@@ -39539,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
 
 
@@ -39558,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);
 
 /***/ }),
 
@@ -39614,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__);
@@ -39634,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"
@@ -39642,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);
 
 /***/ }),