learningtribes-studio-frontend 1.2.1 → 1.4.0-alpha.1

package/dist/i18n/messages/ar.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Clear all filters",
   "assetsClearSearchButtonLabel": "Clear search",
   "assetsDropZoneAriaLabel": "Upload assets",
-  "assetsDropZoneBrowseLabel": "Browse your computer",
+  "assetsDropZoneBrowseLabel": "اختيار من جهاز الكمبيوتر الخاص بك",
   "assetsDropZoneHeader": "سحب وإسقاط",
-  "assetsDropZoneMaxFileSizeLabel": "Maximum file size: {maxFileSizeMB} MB",
+  "assetsDropZoneMaxFileSizeLabel": "حد الحجم: {maxFileSizeMB} ميجابايت",
+  "assetsDropZoneSupportedFileTypesLabel": "أنواع الملفات المدعومة: {filesTypesList}",
   "assetsFiltersAll": "الجميع",
   "assetsFiltersAudio": "صوتي",
   "assetsFiltersCode": "رمز",

package/dist/i18n/messages/de_DE.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Private URL",
   "assetsTableDeleteLabel": "Aktion",
   "assetsResultsCountTotal": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}.",
-  "assetsResultsCountFiltered": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}."
+  "assetsResultsCountFiltered": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}.",
+  "assetsDropZoneBrowseLabel": "Von deinem Computer auswählen",
+  "assetsDropZoneHeader": "Drag & Drop",
+  "assetsDropZoneMaxFileSizeLabel": "Größenbeschränkung: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Unterstützte Dateitypen: {filesTypesList}"
 }

package/dist/i18n/messages/el.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Ιδιωτική διεύθυνση URL",
   "assetsTableDeleteLabel": "Ενέργεια",
   "assetsResultsCountTotal": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}.",
-  "assetsResultsCountFiltered": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}."
+  "assetsResultsCountFiltered": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}.",
+  "assetsDropZoneHeader": "Μεταφορά και απόθεση",
+  "assetsDropZoneBrowseLabel": "Επιλογή από τον υπολογιστή σας",
+  "assetsDropZoneMaxFileSizeLabel": "Όριο μεγέθους: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Υποστηριζόμενοι τύποι αρχείων: {filesTypesList}"
 }

package/dist/i18n/messages/es_419.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Borrar todos los filtros",
   "assetsClearSearchButtonLabel": "Reiniciar búsqueda",
   "assetsDropZoneAriaLabel": "Subir archivos",
-  "assetsDropZoneBrowseLabel": "Buscar en tu computadora",
+  "assetsDropZoneBrowseLabel": "Seleccionar desde tu computadora",
   "assetsDropZoneHeader": "Arrastrar y soltar",
   "assetsDropZoneMaxFileSizeLabel": "Tamaño máximo de archivo: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipos de archivo compatibles: {filesTypesList}",
   "assetsFiltersAll": "Todos",
   "assetsFiltersAudio": "Audio",
   "assetsFiltersCode": "Código",

package/dist/i18n/messages/fr.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Effacer tous les filtres",
   "assetsClearSearchButtonLabel": "Effacer la recherche",
   "assetsDropZoneAriaLabel": "Charger des ressources",
-  "assetsDropZoneBrowseLabel": "Parcourir votre ordinateur",
+  "assetsDropZoneBrowseLabel": "Sélectionner depuis votre ordinateur",
   "assetsDropZoneHeader": "Glisser Déposer",
   "assetsDropZoneMaxFileSizeLabel": "Taille maximale du fichier : {maxFileSizeMB} Mo",
+  "assetsDropZoneSupportedFileTypesLabel": "Types de fichiers pris en charge : {filesTypesList}",
   "assetsFiltersAll": "Tout",
   "assetsFiltersAudio": "Audio",
   "assetsFiltersCode": "Code",

package/dist/i18n/messages/it_IT.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "URL privato",
   "assetsTableDeleteLabel": "Azione",
   "assetsResultsCountTotal": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}.",
-  "assetsResultsCountFiltered": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}."
+  "assetsResultsCountFiltered": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}.",
+  "assetsDropZoneHeader": "Trascinare e rilasciare",
+  "assetsDropZoneBrowseLabel": "Seleziona dal tuo computer",
+  "assetsDropZoneMaxFileSizeLabel": "Taille maximale du fichier : {maxFileSizeMB} Mo",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipi di file supportati: {filesTypesList}"
 }

package/dist/i18n/messages/pt_BR.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "URL Privado",
   "assetsTableDeleteLabel": "Acção",
   "assetsResultsCountTotal": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}.",
