box-ui-elements 23.4.0-beta.27 → 23.4.0-beta.29

package/i18n/es-419.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Solo acceso directo",
   "boxui.shareMenu.viewAndDownload": "Visualización y descarga",
   "boxui.shareMenu.viewOnly": "Solo visualización",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metadatos",
   "boxui.timeInput.emptyTimeError": "Campo obligatorio. Introduzca una hora con el formato HH:MM A.",
   "boxui.timeInput.invalidTimeError": "Formato de hora no válido. Introduzca una hora con el formato HH:MM A.",
   "boxui.unifiedShare.collabAccess": "acceso de colaborador",

package/i18n/es-419.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo acceso directo
 boxui.shareMenu.viewAndDownload = Visualización y descarga
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Solo visualización
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadatos
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Campo obligatorio. Introduzca una hora con el formato HH:MM A.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/es-ES.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Solo acceso directo",
   "boxui.shareMenu.viewAndDownload": "Visualización y descarga",
   "boxui.shareMenu.viewOnly": "Solo visualización",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metadatos",
   "boxui.timeInput.emptyTimeError": "Campo obligatorio. Introduzca una hora con el formato HH:MM A.",
   "boxui.timeInput.invalidTimeError": "Formato de hora no válido. Introduzca una hora con el formato HH:MM A.",
   "boxui.unifiedShare.collabAccess": "acceso de colaborador",

package/i18n/es-ES.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo acceso directo
 boxui.shareMenu.viewAndDownload = Visualización y descarga
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Solo visualización
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadatos
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Campo obligatorio. Introduzca una hora con el formato HH:MM A.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/fi-FI.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Vain pikakuvake",
   "boxui.shareMenu.viewAndDownload": "Luku ja lataus",
   "boxui.shareMenu.viewOnly": "Vain luku",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metatiedot",
   "boxui.timeInput.emptyTimeError": "Pakollinen kenttä. Kirjoita aika muodossa HH:MM A.",
   "boxui.timeInput.invalidTimeError": "Virheellinen ajan muoto. Kirjoita aika muodossa HH:MM A.",
   "boxui.unifiedShare.collabAccess": "yhteistyökumppanin käyttöoikeustaso",

package/i18n/fi-FI.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Vain pikakuvake
 boxui.shareMenu.viewAndDownload = Luku ja lataus
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Vain luku
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metatiedot
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Pakollinen kenttä. Kirjoita aika muodossa HH:MM A.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/fr-CA.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Raccourci uniquement",
   "boxui.shareMenu.viewAndDownload": "Afficher et télécharger",
   "boxui.shareMenu.viewOnly": "Uniquement pour consultation",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Métadonnées",
   "boxui.timeInput.emptyTimeError": "Champ obligatoire. Entrez un horaire au format HH h MM.",
   "boxui.timeInput.invalidTimeError": "Format d'horaire non valide. Entrez un horaire au format HH h MM.",
   "boxui.unifiedShare.collabAccess": "Accès collaborateur",

package/i18n/fr-CA.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Raccourci uniquement
 boxui.shareMenu.viewAndDownload = Afficher et télécharger
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Uniquement pour consultation
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Métadonnées
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Champ obligatoire. Entrez un horaire au format HH h MM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/fr-FR.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Raccourci uniquement",
   "boxui.shareMenu.viewAndDownload": "Afficher et télécharger",
   "boxui.shareMenu.viewOnly": "Uniquement pour consultation",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Métadonnées",
   "boxui.timeInput.emptyTimeError": "Champ obligatoire. Entrez un horaire au format HH h MM.",
   "boxui.timeInput.invalidTimeError": "Format d'horaire non valide. Entrez un horaire au format HH h MM.",
   "boxui.unifiedShare.collabAccess": "Accès collaborateur",

package/i18n/fr-FR.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Raccourci uniquement
 boxui.shareMenu.viewAndDownload = Afficher et télécharger
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Uniquement pour consultation
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Métadonnées
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Champ obligatoire. Entrez un horaire au format HH h MM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/hi-IN.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "केवल शॉर्टकट",
   "boxui.shareMenu.viewAndDownload": "देखें और डाउनलोड करें",
   "boxui.shareMenu.viewOnly": "केवल देखें",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "मेटाडेटा",
   "boxui.timeInput.emptyTimeError": "आवश्यक क्षेत्र. HH:MM A फ़ॉर्मेट में समय दर्ज करें.",
   "boxui.timeInput.invalidTimeError": "अमान्य समय फ़ॉर्मेट. HH:MM A फ़ॉर्मेट में समय दर्ज करें.",
   "boxui.unifiedShare.collabAccess": "सहयोगी एक्सेस",

