@blaze-cms/plugin-media-ui 0.146.0-core-styles.41 → 0.146.0-core-styles.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-media-ui",
-  "version": "0.146.0-core-styles.41",
+  "version": "0.146.0-core-styles.52",
   "description": "Blaze plugin media ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,10 +27,10 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-core-styles.41",
-    "@blaze-cms/core-errors": "0.146.0-core-styles.41",
-    "@blaze-cms/plugin-search-ui": "0.146.0-core-styles.41",
-    "@blaze-cms/react-form-builder": "0.146.0-core-styles.41",
+    "@blaze-cms/admin-ui-utils": "0.146.0-core-styles.52",
+    "@blaze-cms/core-errors": "0.146.0-core-styles.52",
+    "@blaze-cms/plugin-search-ui": "0.146.0-core-styles.52",
+    "@blaze-cms/react-form-builder": "0.146.0-core-styles.52",
     "@blaze-cms/setup-ui": "0.145.1-core-styles.0",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/drafteditor": "0.7.0",
@@ -44,7 +44,7 @@
     "react-tiny-virtual-list": "2.2.0"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-core-styles.41"
+    "@blaze-cms/core-ui": "0.146.0-core-styles.52"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -57,5 +57,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "3785ab6d213cffdd594087e7e8b50a6e9fdc74a9"
+  "gitHead": "b3ac6c631d3363ef099165ca1a055d2a09b3705b"
 }

package/src/components/FileUploadAdapter/FileUploadAdapter.js

@@ -30,7 +30,8 @@ const FileUploadAdapter = ({
   shouldRenderInPreview,
   canDragAndDrop,
   simpleLayout,
-  previewAllFiles
+  previewAllFiles,
+  fileType
 }) => {
   const { InjectPreview } = useContext(FileUploadAdapter.FormContext);
   const [currentLimit] = useLimit(maxItems);
@@ -155,7 +156,7 @@ const FileUploadAdapter = ({
     setDisplayModal(false);
   };
 
-  const fileUploadButtonText = getButtonText({ maxItems, value: initialValue });
+  const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });
 
   const filesPending = previewAllFiles
     ? 0
@@ -371,7 +372,8 @@ FileUploadAdapter.propTypes = {
   shouldRenderInPreview: PropTypes.bool,
   canDragAndDrop: PropTypes.bool,
   simpleLayout: PropTypes.bool,
-  previewAllFiles: PropTypes.bool
+  previewAllFiles: PropTypes.bool,
+  fileType: PropTypes.string
 };
 
 FileUploadAdapter.defaultProps = {
@@ -380,7 +382,8 @@ FileUploadAdapter.defaultProps = {
   shouldRenderInPreview: false,
   canDragAndDrop: false,
   simpleLayout: false,
-  previewAllFiles: false
+  previewAllFiles: false,
+  fileType: 'file'
 };
 
 export default FileUploadAdapter;

package/src/components/FileUploadAdapter/mappers/get-button-text.js

@@ -1,6 +1,7 @@
-const getButtonText = ({ maxItems, value }) => {
-  const fileLabel = maxItems > 1 ? 'Add File/s' : 'Add file';
-  return value && value.length ? 'Change file' : fileLabel;
+const getButtonText = ({ maxItems, value, fileType = 'file' }) => {
+  const pluralSuffix = maxItems > 1 ? 's' : '';
+  const fileLabel = `Add ${fileType}${pluralSuffix}`;
+  return value && value.length > 0 ? `Change ${fileType}${pluralSuffix}` : fileLabel;
 };
 
 export { getButtonText };