-  "assetsResultsCountFiltered": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}."
+  "assetsResultsCountFiltered": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}.",
+  "assetsDropZoneHeader": "Arraste e solte",
+  "assetsDropZoneMaxFileSizeLabel": "Limite de tamanho: {maxFileSizeMB} MB",
+  "assetsDropZoneBrowseLabel": "Selecionar do seu computador",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipos de arquivo suportados: {filesTypesList}"
 }

package/dist/i18n/messages/tr_TR.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Özel URL",
   "assetsTableDeleteLabel": "Eylem",
   "assetsResultsCountTotal": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor.",
-  "assetsResultsCountFiltered": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor."
+  "assetsResultsCountFiltered": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor.",
+  "assetsDropZoneHeader": "Sürükle ve Bırak",
+  "assetsDropZoneBrowseLabel": "Bilgisayarınızdan seçin",
+  "assetsDropZoneMaxFileSizeLabel": "Boyut sınırı: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Desteklenen dosya türleri: {filesTypesList}"
 }

package/dist/i18n/messages/zh_CN.json

@@ -41,6 +41,7 @@
   "assetsDropZoneBrowseLabel": "浏览您的电脑",
   "assetsDropZoneHeader": "拖放",
   "assetsDropZoneMaxFileSizeLabel": "最大文件大小： {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "支持的文件类型有: {filesTypesList}",
   "assetsFiltersAudio": "音频",
   "assetsFiltersCode": "代码",
   "assetsFiltersDocuments": "文档",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "learningtribes-studio-frontend",
-  "version": "1.2.1",
+  "version": "1.4.0-alpha.1",
   "description": "The frontend for the Open edX platform",
   "repository": "Learningtribes/studio-frontend",
   "scripts": {
@@ -8,7 +8,6 @@
     "i18n_extract": "BABEL_ENV=i18n $(npm bin)/babel src --quiet > /dev/null",
     "lint": "eslint --ext .js --ext .jsx .",
     "lint_fix": "eslint --fix --ext .js --ext .jsx .",
-    "prepare": "npm run build",
     "start": "NODE_ENV=development BABEL_ENV=development $(npm bin)/webpack-dev-server --config=config/webpack.dev.config.js --hot --inline --progress",
     "test": "jest --runInBand --coverage"
   },

package/src/components/AssetsDropZone/AssetsDropZone.scss

@@ -1,7 +1,7 @@
 @import 'edx-bootstrap';
 
 .center-text {
-  text-align: center;
+  text-align: center !important;
 }
 
 .drop-zone-compact {
@@ -42,3 +42,9 @@
   outline: $dark dashed 2px;
   background-color: rgba($primary, 0.2);
 }
+
+.supported-files-types {
+  color: #727272;
+  font-size: 12px !important;
+  font-weight: 400;
+}

package/src/components/AssetsDropZone/container.jsx