package/i18n/hi-IN.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = केवल शॉर्टकट
 boxui.shareMenu.viewAndDownload = देखें और डाउनलोड करें
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = केवल देखें
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = मेटाडेटा
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = आवश्यक क्षेत्र. HH:MM A फ़ॉर्मेट में समय दर्ज करें.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/it-IT.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Solo tasti di scelta rapida",
   "boxui.shareMenu.viewAndDownload": "Visualizzazione e download",
   "boxui.shareMenu.viewOnly": "Sola visualizzazione",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metadati",
   "boxui.timeInput.emptyTimeError": "Campo obbligatorio. Immetti un orario nel formato HH:MM A.",
   "boxui.timeInput.invalidTimeError": "Formato ora non valido. Immetti un orario nel formato HH:MM A.",
   "boxui.unifiedShare.collabAccess": "accesso collaboratore",

package/i18n/it-IT.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo tasti di scelta rapida
 boxui.shareMenu.viewAndDownload = Visualizzazione e download
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Sola visualizzazione
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadati
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Campo obbligatorio. Immetti un orario nel formato HH:MM A.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/ja-JP.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "ショートカットのみ",
   "boxui.shareMenu.viewAndDownload": "表示とダウンロード",
   "boxui.shareMenu.viewOnly": "表示のみ",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "メタデータ",
   "boxui.timeInput.emptyTimeError": "必須フィールドです。HH:MM AM/PM形式で時間を入力してください。",
   "boxui.timeInput.invalidTimeError": "時間の形式が無効です。HH:MM AM/PM形式で時間を入力してください。",
   "boxui.unifiedShare.collabAccess": "コラボレータのアクセス権限",

package/i18n/ja-JP.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = ショートカットのみ
 boxui.shareMenu.viewAndDownload = 表示とダウンロード
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = 表示のみ
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = メタデータ
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = 必須フィールドです。HH:MM AM/PM形式で時間を入力してください。
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/ko-KR.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "바로 가기 전용",
   "boxui.shareMenu.viewAndDownload": "보기 및 다운로드",
   "boxui.shareMenu.viewOnly": "보기 전용",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "메타데이터",
   "boxui.timeInput.emptyTimeError": "필수 필드입니다. HH:MM A 형식으로 시간을 입력하십시오.",
   "boxui.timeInput.invalidTimeError": "올바르지 않은 시간 형식입니다. HH:MM A 형식으로 시간을 입력하십시오.",
   "boxui.unifiedShare.collabAccess": "공동 작업자 액세스",

package/i18n/ko-KR.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 바로 가기 전용
 boxui.shareMenu.viewAndDownload = 보기 및 다운로드
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = 보기 전용
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = 메타데이터
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = 필수 필드입니다. HH:MM A 형식으로 시간을 입력하십시오.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/nb-NO.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Bare snarvei
 boxui.shareMenu.viewAndDownload = Vise og laste ned
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Bare vis
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadata
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Obligatorisk felt. Oppgi klokkeslettet i formatet TT.MM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/nl-NL.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Alleen snelkoppeling
 boxui.shareMenu.viewAndDownload = Bekijken en downloaden
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Alleen bekijken
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadata
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Vereist veld. Voer een tijd in de notatie UU:MM in.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/pl-PL.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Tylko skrót",
   "boxui.shareMenu.viewAndDownload": "Przeglądanie i pobieranie",
   "boxui.shareMenu.viewOnly": "Tylko przeglądanie",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metadane",
   "boxui.timeInput.emptyTimeError": "Pole wymagane. Wprowadź godzinę w formacie GG:MM.",
   "boxui.timeInput.invalidTimeError": "Nieprawidłowy format godziny. Wprowadź godzinę w formacie GG:MM.",
   "boxui.unifiedShare.collabAccess": "dostęp dla współpracownika",

package/i18n/pl-PL.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Tylko skrót
 boxui.shareMenu.viewAndDownload = Przeglądanie i pobieranie
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Tylko przeglądanie
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadane
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Pole wymagane. Wprowadź godzinę w formacie GG:MM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/pt-BR.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Apenas atalho",
   "boxui.shareMenu.viewAndDownload": "Visualização e download",
   "boxui.shareMenu.viewOnly": "Apenas visualização",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Metadados",
   "boxui.timeInput.emptyTimeError": "Campo obrigatório. Informe uma hora no formato HH:MM AM/PM.",
   "boxui.timeInput.invalidTimeError": "Formato de hora inválido. Informe uma hora no formato HH:MM A.",
   "boxui.unifiedShare.collabAccess": "acesso de colaborador",

