@bigbinary/neeto-editor 1.38.10 → 1.38.12

package/dist/cjs/{chunk-534531c3.cjs.js → chunk-fd7976a0.cjs.js}

@@ -32,7 +32,7 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactColorful = require('react-colorful');
 var _objectWithoutProperties$1 = require('@babel/runtime/helpers/objectWithoutProperties');
 var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
-var index = require('./chunk-7d9a9ed1.cjs.js');
+var FileIcon = require('./chunk-938306ec.cjs.js');
 var _commonjsHelpers = require('./chunk-1b36f0ca.cjs.js');
 var Tippy = require('@tippyjs/react');
 
@@ -13017,32 +13017,42 @@ var Progress = reactUtils.withT(function (_ref) {
   }, queuedFiles.map(function (_ref2) {
     var id = _ref2.id,
       filename = _ref2.filename,
-      progress = _ref2.progress;
+      _ref2$progress = _ref2.progress,
+      progress = _ref2$progress === void 0 ? 0 : _ref2$progress;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ne-media-uploader__media",
       key: id
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "ne-media-uploader__media__info"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, filename), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      className: "ne-media-uploader__media__cancel-button-wrapper"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "neeto-editor-image-upload-cancel-button",
       icon: neetoIcons.Close,
+      iconSize: 18,
       size: "small",
       style: "text",
       onClick: function onClick() {
         return cancelUpload(id);
       }
-    })), progress !== 100 ? /*#__PURE__*/React__default["default"].createElement("div", {
+    })), /*#__PURE__*/React__default["default"].createElement(FileIcon.File, {
+      className: "ne-media-uploader__media__info__icon",
+      fileName: filename
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ne-media-uploader__media__info"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "nano"
+    }, progress === 100 && t("neetoEditor.localUploader.completed"), progress !== 100 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, progress, "%")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ne-media-uploader__media__progress"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ne-media-uploader__media__progress-bar",
       style: {
         width: "".concat(progress, "%")
       }
-    }, progress, "%")) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    })), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: filename,
+      position: "top"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "body3"
-    }, t("neetoEditor.localUploader.completed")));
+    }, filename))));
   }));
 });
 
@@ -13053,10 +13063,10 @@ var LocalUploader = function LocalUploader(_ref) {
     setIsUploading = _ref.setIsUploading;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var uploadConfig = isImage ? index.DEFAULT_IMAGE_UPLOAD_CONFIG : index.DEFAULT_VIDEO_UPLOAD_CONFIG;
+  var uploadConfig = isImage ? FileIcon.DEFAULT_IMAGE_UPLOAD_CONFIG : FileIcon.DEFAULT_VIDEO_UPLOAD_CONFIG;
   var fileInputRef = React.useRef(null);
   var dropTargetRef = React.useRef(null);
-  var _useFileUploader = index.useFileUploader({
+  var _useFileUploader = FileIcon.useFileUploader({
       config: uploadConfig,
       setIsUploadingOnHost: setIsUploading
     }),
@@ -13088,7 +13098,7 @@ var LocalUploader = function LocalUploader(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  index.useDropFiles({
+  FileIcon.useDropFiles({
     dropTargetRef: dropTargetRef,
     onDrop: handleFilesDrop
   });
@@ -13135,7 +13145,7 @@ var LocalUploader = function LocalUploader(_ref) {
     "data-cy": "neeto-editor-media-uploader-input",
     ref: fileInputRef,
     type: "file",
-    accept: isImage ? index.ALLOWED_IMAGE_TYPES.join(",") : index.ALLOWED_VIDEO_TYPES.join(","),
+    accept: isImage ? FileIcon.ALLOWED_IMAGE_TYPES.join(",") : FileIcon.ALLOWED_VIDEO_TYPES.join(","),
     onChange: handleAddFile
   }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.ImageUpload, {
     className: "ne-media-uploader__dnd-icon",
@@ -13145,7 +13155,7 @@ var LocalUploader = function LocalUploader(_ref) {
   }, t("neetoEditor.localUploader.dropFilesHere")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body3"
   }, t("neetoEditor.localUploader.maxFileSize", {
-    entity: index.convertToFileSize(uploadConfig.restrictions.maxFileSize)
+    entity: FileIcon.convertToFileSize(uploadConfig.restrictions.maxFileSize)
   })));
 };
 
@@ -13449,7 +13459,7 @@ InfiniteScroll.exports;
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _propTypes = index.propTypesExports;
+	var _propTypes = FileIcon.propTypesExports;
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -13754,7 +13764,7 @@ var _react = React__default["default"];
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = index.propTypesExports;
+var _propTypes = FileIcon.propTypesExports;
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -14165,7 +14175,7 @@ var MediaUploader = function MediaUploader(_ref) {
     tabs = _useState6[0],
     setTabs = _useState6[1];
   React.useEffect(function () {
-    isOpen && setTabs(index.getTabs(mediaUploader, unsplashApiKey));
+    isOpen && setTabs(FileIcon.getTabs(mediaUploader, unsplashApiKey));
   }, [mediaUploader]);
   var handleClose = function handleClose() {
     onClose();
@@ -15717,4 +15727,4 @@ exports.textblockTypeInputRule = textblockTypeInputRule;
 exports.useEditor = useEditor;
 exports.validateUrl = validateUrl;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-534531c3.cjs.js.map
+//# sourceMappingURL=chunk-fd7976a0.cjs.js.map