@@ -6,6 +6,8 @@ import { uploadAssets, uploadExceedMaxSize, uploadExceedMaxCount, uploadInvalidF
 
 const mapStateToProps = state => ({
   courseDetails: state.studioDetails.course,
+  collapseBorder: (state.studioDetails.collapseBorder !== undefined) ? state.studioDetails.collapseBorder : false,
+  supportedFileTypes: state.studioDetails.supportedFileTypes
 });
 
 const mapDispatchToProps = dispatch => ({

package/src/components/AssetsDropZone/displayMessages.jsx

@@ -21,6 +21,11 @@ const messages = defineMessages({
     defaultMessage: 'Size limit: {maxFileSizeMB} MB',
     description: 'Upload label for maximum file size',
   },
+  assetsDropZoneSupportedFileTypesLabel: {
+    id: 'assetsDropZoneSupportedFileTypesLabel',
+    defaultMessage: 'Supported file types: {filesTypesList}',
+    description: 'Supported file types information',
+  }
 });
 
 export default messages;

package/src/components/AssetsDropZone/index.jsx

@@ -46,10 +46,10 @@ export default class AssetsDropZone extends React.Component {
 
   render() {
     return (
-      <WrappedMessage message={messages.assetsDropZoneAriaLabel}>
+      <WrappedMessage message={messages.assetsDropZoneAriaLabel} collapseBorder={this.props.collapseBorder}>
         { regionLabel =>
           (
-            <div role="region" aria-label={regionLabel}>
+            <div role="region" aria-label={regionLabel} className={this.props.collapseBorder ? "collapsedZoneStyle": ""}>
               <Dropzone
                 accept={this.props.acceptedFileTypes}
                 activeClassName={styles['drop-active']}
@@ -110,6 +110,20 @@ export default class AssetsDropZone extends React.Component {
                     </p>
                   )}
                 </WrappedMessage>
+                {this.props.supportedFileTypes !== undefined &&
+                    <WrappedMessage message={messages.assetsDropZoneSupportedFileTypesLabel} values={{filesTypesList: this.props.supportedFileTypes}}>
+                    { displayText => (
+                      <p
+                        aria-hidden
+                        className={styles['center-text'] + " supported-files-types"}
+                        data-identifier="asset-drop-zone-supported-file-types-label"
+                        id="asset-drop-zone-supported-file-types-label"
+                      >
+                        {displayText}
+                      </p>
+                    )}
+                    </WrappedMessage>
+                }
               </Dropzone>
             </div>
           )

package/src/components/AssetsPage/AssetsPage.scss

@@ -4,3 +4,15 @@
     top: -2em;
   }
 }
+
+.collapsedBorderStyle {
+  padding: 0px !important;
+  background-color: white !important;
+}
+
+.collapsedZoneStyle {
+  margin: 0px !important;
+  padding: 20px 3px 20px 3px !important;
+  width: 940px !important;
+  max-width: 100% !important;
+}

package/src/components/AssetsPage/container.jsx

@@ -15,6 +15,7 @@ const mapStateToProps = state => ({
   uploadSettings: state.studioDetails.upload_settings,
   searchMetadata: state.metadata.search,
   status: state.metadata.status,
+  showFilterAndList: (state.studioDetails.showFilterAndList !== undefined) ? state.studioDetails.showFilterAndList : true
 });
 
 const mapDispatchToProps = dispatch => ({

package/src/components/AssetsPage/index.jsx

@@ -25,6 +25,8 @@ export default class AssetsPage extends React.Component {
 
     this.state = {
       pageType: pageTypes.SKELETON,
+      showFilterAndList: props.showFilterAndList,
+      collapseBorder: props.collapseBorder
     };
 
     this.statusAlertRef = null;
@@ -122,24 +124,29 @@ export default class AssetsPage extends React.Component {
           <div className="page-header">
             <WrappedAssetsImagePreviewFilter />
           </div>
-          {this.renderAssetsFilters()}
+          {this.state.showFilterAndList && this.renderAssetsFilters()}
         </div>
-        <div className="col-10 table-list" id={TABLE_CONTENTS_ID} tabIndex="-1">
+        {this.state.showFilterAndList && <div className="col-10 table-list" id={TABLE_CONTENTS_ID} tabIndex="-1">
           <div className="row">
             <WrappedAssetsTable
               deleteButtonRefs={(button, asset) => { this.deleteButtonRefs[asset.id] = button; }}
             />
           </div>
-        </div>
-      </div>
-      <div className="row">
-        <WrappedAssetsResultsCount />
+        </div>}
       </div>
+      {this.state.showFilterAndList &&
+        <div className="row">
+          <WrappedAssetsResultsCount/>
+        </div>
+      }
+      {this.state.showFilterAndList &&
       <div className="row">
+
         <div className="col-10 offset-2">
-          <WrappedPagination />
+          <WrappedPagination/>
         </div>
       </div>
+      }
     </React.Fragment>
   );
 
@@ -169,7 +176,7 @@ export default class AssetsPage extends React.Component {
     <div className="row file-upload-main">
       <div className="col">
         {this.renderAssetsDropZone()}
-        {this.renderAssetsFilters()}
+        {this.state.showFilterAndList && this.renderAssetsFilters()}
       </div>
       <div className="col-10 no-result-body">
         {this.renderNoResultsBody()}
@@ -181,7 +188,7 @@ export default class AssetsPage extends React.Component {
     <div className="row">
       <div className="col-2">
         {this.renderAssetsDropZone()}
-        {this.renderAssetsFilters()}
+        {this.state.showFilterAndList && this.renderAssetsFilters()}
       </div>
     </div>
   );

package/src/data/actions/assets.js

@@ -67,6 +67,12 @@ export const getAssets = (parameters, courseDetails) =>
       })
       .then((json) => {
         if (isLastRequestMade(getState().metadata.request, requestParameters)) {
+
+          // dispatch get assets success event to the root div
+          const rootDiv = document.getElementById('root');
+          const event = new CustomEvent('getAssetsSuccessEvent', {"detail": json});
+          rootDiv.dispatchEvent(event);
+
           return dispatch(requestAssetsSuccess(json));
         }
         return Promise.resolve();
@@ -296,6 +302,12 @@ export const uploadAssets = (assets, courseDetails) =>
           if (response.ok) {
             return response.json().then((json) => {
               dispatch(uploadAssetSuccess(json));
+
+              // dispatch upload assets success event to the root div
+              const rootDiv = document.getElementById('root');
+              const event = new CustomEvent('uploadAssetsSuccessEvent', {"detail": json});
+              rootDiv.dispatchEvent(event);
+
               // dispatch(getAssets(..)) returns a promise, so we return it
               return dispatch(getAssets({}, courseDetails));
             });

package/src/data/i18n/default/src/components/AssetsDropZone/displayMessages.json

@@ -18,5 +18,10 @@
     "id": "assetsDropZoneMaxFileSizeLabel",
     "description": "Upload label for maximum file size",
     "defaultMessage": "Size limit: {maxFileSizeMB} MB"
+  },
+  {
+    "id": "assetsDropZoneSupportedFileTypesLabel",
+    "description": "Supported file types information",
+    "defaultMessage": "Supported file types: {filesTypesList}"
   }
 ]

package/src/data/i18n/default/transifex_input.json

@@ -41,6 +41,7 @@
   "assetsDropZoneBrowseLabel": "Select from your computer",
   "assetsDropZoneHeader": "Drag & Drop",
   "assetsDropZoneMaxFileSizeLabel": "Size limit: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Supported file types: {filesTypesList}",
   "assetsFiltersAll": "All",
   "assetsFiltersAudio": "Audio",
   "assetsFiltersCode": "Code",

package/src/data/i18n/locales/ar.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Clear all filters",
   "assetsClearSearchButtonLabel": "Clear search",
   "assetsDropZoneAriaLabel": "Upload assets",
-  "assetsDropZoneBrowseLabel": "Browse your computer",
+  "assetsDropZoneBrowseLabel": "اختيار من جهاز الكمبيوتر الخاص بك",
   "assetsDropZoneHeader": "سحب وإسقاط",
-  "assetsDropZoneMaxFileSizeLabel": "Maximum file size: {maxFileSizeMB} MB",
+  "assetsDropZoneMaxFileSizeLabel": "حد الحجم: {maxFileSizeMB} ميجابايت",
+  "assetsDropZoneSupportedFileTypesLabel": "أنواع الملفات المدعومة: {filesTypesList}",
   "assetsFiltersAll": "الجميع",
   "assetsFiltersAudio": "صوتي",
   "assetsFiltersCode": "رمز",

package/src/data/i18n/locales/de_DE.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Private URL",
   "assetsTableDeleteLabel": "Aktion",
   "assetsResultsCountTotal": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}.",
-  "assetsResultsCountFiltered": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}."
+  "assetsResultsCountFiltered": "Es werden {start}-{end} von insgesamt {total, plural, one {{formatted_total} Dateien angezeigt} other {{formatted_total} Dateien angezeigt}}.",
+  "assetsDropZoneBrowseLabel": "Von deinem Computer auswählen",
+  "assetsDropZoneHeader": "Drag & Drop",
+  "assetsDropZoneMaxFileSizeLabel": "Größenbeschränkung: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Unterstützte Dateitypen: {filesTypesList}"
 }

package/src/data/i18n/locales/el.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Ιδιωτική διεύθυνση URL",
   "assetsTableDeleteLabel": "Ενέργεια",
   "assetsResultsCountTotal": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}.",
-  "assetsResultsCountFiltered": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}."
+  "assetsResultsCountFiltered": "Εμφάνιση {start}-{end} από {total, plural, one {{formatted_total} συνολικό αρχείο} other {{formatted_total} συνολικό αρχείο}}.",
+  "assetsDropZoneHeader": "Μεταφορά και απόθεση",
+  "assetsDropZoneBrowseLabel": "Επιλογή από τον υπολογιστή σας",
+  "assetsDropZoneMaxFileSizeLabel": "Όριο μεγέθους: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Υποστηριζόμενοι τύποι αρχείων: {filesTypesList}"
 }