package/i18n/pt-BR.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Apenas atalho
 boxui.shareMenu.viewAndDownload = Visualização e download
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Apenas visualização
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadados
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Campo obrigatório. Informe uma hora no formato HH:MM AM/PM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/ru-RU.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Только ярлык",
   "boxui.shareMenu.viewAndDownload": "Просмотр и скачивание",
   "boxui.shareMenu.viewOnly": "Только просмотр",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Метаданные",
   "boxui.timeInput.emptyTimeError": "Обязательное поле. Введите время в 12-часовом формате ЧЧ:ММ.",
   "boxui.timeInput.invalidTimeError": "Неверный формат времени. Введите время в 12-часовом формате ЧЧ:ММ.",
   "boxui.unifiedShare.collabAccess": "доступ соавтора",

package/i18n/ru-RU.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Только ярлык
 boxui.shareMenu.viewAndDownload = Просмотр и скачивание
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Только просмотр
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Метаданные
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Обязательное поле. Введите время в 12-часовом формате ЧЧ:ММ.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/sv-SE.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Endast genväg
 boxui.shareMenu.viewAndDownload = Visa och hämta
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Endast visning
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Metadata
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Obligatoriskt fält. Ange en tid i formatet TT:MM.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/tr-TR.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "Yalnızca Kısayol",
   "boxui.shareMenu.viewAndDownload": "Görüntüleme ve İndirme",
   "boxui.shareMenu.viewOnly": "Yalnızca Görüntüleme",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "Meta veri",
   "boxui.timeInput.emptyTimeError": "Gerekli alan. Saati SS.DD biçiminde girin.",
   "boxui.timeInput.invalidTimeError": "Geçersiz saat biçimi. Saati SS.DD biçiminde girin.",
   "boxui.unifiedShare.collabAccess": "işbirlikçi erişimi",

package/i18n/tr-TR.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Yalnızca Kısayol
 boxui.shareMenu.viewAndDownload = Görüntüleme ve İndirme
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = Yalnızca Görüntüleme
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = Meta veri
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = Gerekli alan. Saati SS.DD biçiminde girin.
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/zh-CN.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "仅快捷键",
   "boxui.shareMenu.viewAndDownload": "查看和下载",
   "boxui.shareMenu.viewOnly": "仅查看",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "元数据",
   "boxui.timeInput.emptyTimeError": "必填字段。请以“上午小时:分钟”格式输入时间。",
   "boxui.timeInput.invalidTimeError": "时间格式无效。请以“上午小时:分钟”格式输入时间。",
   "boxui.unifiedShare.collabAccess": "协作者访问",

package/i18n/zh-CN.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 仅快捷键
 boxui.shareMenu.viewAndDownload = 查看和下载
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = 仅查看
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = 元数据
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = 必填字段。请以“上午小时:分钟”格式输入时间。
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/i18n/zh-TW.js