package/src/data/i18n/locales/es_419.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Borrar todos los filtros",
   "assetsClearSearchButtonLabel": "Reiniciar búsqueda",
   "assetsDropZoneAriaLabel": "Subir archivos",
-  "assetsDropZoneBrowseLabel": "Buscar en tu computadora",
+  "assetsDropZoneBrowseLabel": "Seleccionar desde tu computadora",
   "assetsDropZoneHeader": "Arrastrar y soltar",
   "assetsDropZoneMaxFileSizeLabel": "Tamaño máximo de archivo: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipos de archivo compatibles: {filesTypesList}",
   "assetsFiltersAll": "Todos",
   "assetsFiltersAudio": "Audio",
   "assetsFiltersCode": "Código",

package/src/data/i18n/locales/fr.json

@@ -38,9 +38,10 @@
   "assetsClearFiltersButtonLabel": "Effacer tous les filtres",
   "assetsClearSearchButtonLabel": "Effacer la recherche",
   "assetsDropZoneAriaLabel": "Charger des ressources",
-  "assetsDropZoneBrowseLabel": "Parcourir votre ordinateur",
+  "assetsDropZoneBrowseLabel": "Sélectionner depuis votre ordinateur",
   "assetsDropZoneHeader": "Glisser Déposer",
   "assetsDropZoneMaxFileSizeLabel": "Taille maximale du fichier : {maxFileSizeMB} Mo",