@@ -906,7 +906,7 @@ export default {
   "boxui.shareMenu.shortcutOnly": "僅捷徑",
   "boxui.shareMenu.viewAndDownload": "檢視與下載",
   "boxui.shareMenu.viewOnly": "僅檢視",
-  "boxui.subHeader.metadata": "Metadata",
+  "boxui.subHeader.metadata": "中繼資料",
   "boxui.timeInput.emptyTimeError": "必填欄位。請以「上午 時時:分分」的格式輸入時間。",
   "boxui.timeInput.invalidTimeError": "無效的時間格式。請以「上午 時時:分分」的格式輸入時間。",
   "boxui.unifiedShare.collabAccess": "共同作業者存取",

package/i18n/zh-TW.properties

@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 僅捷徑
 boxui.shareMenu.viewAndDownload = 檢視與下載
 # Description of permissions granted to users who have access to the shared link
 boxui.shareMenu.viewOnly = 僅檢視
+# Text for metadata button that will open the metadata side panel
+boxui.subHeader.metadata = 中繼資料
 # Error message for empty time formats. "HH:MM A" should be localized.
 boxui.timeInput.emptyTimeError = 必填欄位。請以「上午 時時:分分」的格式輸入時間。
 # Error message for invalid time formats. "HH:MM A" should be localized.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.27",
+    "version": "23.4.0-beta.29",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",

package/src/elements/content-explorer/ContentExplorer.tsx

@@ -6,6 +6,7 @@ import debounce from 'lodash/debounce';
 import flow from 'lodash/flow';
 import getProp from 'lodash/get';
 import noop from 'lodash/noop';
+import throttle from 'lodash/throttle';
 import uniqueid from 'lodash/uniqueId';
 import { TooltipProvider } from '@box/blueprint-web';
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
@@ -1177,7 +1178,7 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
      * @return {void}
      */
     createFolder = (): void => {
-        this.createFolderCallback();
+        this.throttledCreateFolderCallback();
     };
 
     /**
@@ -1243,6 +1244,15 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
         );
     };
 
+    /**
+     * Throttled version of createFolderCallback to prevent errors from rapid clicking.
+     *
+     * @private
+     * @param {string} [name] - folder name
+     * @return {void}
+     */
+    throttledCreateFolderCallback = throttle(this.createFolderCallback, 500, { trailing: false });
+
     /**
      * Selects the clicked file and then shares it
      *
@@ -1736,7 +1746,7 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
                         {allowCreate && !!this.appElement ? (
                             <CreateFolderDialog
                                 isOpen={isCreateFolderModalOpen}
-                                onCreate={this.createFolderCallback}
+                                onCreate={this.throttledCreateFolderCallback}
                                 onCancel={this.closeModals}
                                 isLoading={isLoading}
                                 errorCode={errorCode}

package/src/elements/content-sidebar/AddTaskButton.js

@@ -8,11 +8,15 @@ import { TASK_TYPE_APPROVAL } from '../../constants';
 import type { TaskFormProps } from './activity-feed/task-form/TaskForm';
 import type { TaskType } from '../../common/types/tasks';
 import type { ElementsXhrError } from '../../common/types/api';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 
 type Props = {|
     history: RouterHistory,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     isDisabled: boolean,
     onTaskModalClose: () => void,
+    routerDisabled?: boolean,
     taskFormProps: TaskFormProps,
 |};
 
@@ -40,7 +44,20 @@ class AddTaskButton extends React.Component<Props, State> {
     2. Preventing the sidebar from closing keeps the task modal open upon edit and resize
     */
     handleClickMenuItem = (taskType: TaskType) => {
-        this.props.history.replace({ state: { open: true } });
+        const { history, internalSidebarNavigation, internalSidebarNavigationHandler, routerDisabled } = this.props;
+
+        if (routerDisabled && internalSidebarNavigationHandler) {
+            internalSidebarNavigationHandler(
+                {
+                    ...internalSidebarNavigation,
+                    open: true,
+                },
+                true,
+            );
+        } else {
+            history.replace({ state: { open: true } });
+        }
+
         this.setState({ isTaskFormOpen: true, taskType });
     };
 

package/src/elements/content-sidebar/__tests__/AddTaskButton.test.js

@@ -1,21 +1,28 @@
 import * as React from 'react';
-import { mount } from 'enzyme';
+import { render, screen, userEvent } from '../../../test-utils/testing-library';
 import { AddTaskButtonComponent as AddTaskButton } from '../AddTaskButton';
 
-jest.mock('../../../components/date-picker/DatePicker', () => props => {
-    // only spread `input` attritutes to the input field
-    const { name, value = '', className, onChange, placeholder } = props;
-    const localInputProps = {
-        name,
-        value,
-        className,
-        onChange,
-        placeholder,
-    };
-    return (
-        <input type="date" {...localInputProps} {...props.inputProps} /> // eslint-disable-line react/prop-types
-    );
-});
+jest.mock('../AddTaskMenu', () => ({ onMenuItemClick, isDisabled, setAddTaskButtonRef }) => (
+    <div data-testid="add-task-menu">
+        <button
+            type="button"
+            onClick={() => onMenuItemClick('GENERAL')}
+            disabled={isDisabled}
+            ref={setAddTaskButtonRef}
+            data-testid="menu-item-general"
+        >
+            Add General Task
+        </button>
+    </div>
+));
+
+jest.mock('../TaskModal', () => ({ isTaskFormOpen, onModalClose, taskType }) => (
+    <div data-testid="task-modal" data-open={isTaskFormOpen} data-task-type={taskType}>
+        <button type="button" onClick={onModalClose} data-testid="modal-close">
+            Close Modal
+        </button>
+    </div>
+));
 
 describe('elements/content-sidebar/AddTaskButton', () => {
     /*
@@ -23,34 +30,110 @@ describe('elements/content-sidebar/AddTaskButton', () => {
     2. Preventing the sidebar from closing keeps the task modal open upon edit and resize
     */
 
-    test('should call history.replace state with force open state when task menu items are clicked', () => {
+    const defaultProps = {
+        history: { replace: jest.fn() },
+        isDisabled: false,
+        onTaskModalClose: jest.fn(),
+        taskFormProps: {
+            approvers: [],
+            approverSelectorContacts: [],
+            completionRule: 'ALL',
+            createTask: jest.fn(),
+            getApproverWithQuery: jest.fn(),
+            getAvatarUrl: jest.fn(),
+            id: '',
+            message: '',
+        },
+    };
+
+    const renderComponent = (props = {}) => {
+        return render(<AddTaskButton {...defaultProps} {...props} />);
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    test('should call history.replace state with force open state when task menu items are clicked', async () => {
         const historyMock = { replace: jest.fn() };
-        const wrapper = mount(<AddTaskButton history={historyMock} />);
+        const user = userEvent();
 
-        const button = wrapper.find('Button');
-        button.simulate('click');
+        renderComponent({ history: historyMock });
 
-        const menuItem = wrapper.find('MenuItem').first();
-        menuItem.simulate('click');
+        const menuItem = screen.getByTestId('menu-item-general');
+        await user.click(menuItem);
 
         expect(historyMock.replace).toHaveBeenCalledWith({ state: { open: true } });
     });
 
-    test('should set state.isTaskFormOpen to false and call onTaskModalClose when task modal is closed', () => {
+    test('should set state.isTaskFormOpen to false and call onTaskModalClose when task modal is closed', async () => {
         const onTaskModalCloseMock = jest.fn();
-        const mockButtonRef = {
-            current: {
-                focus: jest.fn(),
-            },
-        };
-        const wrapper = shallow(<AddTaskButton onTaskModalClose={onTaskModalCloseMock} />);
-        wrapper.instance().buttonRef = mockButtonRef;
-        wrapper.setState({ isTaskFormOpen: true });
-
-        wrapper.instance().handleModalClose();
-
-        expect(wrapper.state('isTaskFormOpen')).toBe(false);
-        expect(mockButtonRef.current.focus).toHaveBeenCalledTimes(1);
+        const user = userEvent();
+
+        renderComponent({ onTaskModalClose: onTaskModalCloseMock });
+
+        // First click a menu item to open the modal
+        const menuItem = screen.getByTestId('menu-item-general');
+        await user.click(menuItem);
+
+        // Verify modal is open
+        const modal = screen.getByTestId('task-modal');
+        expect(modal).toHaveAttribute('data-open', 'true');
+
+        // Close the modal
+        const closeButton = screen.getByTestId('modal-close');
+        await user.click(closeButton);
+
+        // Verify modal is closed and callback was called
+        expect(modal).toHaveAttribute('data-open', 'false');
         expect(onTaskModalCloseMock).toHaveBeenCalledTimes(1);
     });
+
+    describe('when routerDisabled is true', () => {
+        test('should use internalSidebarNavigationHandler when task menu items are clicked', async () => {
+            const mockNavigationHandler = jest.fn();
+            const user = userEvent();
+
+            renderComponent({
+                routerDisabled: true,
+                internalSidebarNavigationHandler: mockNavigationHandler,
+            });
+
+            const menuItem = screen.getByTestId('menu-item-general');
+            await user.click(menuItem);
+
+            expect(mockNavigationHandler).toHaveBeenCalledTimes(1);
+            expect(mockNavigationHandler).toHaveBeenCalledWith({ open: true }, true);
+        });
+
+        test('should preserve internalSidebarNavigation state when using navigation handler', async () => {
+            const mockNavigationHandler = jest.fn();
+            const mockInternalSidebarNavigation = {
+                sidebar: 'activity',
+                activeFeedEntryType: 'comments',
+                activeFeedEntryId: '123',
+            };
+            const user = userEvent();
+
+            renderComponent({
+                routerDisabled: true,
+                internalSidebarNavigationHandler: mockNavigationHandler,
+                internalSidebarNavigation: mockInternalSidebarNavigation,
+            });
+
+            const menuItem = screen.getByTestId('menu-item-general');
+            await user.click(menuItem);
+
+            expect(mockNavigationHandler).toHaveBeenCalledTimes(1);
+            expect(mockNavigationHandler).toHaveBeenCalledWith(
+                {
+                    sidebar: 'activity',
+                    activeFeedEntryType: 'comments',
+                    activeFeedEntryId: '123',
+                    open: true,
+                },
+                true,
+            );
+        });
+    });
 });