+  "assetsDropZoneSupportedFileTypesLabel": "Types de fichiers pris en charge : {filesTypesList}",
   "assetsFiltersAll": "Tout",
   "assetsFiltersAudio": "Audio",
   "assetsFiltersCode": "Code",

package/src/data/i18n/locales/it_IT.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "URL privato",
   "assetsTableDeleteLabel": "Azione",
   "assetsResultsCountTotal": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}.",
-  "assetsResultsCountFiltered": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}."
+  "assetsResultsCountFiltered": "Mostra {start}-{end} su {total, plural, one {{formatted_total} file totale} other {{formatted_total} file totale}}.",
+  "assetsDropZoneHeader": "Trascinare e rilasciare",
+  "assetsDropZoneBrowseLabel": "Seleziona dal tuo computer",
+  "assetsDropZoneMaxFileSizeLabel": "Taille maximale du fichier : {maxFileSizeMB} Mo",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipi di file supportati: {filesTypesList}"
 }

package/src/data/i18n/locales/pt_BR.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "URL Privado",
   "assetsTableDeleteLabel": "Acção",
   "assetsResultsCountTotal": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}.",
-  "assetsResultsCountFiltered": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}."
+  "assetsResultsCountFiltered": "Mostrando {start}-{end} de {total, plural, one {{formatted_total} ficheiro total} other {{formatted_total} ficheiro total}}.",
+  "assetsDropZoneHeader": "Arraste e solte",
+  "assetsDropZoneMaxFileSizeLabel": "Limite de tamanho: {maxFileSizeMB} MB",
+  "assetsDropZoneBrowseLabel": "Selecionar do seu computador",
+  "assetsDropZoneSupportedFileTypesLabel": "Tipos de arquivo suportados: {filesTypesList}"
 }

package/src/data/i18n/locales/tr_TR.json

@@ -12,5 +12,9 @@
   "assetsTableStatusLabel": "Özel URL",
   "assetsTableDeleteLabel": "Eylem",
   "assetsResultsCountTotal": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor.",
-  "assetsResultsCountFiltered": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor."
+  "assetsResultsCountFiltered": "Toplam {formatted_total} dosyadan {start}-{end}'i gösteriliyor.",
+  "assetsDropZoneHeader": "Sürükle ve Bırak",
+  "assetsDropZoneBrowseLabel": "Bilgisayarınızdan seçin",
+  "assetsDropZoneMaxFileSizeLabel": "Boyut sınırı: {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "Desteklenen dosya türleri: {filesTypesList}"
 }

package/src/data/i18n/locales/zh_CN.json

@@ -41,6 +41,7 @@
   "assetsDropZoneBrowseLabel": "浏览您的电脑",
   "assetsDropZoneHeader": "拖放",
   "assetsDropZoneMaxFileSizeLabel": "最大文件大小： {maxFileSizeMB} MB",
+  "assetsDropZoneSupportedFileTypesLabel": "支持的文件类型有: {filesTypesList}",
   "assetsFiltersAudio": "音频",
   "assetsFiltersCode": "代码",
   "assetsFiltersDocuments": "文档",

package/src/utils/i18n/formattedMessageWrapper.jsx

@@ -3,16 +3,18 @@ import PropTypes from 'prop-types';
 import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
 
 const WrappedMessage = (props) => {
-  const { message, intl, ...other } = props;
+  const { message, intl, collapseBorder, ...other } = props;
 
+  var collapseBorderFlag = (collapseBorder !== undefined) ? collapseBorder : false;
   // manually check if a translation exists for this message in the current (non-default) locale
   // this allows us to match the containing "lang" span when we fallback to the default locale
   let locale = intl.defaultLocale;
   if (message.id in intl.messages) {
     locale = intl.locale;
   }
+
   return (
-    <span lang={locale}>
+    <span lang={locale} className={collapseBorderFlag ? "collapsedBorderStyle" : ""}>
       <FormattedMessage
         {...message}
         {...other}