box-ui-elements 16.1.0-beta.9 → 17.0.0

package/es/features/content-explorer/content-explorer/ContentExplorerActionButtons.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import Button from '../../../components/button';
+import PlainButton from '../../../components/plain-button';
 import PrimaryButton from '../../../components/primary-button';
 import { ContentExplorerModePropType, FolderPropType, ItemsMapPropType } from '../prop-types';
 import ContentExplorerModes from '../modes';
@@ -26,6 +27,7 @@ var ContentExplorerActionButtons = function ContentExplorerActionButtons(_ref) {
       areButtonsDisabled = _ref$areButtonsDisabl === void 0 ? false : _ref$areButtonsDisabl,
       _ref$cancelButtonProp = _ref.cancelButtonProps,
       cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp,
+      canIncludeSubfolders = _ref.canIncludeSubfolders,
       _ref$chooseButtonProp = _ref.chooseButtonProps,
       chooseButtonProps = _ref$chooseButtonProp === void 0 ? {} : _ref$chooseButtonProp,
       chooseButtonText = _ref.chooseButtonText,
@@ -39,12 +41,16 @@ var ContentExplorerActionButtons = function ContentExplorerActionButtons(_ref) {
       isMoveButtonLoading = _ref$isMoveButtonLoad === void 0 ? false : _ref$isMoveButtonLoad,
       _ref$isResponsive = _ref.isResponsive,
       isResponsive = _ref$isResponsive === void 0 ? false : _ref$isResponsive,
+      isSelectAllAllowed = _ref.isSelectAllAllowed,
       onCancelClick = _ref.onCancelClick,
       onChooseClick = _ref.onChooseClick,
       onCopyClick = _ref.onCopyClick,
+      onFoldersPathUpdated = _ref.onFoldersPathUpdated,
       onMoveClick = _ref.onMoveClick,
       onSelectedClick = _ref.onSelectedClick,
-      selectedItems = _ref.selectedItems;
+      onViewSelectedClick = _ref.onViewSelectedClick,
+      selectedItems = _ref.selectedItems,
+      isNoSelectionAllowed = _ref.isNoSelectionAllowed;
 
   var handleChooseClick = function handleChooseClick() {
     var chosenItems = getChosenItemsFromSelectedItems(selectedItems);
@@ -54,7 +60,7 @@ var ContentExplorerActionButtons = function ContentExplorerActionButtons(_ref) {
       chosenItems = [currentFolder];
     }
 
-    if (onChooseClick && chosenItems.length > 0) {
+    if (onChooseClick && (chosenItems.length > 0 || isNoSelectionAllowed)) {
       onChooseClick(chosenItems);
     }
   };
@@ -79,19 +85,55 @@ var ContentExplorerActionButtons = function ContentExplorerActionButtons(_ref) {
     }
   };
 
+  var getStatusElement = function getStatusElement(statusMessage) {
+    var statusElement = React.createElement("span", {
+      className: "status-message"
+    }, statusMessage);
+
+    if (onViewSelectedClick) {
+      statusElement = React.createElement(PlainButton, {
+        className: "status-message-link",
+        onClick: function onClick() {
+          var foldersPath = onViewSelectedClick();
+
+          if (foldersPath) {
+            onFoldersPathUpdated(foldersPath);
+          }
+        },
+        type: "button"
+      }, statusMessage);
+    } else if (onSelectedClick) {
+      statusElement = React.createElement(Button, {
+        className: "status-message",
+        onClick: onSelectedClick,
+        type: "button"
+      }, statusMessage);
+    }
+
+    return statusElement;
+  };
+
   var renderStatus = function renderStatus() {
-    var chosenItems = getChosenItemsFromSelectedItems(selectedItems);
+    var numSelected = getChosenItemsFromSelectedItems(selectedItems).length;
     var statusMessage = React.createElement(FormattedMessage, _extends({}, messages.numSelected, {
       values: {
-        numSelected: chosenItems.length
+        numSelected: numSelected
       }
     }));
-    var statusElement = onSelectedClick ? React.createElement(Button, {
-      className: "status-message",
-      onClick: onSelectedClick
-    }, statusMessage) : React.createElement("span", {
-      className: "status-message"
-    }, statusMessage);
+
+    if (canIncludeSubfolders) {
+      statusMessage = isSelectAllAllowed ? React.createElement(FormattedMessage, _extends({}, messages.numItemsSelected, {
+        values: {
+          numSelected: numSelected
+        }
+      })) : React.createElement(FormattedMessage, _extends({}, messages.numFoldersSelected, {
+        values: {
+          numSelected: numSelected
+        }
+      }));
+    }
+
+    var statusElement = getStatusElement(statusMessage);
     return contentExplorerMode === ContentExplorerModes.MULTI_SELECT && statusElement;
   };
 
@@ -130,6 +172,7 @@ ContentExplorerActionButtons.propTypes = {
   actionButtonsProps: PropTypes.object,
   areButtonsDisabled: PropTypes.bool,
   cancelButtonProps: PropTypes.object,
+  canIncludeSubfolders: PropTypes.bool,
   chooseButtonProps: PropTypes.object,
   chooseButtonText: PropTypes.node,
   contentExplorerMode: ContentExplorerModePropType.isRequired,
@@ -138,12 +181,16 @@ ContentExplorerActionButtons.propTypes = {
   isCopyButtonLoading: PropTypes.bool,
   isMoveButtonLoading: PropTypes.bool,
   isResponsive: PropTypes.bool,
+  isSelectAllAllowed: PropTypes.bool,
   onCancelClick: PropTypes.func,
   onChooseClick: PropTypes.func,
   onCopyClick: PropTypes.func,
+  onFoldersPathUpdated: PropTypes.func,
   onMoveClick: PropTypes.func,
   onSelectedClick: PropTypes.func,
-  selectedItems: ItemsMapPropType.isRequired
+  onViewSelectedClick: PropTypes.func,
+  selectedItems: ItemsMapPropType.isRequired,
+  isNoSelectionAllowed: PropTypes.bool
 };
 export default ContentExplorerActionButtons;
 //# sourceMappingURL=ContentExplorerActionButtons.js.map

package/es/features/content-explorer/content-explorer/ContentExplorerActionButtons.js.flow

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import Button from '../../../components/button';
+import PlainButton from '../../../components/plain-button';
 import PrimaryButton from '../../../components/primary-button';
 
 import { ContentExplorerModePropType, FolderPropType, ItemsMapPropType } from '../prop-types';
@@ -24,6 +25,7 @@ const ContentExplorerActionButtons = ({
     actionButtonsProps = {},
     areButtonsDisabled = false,
     cancelButtonProps = {},
+    canIncludeSubfolders,
     chooseButtonProps = {},
     chooseButtonText,
     contentExplorerMode,
@@ -32,12 +34,16 @@ const ContentExplorerActionButtons = ({
     isCopyButtonLoading = false,
     isMoveButtonLoading = false,
     isResponsive = false,
+    isSelectAllAllowed,
     onCancelClick,
     onChooseClick,
     onCopyClick,
+    onFoldersPathUpdated,
     onMoveClick,
     onSelectedClick,
+    onViewSelectedClick,
     selectedItems,
+    isNoSelectionAllowed,
 }) => {
     const handleChooseClick = () => {
         let chosenItems = getChosenItemsFromSelectedItems(selectedItems);
@@ -46,7 +52,7 @@ const ContentExplorerActionButtons = ({
             chosenItems = [currentFolder];
         }
 
-        if (onChooseClick && chosenItems.length > 0) {
+        if (onChooseClick && (chosenItems.length > 0 || isNoSelectionAllowed)) {
             onChooseClick(chosenItems);
         }
     };
@@ -71,19 +77,48 @@ const ContentExplorerActionButtons = ({
         }
     };
 
+    const getStatusElement = statusMessage => {
+        let statusElement = <span className="status-message">{statusMessage}</span>;
+
+        if (onViewSelectedClick) {
+            statusElement = (
+                <PlainButton
+                    className="status-message-link"
+                    onClick={() => {
+                        const foldersPath = onViewSelectedClick();
+                        if (foldersPath) {
+                            onFoldersPathUpdated(foldersPath);
+                        }
+                    }}
+                    type="button"
+                >
+                    {statusMessage}
+                </PlainButton>
+            );
+        } else if (onSelectedClick) {
+            statusElement = (
+                <Button className="status-message" onClick={onSelectedClick} type="button">
+                    {statusMessage}
+                </Button>
+            );
+        }
+        return statusElement;
+    };
+
     const renderStatus = () => {
-        const chosenItems = getChosenItemsFromSelectedItems(selectedItems);
-        const statusMessage = (
-            <FormattedMessage {...messages.numSelected} values={{ numSelected: chosenItems.length }} />
-        );
-
-        const statusElement = onSelectedClick ? (
-            <Button className="status-message" onClick={onSelectedClick}>
-                {statusMessage}
-            </Button>
-        ) : (
-            <span className="status-message">{statusMessage}</span>
-        );
+        const numSelected = getChosenItemsFromSelectedItems(selectedItems).length;
+
+        let statusMessage = <FormattedMessage {...messages.numSelected} values={{ numSelected }} />;
+
+        if (canIncludeSubfolders) {
+            statusMessage = isSelectAllAllowed ? (
+                <FormattedMessage {...messages.numItemsSelected} values={{ numSelected }} />
+            ) : (
+                <FormattedMessage {...messages.numFoldersSelected} values={{ numSelected }} />
+            );
+        }
+
+        const statusElement = getStatusElement(statusMessage);
 
         return contentExplorerMode === ContentExplorerModes.MULTI_SELECT && statusElement;
     };
@@ -150,6 +185,7 @@ ContentExplorerActionButtons.propTypes = {
     actionButtonsProps: PropTypes.object,
     areButtonsDisabled: PropTypes.bool,
     cancelButtonProps: PropTypes.object,
+    canIncludeSubfolders: PropTypes.bool,
     chooseButtonProps: PropTypes.object,
     chooseButtonText: PropTypes.node,
     contentExplorerMode: ContentExplorerModePropType.isRequired,
@@ -158,12 +194,16 @@ ContentExplorerActionButtons.propTypes = {
     isCopyButtonLoading: PropTypes.bool,
     isMoveButtonLoading: PropTypes.bool,
     isResponsive: PropTypes.bool,
+    isSelectAllAllowed: PropTypes.bool,
     onCancelClick: PropTypes.func,
     onChooseClick: PropTypes.func,
     onCopyClick: PropTypes.func,
+    onFoldersPathUpdated: PropTypes.func,
     onMoveClick: PropTypes.func,
     onSelectedClick: PropTypes.func,
+    onViewSelectedClick: PropTypes.func,
     selectedItems: ItemsMapPropType.isRequired,
+    isNoSelectionAllowed: PropTypes.bool,
 };
 
 export default ContentExplorerActionButtons;

package/es/features/content-explorer/content-explorer/ContentExplorerActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerActionButtons.js"],"names":["PropTypes","React","FormattedMessage","Button","PrimaryButton","ContentExplorerModePropType","FolderPropType","ItemsMapPropType","ContentExplorerModes","messages","getChosenItemsFromSelectedItems","selectedItems","chosenItems","selectedItemsIds","Object","keys","forEach","id","isActionDisabled","push","ContentExplorerActionButtons","actionButtonsProps","areButtonsDisabled","cancelButtonProps","chooseButtonProps","chooseButtonText","contentExplorerMode","currentFolder","isChooseButtonLoading","isCopyButtonLoading","isMoveButtonLoading","isResponsive","onCancelClick","onChooseClick","onCopyClick","onMoveClick","onSelectedClick","handleChooseClick","length","SELECT_FOLDER","handleMoveClick","itemToMove","handleCopyClick","itemToCopy","renderStatus","statusMessage","numSelected","statusElement","MULTI_SELECT","contentExplorerActionButtonsStyle","cancel","SELECT_FILE","choose","MOVE_COPY","move","COPY","copy","propTypes","object","bool","node","isRequired","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../../components/button';\nimport PrimaryButton from '../../../components/primary-button';\n\nimport { ContentExplorerModePropType, FolderPropType, ItemsMapPropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\nimport messages from '../messages';\n\nexport const getChosenItemsFromSelectedItems = selectedItems => {\n    const chosenItems = [];\n    const selectedItemsIds = Object.keys(selectedItems);\n    selectedItemsIds.forEach(id => {\n        if (!selectedItems[id].isActionDisabled) {\n            chosenItems.push(selectedItems[id]);\n        }\n    });\n    return chosenItems;\n};\n\nconst ContentExplorerActionButtons = ({\n    actionButtonsProps = {},\n    areButtonsDisabled = false,\n    cancelButtonProps = {},\n    chooseButtonProps = {},\n    chooseButtonText,\n    contentExplorerMode,\n    currentFolder,\n    isChooseButtonLoading = false,\n    isCopyButtonLoading = false,\n    isMoveButtonLoading = false,\n    isResponsive = false,\n    onCancelClick,\n    onChooseClick,\n    onCopyClick,\n    onMoveClick,\n    onSelectedClick,\n    selectedItems,\n}) => {\n    const handleChooseClick = () => {\n        let chosenItems = getChosenItemsFromSelectedItems(selectedItems);\n        if (chosenItems.length === 0 && contentExplorerMode === ContentExplorerModes.SELECT_FOLDER && currentFolder) {\n            // Choose the selected item. If no item is selected, choose the current folder.\n            chosenItems = [currentFolder];\n        }\n\n        if (onChooseClick && chosenItems.length > 0) {\n            onChooseClick(chosenItems);\n        }\n    };\n\n    const handleMoveClick = () => {\n        const selectedItemsIds = Object.keys(selectedItems);\n        // Move to the selected item. If no item is selected, move to the current folder.\n        const itemToMove = selectedItemsIds.length > 0 ? selectedItems[selectedItemsIds[0]] : currentFolder;\n\n        if (onMoveClick) {\n            onMoveClick(itemToMove);\n        }\n    };\n\n    const handleCopyClick = () => {\n        const selectedItemsIds = Object.keys(selectedItems);\n        // Copy to the selected item. If no item is selected, copy to the current folder.\n        const itemToCopy = selectedItemsIds.length > 0 ? selectedItems[selectedItemsIds[0]] : currentFolder;\n\n        if (onCopyClick) {\n            onCopyClick(itemToCopy);\n        }\n    };\n\n    const renderStatus = () => {\n        const chosenItems = getChosenItemsFromSelectedItems(selectedItems);\n        const statusMessage = (\n            <FormattedMessage {...messages.numSelected} values={{ numSelected: chosenItems.length }} />\n        );\n\n        const statusElement = onSelectedClick ? (\n            <Button className=\"status-message\" onClick={onSelectedClick}>\n                {statusMessage}\n            </Button>\n        ) : (\n            <span className=\"status-message\">{statusMessage}</span>\n        );\n\n        return contentExplorerMode === ContentExplorerModes.MULTI_SELECT && statusElement;\n    };\n    const contentExplorerActionButtonsStyle = isResponsive\n        ? 'modal-actions'\n        : 'content-explorer-action-buttons-container';\n\n    return (\n        <div className={contentExplorerActionButtonsStyle} {...actionButtonsProps}>\n            {renderStatus()}\n            <Button\n                className=\"content-explorer-cancel-button\"\n                type=\"button\"\n                isDisabled={isChooseButtonLoading || isMoveButtonLoading || isCopyButtonLoading}\n                onClick={onCancelClick}\n                {...cancelButtonProps}\n            >\n                <FormattedMessage {...messages.cancel} />\n            </Button>\n            {(contentExplorerMode === ContentExplorerModes.SELECT_FILE ||\n                contentExplorerMode === ContentExplorerModes.SELECT_FOLDER ||\n                contentExplorerMode === ContentExplorerModes.MULTI_SELECT) && (\n                <PrimaryButton\n                    type=\"button\"\n                    className=\"content-explorer-choose-button\"\n                    isDisabled={areButtonsDisabled || isChooseButtonLoading}\n                    isLoading={isChooseButtonLoading}\n                    onClick={handleChooseClick}\n                    {...chooseButtonProps}\n                >\n                    {chooseButtonText || <FormattedMessage {...messages.choose} />}\n                </PrimaryButton>\n            )}\n            {contentExplorerMode === ContentExplorerModes.MOVE_COPY && (\n                <PrimaryButton\n                    key=\"move-btn\"\n                    type=\"button\"\n                    className=\"content-explorer-move-button\"\n                    onClick={handleMoveClick}\n                    isDisabled={areButtonsDisabled || isMoveButtonLoading || isCopyButtonLoading}\n                    isLoading={isMoveButtonLoading}\n                >\n                    <FormattedMessage {...messages.move} />\n                </PrimaryButton>\n            )}\n            {(contentExplorerMode === ContentExplorerModes.MOVE_COPY ||\n                contentExplorerMode === ContentExplorerModes.COPY) && (\n                <PrimaryButton\n                    key=\"copy-btn\"\n                    type=\"button\"\n                    className=\"content-explorer-copy-button\"\n                    onClick={handleCopyClick}\n                    isDisabled={areButtonsDisabled || isMoveButtonLoading || isCopyButtonLoading}\n                    isLoading={isCopyButtonLoading}\n                >\n                    <FormattedMessage {...messages.copy} />\n                </PrimaryButton>\n            )}\n        </div>\n    );\n};\n\nContentExplorerActionButtons.propTypes = {\n    actionButtonsProps: PropTypes.object,\n    areButtonsDisabled: PropTypes.bool,\n    cancelButtonProps: PropTypes.object,\n    chooseButtonProps: PropTypes.object,\n    chooseButtonText: PropTypes.node,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    currentFolder: FolderPropType,\n    isChooseButtonLoading: PropTypes.bool,\n    isCopyButtonLoading: PropTypes.bool,\n    isMoveButtonLoading: PropTypes.bool,\n    isResponsive: PropTypes.bool,\n    onCancelClick: PropTypes.func,\n    onChooseClick: PropTypes.func,\n    onCopyClick: PropTypes.func,\n    onMoveClick: PropTypes.func,\n    onSelectedClick: PropTypes.func,\n    selectedItems: ItemsMapPropType.isRequired,\n};\n\nexport default ContentExplorerActionButtons;\n"],"file":"ContentExplorerActionButtons.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerActionButtons.js"],"names":["PropTypes","React","FormattedMessage","Button","PlainButton","PrimaryButton","ContentExplorerModePropType","FolderPropType","ItemsMapPropType","ContentExplorerModes","messages","getChosenItemsFromSelectedItems","selectedItems","chosenItems","selectedItemsIds","Object","keys","forEach","id","isActionDisabled","push","ContentExplorerActionButtons","actionButtonsProps","areButtonsDisabled","cancelButtonProps","canIncludeSubfolders","chooseButtonProps","chooseButtonText","contentExplorerMode","currentFolder","isChooseButtonLoading","isCopyButtonLoading","isMoveButtonLoading","isResponsive","isSelectAllAllowed","onCancelClick","onChooseClick","onCopyClick","onFoldersPathUpdated","onMoveClick","onSelectedClick","onViewSelectedClick","isNoSelectionAllowed","handleChooseClick","length","SELECT_FOLDER","handleMoveClick","itemToMove","handleCopyClick","itemToCopy","getStatusElement","statusMessage","statusElement","foldersPath","renderStatus","numSelected","numItemsSelected","numFoldersSelected","MULTI_SELECT","contentExplorerActionButtonsStyle","cancel","SELECT_FILE","choose","MOVE_COPY","move","COPY","copy","propTypes","object","bool","node","isRequired","func"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,aAAP,MAA0B,oCAA1B;AAEA,SAASC,2BAAT,EAAsCC,cAAtC,EAAsDC,gBAAtD,QAA8E,eAA9E;AACA,OAAOC,oBAAP,MAAiC,UAAjC;AACA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CAAAC,aAAa,EAAI;AAC5D,MAAMC,WAAW,GAAG,EAApB;AACA,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYJ,aAAZ,CAAzB;AACAE,EAAAA,gBAAgB,CAACG,OAAjB,CAAyB,UAAAC,EAAE,EAAI;AAC3B,QAAI,CAACN,aAAa,CAACM,EAAD,CAAb,CAAkBC,gBAAvB,EAAyC;AACrCN,MAAAA,WAAW,CAACO,IAAZ,CAAiBR,aAAa,CAACM,EAAD,CAA9B;AACH;AACJ,GAJD;AAKA,SAAOL,WAAP;AACH,CATM;;AAWP,IAAMQ,4BAA4B,GAAG,SAA/BA,4BAA+B,OAuB/B;AAAA,mCAtBFC,kBAsBE;AAAA,MAtBFA,kBAsBE,sCAtBmB,EAsBnB;AAAA,mCArBFC,kBAqBE;AAAA,MArBFA,kBAqBE,sCArBmB,KAqBnB;AAAA,mCApBFC,iBAoBE;AAAA,MApBFA,iBAoBE,sCApBkB,EAoBlB;AAAA,MAnBFC,oBAmBE,QAnBFA,oBAmBE;AAAA,mCAlBFC,iBAkBE;AAAA,MAlBFA,iBAkBE,sCAlBkB,EAkBlB;AAAA,MAjBFC,gBAiBE,QAjBFA,gBAiBE;AAAA,MAhBFC,mBAgBE,QAhBFA,mBAgBE;AAAA,MAfFC,aAeE,QAfFA,aAeE;AAAA,mCAdFC,qBAcE;AAAA,MAdFA,qBAcE,sCAdsB,KActB;AAAA,mCAbFC,mBAaE;AAAA,MAbFA,mBAaE,sCAboB,KAapB;AAAA,mCAZFC,mBAYE;AAAA,MAZFA,mBAYE,sCAZoB,KAYpB;AAAA,+BAXFC,YAWE;AAAA,MAXFA,YAWE,kCAXa,KAWb;AAAA,MAVFC,kBAUE,QAVFA,kBAUE;AAAA,MATFC,aASE,QATFA,aASE;AAAA,MARFC,aAQE,QARFA,aAQE;AAAA,MAPFC,WAOE,QAPFA,WAOE;AAAA,MANFC,oBAME,QANFA,oBAME;AAAA,MALFC,WAKE,QALFA,WAKE;AAAA,MAJFC,eAIE,QAJFA,eAIE;AAAA,MAHFC,mBAGE,QAHFA,mBAGE;AAAA,MAFF7B,aAEE,QAFFA,aAEE;AAAA,MADF8B,oBACE,QADFA,oBACE;;AACF,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC5B,QAAI9B,WAAW,GAAGF,+BAA+B,CAACC,aAAD,CAAjD;;AACA,QAAIC,WAAW,CAAC+B,MAAZ,KAAuB,CAAvB,IAA4BhB,mBAAmB,KAAKnB,oBAAoB,CAACoC,aAAzE,IAA0FhB,aAA9F,EAA6G;AACzG;AACAhB,MAAAA,WAAW,GAAG,CAACgB,aAAD,CAAd;AACH;;AAED,QAAIO,aAAa,KAAKvB,WAAW,CAAC+B,MAAZ,GAAqB,CAArB,IAA0BF,oBAA/B,CAAjB,EAAuE;AACnEN,MAAAA,aAAa,CAACvB,WAAD,CAAb;AACH;AACJ,GAVD;;AAYA,MAAMiC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC1B,QAAMhC,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYJ,aAAZ,CAAzB,CAD0B,CAE1B;;AACA,QAAMmC,UAAU,GAAGjC,gBAAgB,CAAC8B,MAAjB,GAA0B,CAA1B,GAA8BhC,aAAa,CAACE,gBAAgB,CAAC,CAAD,CAAjB,CAA3C,GAAmEe,aAAtF;;AAEA,QAAIU,WAAJ,EAAiB;AACbA,MAAAA,WAAW,CAACQ,UAAD,CAAX;AACH;AACJ,GARD;;AAUA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC1B,QAAMlC,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYJ,aAAZ,CAAzB,CAD0B,CAE1B;;AACA,QAAMqC,UAAU,GAAGnC,gBAAgB,CAAC8B,MAAjB,GAA0B,CAA1B,GAA8BhC,aAAa,CAACE,gBAAgB,CAAC,CAAD,CAAjB,CAA3C,GAAmEe,aAAtF;;AAEA,QAAIQ,WAAJ,EAAiB;AACbA,MAAAA,WAAW,CAACY,UAAD,CAAX;AACH;AACJ,GARD;;AAUA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,aAAa,EAAI;AACtC,QAAIC,aAAa,GAAG;AAAM,MAAA,SAAS,EAAC;AAAhB,OAAkCD,aAAlC,CAApB;;AAEA,QAAIV,mBAAJ,EAAyB;AACrBW,MAAAA,aAAa,GACT,oBAAC,WAAD;AACI,QAAA,SAAS,EAAC,qBADd;AAEI,QAAA,OAAO,EAAE,mBAAM;AACX,cAAMC,WAAW,GAAGZ,mBAAmB,EAAvC;;AACA,cAAIY,WAAJ,EAAiB;AACbf,YAAAA,oBAAoB,CAACe,WAAD,CAApB;AACH;AACJ,SAPL;AAQI,QAAA,IAAI,EAAC;AART,SAUKF,aAVL,CADJ;AAcH,KAfD,MAeO,IAAIX,eAAJ,EAAqB;AACxBY,MAAAA,aAAa,GACT,oBAAC,MAAD;AAAQ,QAAA,SAAS,EAAC,gBAAlB;AAAmC,QAAA,OAAO,EAAEZ,eAA5C;AAA6D,QAAA,IAAI,EAAC;AAAlE,SACKW,aADL,CADJ;AAKH;;AACD,WAAOC,aAAP;AACH,GA1BD;;AA4BA,MAAME,YAAY,GAAG,SAAfA,YAAe,GAAM;AACvB,QAAMC,WAAW,GAAG5C,+BAA+B,CAACC,aAAD,CAA/B,CAA+CgC,MAAnE;AAEA,QAAIO,aAAa,GAAG,oBAAC,gBAAD,eAAsBzC,QAAQ,CAAC6C,WAA/B;AAA4C,MAAA,MAAM,EAAE;AAAEA,QAAAA,WAAW,EAAXA;AAAF;AAApD,OAApB;;AAEA,QAAI9B,oBAAJ,EAA0B;AACtB0B,MAAAA,aAAa,GAAGjB,kBAAkB,GAC9B,oBAAC,gBAAD,eAAsBxB,QAAQ,CAAC8C,gBAA/B;AAAiD,QAAA,MAAM,EAAE;AAAED,UAAAA,WAAW,EAAXA;AAAF;AAAzD,SAD8B,GAG9B,oBAAC,gBAAD,eAAsB7C,QAAQ,CAAC+C,kBAA/B;AAAmD,QAAA,MAAM,EAAE;AAAEF,UAAAA,WAAW,EAAXA;AAAF;AAA3D,SAHJ;AAKH;;AAED,QAAMH,aAAa,GAAGF,gBAAgB,CAACC,aAAD,CAAtC;AAEA,WAAOvB,mBAAmB,KAAKnB,oBAAoB,CAACiD,YAA7C,IAA6DN,aAApE;AACH,GAhBD;;AAiBA,MAAMO,iCAAiC,GAAG1B,YAAY,GAChD,eADgD,GAEhD,2CAFN;AAIA,SACI;AAAK,IAAA,SAAS,EAAE0B;AAAhB,KAAuDrC,kBAAvD,GACKgC,YAAY,EADjB,EAEI,oBAAC,MAAD;AACI,IAAA,SAAS,EAAC,gCADd;AAEI,IAAA,IAAI,EAAC,QAFT;AAGI,IAAA,UAAU,EAAExB,qBAAqB,IAAIE,mBAAzB,IAAgDD,mBAHhE;AAII,IAAA,OAAO,EAAEI;AAJb,KAKQX,iBALR,GAOI,oBAAC,gBAAD,EAAsBd,QAAQ,CAACkD,MAA/B,CAPJ,CAFJ,EAWK,CAAChC,mBAAmB,KAAKnB,oBAAoB,CAACoD,WAA7C,IACEjC,mBAAmB,KAAKnB,oBAAoB,CAACoC,aAD/C,IAEEjB,mBAAmB,KAAKnB,oBAAoB,CAACiD,YAFhD,KAGG,oBAAC,aAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,SAAS,EAAC,gCAFd;AAGI,IAAA,UAAU,EAAEnC,kBAAkB,IAAIO,qBAHtC;AAII,IAAA,SAAS,EAAEA,qBAJf;AAKI,IAAA,OAAO,EAAEa;AALb,KAMQjB,iBANR,GAQKC,gBAAgB,IAAI,oBAAC,gBAAD,EAAsBjB,QAAQ,CAACoD,MAA/B,CARzB,CAdR,EAyBKlC,mBAAmB,KAAKnB,oBAAoB,CAACsD,SAA7C,IACG,oBAAC,aAAD;AACI,IAAA,GAAG,EAAC,UADR;AAEI,IAAA,IAAI,EAAC,QAFT;AAGI,IAAA,SAAS,EAAC,8BAHd;AAII,IAAA,OAAO,EAAEjB,eAJb;AAKI,IAAA,UAAU,EAAEvB,kBAAkB,IAAIS,mBAAtB,IAA6CD,mBAL7D;AAMI,IAAA,SAAS,EAAEC;AANf,KAQI,oBAAC,gBAAD,EAAsBtB,QAAQ,CAACsD,IAA/B,CARJ,CA1BR,EAqCK,CAACpC,mBAAmB,KAAKnB,oBAAoB,CAACsD,SAA7C,IACEnC,mBAAmB,KAAKnB,oBAAoB,CAACwD,IADhD,KAEG,oBAAC,aAAD;AACI,IAAA,GAAG,EAAC,UADR;AAEI,IAAA,IAAI,EAAC,QAFT;AAGI,IAAA,SAAS,EAAC,8BAHd;AAII,IAAA,OAAO,EAAEjB,eAJb;AAKI,IAAA,UAAU,EAAEzB,kBAAkB,IAAIS,mBAAtB,IAA6CD,mBAL7D;AAMI,IAAA,SAAS,EAAEA;AANf,KAQI,oBAAC,gBAAD,EAAsBrB,QAAQ,CAACwD,IAA/B,CARJ,CAvCR,CADJ;AAqDH,CA9JD;;AAgKA7C,4BAA4B,CAAC8C,SAA7B,GAAyC;AACrC7C,EAAAA,kBAAkB,EAAEtB,SAAS,CAACoE,MADO;AAErC7C,EAAAA,kBAAkB,EAAEvB,SAAS,CAACqE,IAFO;AAGrC7C,EAAAA,iBAAiB,EAAExB,SAAS,CAACoE,MAHQ;AAIrC3C,EAAAA,oBAAoB,EAAEzB,SAAS,CAACqE,IAJK;AAKrC3C,EAAAA,iBAAiB,EAAE1B,SAAS,CAACoE,MALQ;AAMrCzC,EAAAA,gBAAgB,EAAE3B,SAAS,CAACsE,IANS;AAOrC1C,EAAAA,mBAAmB,EAAEtB,2BAA2B,CAACiE,UAPZ;AAQrC1C,EAAAA,aAAa,EAAEtB,cARsB;AASrCuB,EAAAA,qBAAqB,EAAE9B,SAAS,CAACqE,IATI;AAUrCtC,EAAAA,mBAAmB,EAAE/B,SAAS,CAACqE,IAVM;AAWrCrC,EAAAA,mBAAmB,EAAEhC,SAAS,CAACqE,IAXM;AAYrCpC,EAAAA,YAAY,EAAEjC,SAAS,CAACqE,IAZa;AAarCnC,EAAAA,kBAAkB,EAAElC,SAAS,CAACqE,IAbO;AAcrClC,EAAAA,aAAa,EAAEnC,SAAS,CAACwE,IAdY;AAerCpC,EAAAA,aAAa,EAAEpC,SAAS,CAACwE,IAfY;AAgBrCnC,EAAAA,WAAW,EAAErC,SAAS,CAACwE,IAhBc;AAiBrClC,EAAAA,oBAAoB,EAAEtC,SAAS,CAACwE,IAjBK;AAkBrCjC,EAAAA,WAAW,EAAEvC,SAAS,CAACwE,IAlBc;AAmBrChC,EAAAA,eAAe,EAAExC,SAAS,CAACwE,IAnBU;AAoBrC/B,EAAAA,mBAAmB,EAAEzC,SAAS,CAACwE,IApBM;AAqBrC5D,EAAAA,aAAa,EAAEJ,gBAAgB,CAAC+D,UArBK;AAsBrC7B,EAAAA,oBAAoB,EAAE1C,SAAS,CAACqE;AAtBK,CAAzC;AAyBA,eAAehD,4BAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../../components/button';\nimport PlainButton from '../../../components/plain-button';\nimport PrimaryButton from '../../../components/primary-button';\n\nimport { ContentExplorerModePropType, FolderPropType, ItemsMapPropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\nimport messages from '../messages';\n\nexport const getChosenItemsFromSelectedItems = selectedItems => {\n    const chosenItems = [];\n    const selectedItemsIds = Object.keys(selectedItems);\n    selectedItemsIds.forEach(id => {\n        if (!selectedItems[id].isActionDisabled) {\n            chosenItems.push(selectedItems[id]);\n        }\n    });\n    return chosenItems;\n};\n\nconst ContentExplorerActionButtons = ({\n    actionButtonsProps = {},\n    areButtonsDisabled = false,\n    cancelButtonProps = {},\n    canIncludeSubfolders,\n    chooseButtonProps = {},\n    chooseButtonText,\n    contentExplorerMode,\n    currentFolder,\n    isChooseButtonLoading = false,\n    isCopyButtonLoading = false,\n    isMoveButtonLoading = false,\n    isResponsive = false,\n    isSelectAllAllowed,\n    onCancelClick,\n    onChooseClick,\n    onCopyClick,\n    onFoldersPathUpdated,\n    onMoveClick,\n    onSelectedClick,\n    onViewSelectedClick,\n    selectedItems,\n    isNoSelectionAllowed,\n}) => {\n    const handleChooseClick = () => {\n        let chosenItems = getChosenItemsFromSelectedItems(selectedItems);\n        if (chosenItems.length === 0 && contentExplorerMode === ContentExplorerModes.SELECT_FOLDER && currentFolder) {\n            // Choose the selected item. If no item is selected, choose the current folder.\n            chosenItems = [currentFolder];\n        }\n\n        if (onChooseClick && (chosenItems.length > 0 || isNoSelectionAllowed)) {\n            onChooseClick(chosenItems);\n        }\n    };\n\n    const handleMoveClick = () => {\n        const selectedItemsIds = Object.keys(selectedItems);\n        // Move to the selected item. If no item is selected, move to the current folder.\n        const itemToMove = selectedItemsIds.length > 0 ? selectedItems[selectedItemsIds[0]] : currentFolder;\n\n        if (onMoveClick) {\n            onMoveClick(itemToMove);\n        }\n    };\n\n    const handleCopyClick = () => {\n        const selectedItemsIds = Object.keys(selectedItems);\n        // Copy to the selected item. If no item is selected, copy to the current folder.\n        const itemToCopy = selectedItemsIds.length > 0 ? selectedItems[selectedItemsIds[0]] : currentFolder;\n\n        if (onCopyClick) {\n            onCopyClick(itemToCopy);\n        }\n    };\n\n    const getStatusElement = statusMessage => {\n        let statusElement = <span className=\"status-message\">{statusMessage}</span>;\n\n        if (onViewSelectedClick) {\n            statusElement = (\n                <PlainButton\n                    className=\"status-message-link\"\n                    onClick={() => {\n                        const foldersPath = onViewSelectedClick();\n                        if (foldersPath) {\n                            onFoldersPathUpdated(foldersPath);\n                        }\n                    }}\n                    type=\"button\"\n                >\n                    {statusMessage}\n                </PlainButton>\n            );\n        } else if (onSelectedClick) {\n            statusElement = (\n                <Button className=\"status-message\" onClick={onSelectedClick} type=\"button\">\n                    {statusMessage}\n                </Button>\n            );\n        }\n        return statusElement;\n    };\n\n    const renderStatus = () => {\n        const numSelected = getChosenItemsFromSelectedItems(selectedItems).length;\n\n        let statusMessage = <FormattedMessage {...messages.numSelected} values={{ numSelected }} />;\n\n        if (canIncludeSubfolders) {\n            statusMessage = isSelectAllAllowed ? (\n                <FormattedMessage {...messages.numItemsSelected} values={{ numSelected }} />\n            ) : (\n                <FormattedMessage {...messages.numFoldersSelected} values={{ numSelected }} />\n            );\n        }\n\n        const statusElement = getStatusElement(statusMessage);\n\n        return contentExplorerMode === ContentExplorerModes.MULTI_SELECT && statusElement;\n    };\n    const contentExplorerActionButtonsStyle = isResponsive\n        ? 'modal-actions'\n        : 'content-explorer-action-buttons-container';\n\n    return (\n        <div className={contentExplorerActionButtonsStyle} {...actionButtonsProps}>\n            {renderStatus()}\n            <Button\n                className=\"content-explorer-cancel-button\"\n                type=\"button\"\n                isDisabled={isChooseButtonLoading || isMoveButtonLoading || isCopyButtonLoading}\n                onClick={onCancelClick}\n                {...cancelButtonProps}\n            >\n                <FormattedMessage {...messages.cancel} />\n            </Button>\n            {(contentExplorerMode === ContentExplorerModes.SELECT_FILE ||\n                contentExplorerMode === ContentExplorerModes.SELECT_FOLDER ||\n                contentExplorerMode === ContentExplorerModes.MULTI_SELECT) && (\n                <PrimaryButton\n                    type=\"button\"\n                    className=\"content-explorer-choose-button\"\n                    isDisabled={areButtonsDisabled || isChooseButtonLoading}\n                    isLoading={isChooseButtonLoading}\n                    onClick={handleChooseClick}\n                    {...chooseButtonProps}\n                >\n                    {chooseButtonText || <FormattedMessage {...messages.choose} />}\n                </PrimaryButton>\n            )}\n            {contentExplorerMode === ContentExplorerModes.MOVE_COPY && (\n                <PrimaryButton\n                    key=\"move-btn\"\n                    type=\"button\"\n                    className=\"content-explorer-move-button\"\n                    onClick={handleMoveClick}\n                    isDisabled={areButtonsDisabled || isMoveButtonLoading || isCopyButtonLoading}\n                    isLoading={isMoveButtonLoading}\n                >\n                    <FormattedMessage {...messages.move} />\n                </PrimaryButton>\n            )}\n            {(contentExplorerMode === ContentExplorerModes.MOVE_COPY ||\n                contentExplorerMode === ContentExplorerModes.COPY) && (\n                <PrimaryButton\n                    key=\"copy-btn\"\n                    type=\"button\"\n                    className=\"content-explorer-copy-button\"\n                    onClick={handleCopyClick}\n                    isDisabled={areButtonsDisabled || isMoveButtonLoading || isCopyButtonLoading}\n                    isLoading={isCopyButtonLoading}\n                >\n                    <FormattedMessage {...messages.copy} />\n                </PrimaryButton>\n            )}\n        </div>\n    );\n};\n\nContentExplorerActionButtons.propTypes = {\n    actionButtonsProps: PropTypes.object,\n    areButtonsDisabled: PropTypes.bool,\n    cancelButtonProps: PropTypes.object,\n    canIncludeSubfolders: PropTypes.bool,\n    chooseButtonProps: PropTypes.object,\n    chooseButtonText: PropTypes.node,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    currentFolder: FolderPropType,\n    isChooseButtonLoading: PropTypes.bool,\n    isCopyButtonLoading: PropTypes.bool,\n    isMoveButtonLoading: PropTypes.bool,\n    isResponsive: PropTypes.bool,\n    isSelectAllAllowed: PropTypes.bool,\n    onCancelClick: PropTypes.func,\n    onChooseClick: PropTypes.func,\n    onCopyClick: PropTypes.func,\n    onFoldersPathUpdated: PropTypes.func,\n    onMoveClick: PropTypes.func,\n    onSelectedClick: PropTypes.func,\n    onViewSelectedClick: PropTypes.func,\n    selectedItems: ItemsMapPropType.isRequired,\n    isNoSelectionAllowed: PropTypes.bool,\n};\n\nexport default ContentExplorerActionButtons;\n"],"file":"ContentExplorerActionButtons.js"}

package/es/features/content-explorer/content-explorer/ContentExplorerFolderTreeBreadcrumbs.js

@@ -0,0 +1,68 @@
+function _extends() { _extends = Object.assign || 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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { injectIntl, FormattedMessage } from 'react-intl';
+import Arrow16 from '../../../icon/fill/Arrow16';
+import Button from '../../../components/button';
+import DropdownMenu from '../../../components/dropdown-menu/DropdownMenu';
+import IconFolderTree from '../../../icons/general/IconFolderTree';
+import { Menu, MenuItem } from '../../../components/menu';
+import { FoldersPathPropType } from '../prop-types';
+import messages from '../messages';
+import { FOLDER_TREE_ICON_HEIGHT, FOLDER_TREE_ICON_WIDTH, BREADCRUMB_ARROW_ICON_HEIGHT, BREADCRUMB_ARROW_ICON_WIDTH, BREADCRUMB_ARROW_ICON_VIEWBOX } from './constants';
+
+var ContentExplorerFolderTreeBreadcrumbs = function ContentExplorerFolderTreeBreadcrumbs(_ref) {
+  var foldersPath = _ref.foldersPath,
+      _ref$intl = _ref.intl,
+      formatMessage = _ref$intl.formatMessage,
+      formatNumber = _ref$intl.formatNumber,
+      isFolderTreeButtonHidden = _ref.isFolderTreeButtonHidden,
+      numTotalItems = _ref.numTotalItems,
+      onBreadcrumbClick = _ref.onBreadcrumbClick;
+  var currentFolderName = foldersPath[foldersPath.length - 1].name;
+  var foldersPathWithoutLast = foldersPath.slice(0, -1);
+  return React.createElement("div", {
+    className: "bdl-ContentExplorerFolderTreeBreadcrumbs"
+  }, !isFolderTreeButtonHidden && React.createElement(DropdownMenu, null, React.createElement(Button, {
+    "aria-label": formatMessage(messages.clickToViewPath),
+    className: "bdl-ContentExplorerFolderTreeBreadcrumbs-button",
+    title: formatMessage(messages.filePath),
+    type: "button"
+  }, React.createElement(IconFolderTree, {
+    height: FOLDER_TREE_ICON_HEIGHT,
+    width: FOLDER_TREE_ICON_WIDTH
+  })), React.createElement(Menu, null, foldersPathWithoutLast.map(function (folder, i) {
+    return React.createElement(MenuItem, {
+      "data-testid": "folder-tree-item",
+      key: folder.id,
+      onClick: function onClick(event) {
+        return onBreadcrumbClick(i, event);
+      }
+    }, folder.name);
+  }))), !isFolderTreeButtonHidden && React.createElement(Arrow16, {
+    className: "bdl-ContentExplorerFolderTreeBreadcrumbs-icon",
+    height: BREADCRUMB_ARROW_ICON_HEIGHT,
+    width: BREADCRUMB_ARROW_ICON_WIDTH,
+    viewBox: BREADCRUMB_ARROW_ICON_VIEWBOX
+  }), React.createElement("span", {
+    className: "bdl-ContentExplorerFolderTreeBreadcrumbs-text",
+    title: currentFolderName
+  }, React.createElement(FormattedMessage, _extends({}, messages.folderTreeBreadcrumbsText, {
+    values: {
+      folderName: currentFolderName,
+      totalItems: formatNumber(numTotalItems)
+    }
+  }))));
+};
+
+ContentExplorerFolderTreeBreadcrumbs.propTypes = {
+  foldersPath: FoldersPathPropType.isRequired,
+  intl: PropTypes.any,
+  isFolderTreeButtonHidden: PropTypes.bool,
+  numTotalItems: PropTypes.number.isRequired,
+  onBreadcrumbClick: PropTypes.func
+};
+export { ContentExplorerFolderTreeBreadcrumbs as ContentExplorerFolderTreeBreadcrumbsBase };
+export default injectIntl(ContentExplorerFolderTreeBreadcrumbs);
+//# sourceMappingURL=ContentExplorerFolderTreeBreadcrumbs.js.map

package/es/features/content-explorer/content-explorer/ContentExplorerFolderTreeBreadcrumbs.js.flow

@@ -0,0 +1,82 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { injectIntl, FormattedMessage } from 'react-intl';
+
+import Arrow16 from '../../../icon/fill/Arrow16';
+import Button from '../../../components/button';
+import DropdownMenu from '../../../components/dropdown-menu/DropdownMenu';
+import IconFolderTree from '../../../icons/general/IconFolderTree';
+import { Menu, MenuItem } from '../../../components/menu';
+
+import { FoldersPathPropType } from '../prop-types';
+import messages from '../messages';
+import {
+    FOLDER_TREE_ICON_HEIGHT,
+    FOLDER_TREE_ICON_WIDTH,
+    BREADCRUMB_ARROW_ICON_HEIGHT,
+    BREADCRUMB_ARROW_ICON_WIDTH,
+    BREADCRUMB_ARROW_ICON_VIEWBOX,
+} from './constants';
+
+const ContentExplorerFolderTreeBreadcrumbs = ({
+    foldersPath,
+    intl: { formatMessage, formatNumber },
+    isFolderTreeButtonHidden,
+    numTotalItems,
+    onBreadcrumbClick,
+}) => {
+    const currentFolderName = foldersPath[foldersPath.length - 1].name;
+    const foldersPathWithoutLast = foldersPath.slice(0, -1);
+    return (
+        <div className="bdl-ContentExplorerFolderTreeBreadcrumbs">
+            {!isFolderTreeButtonHidden && (
+                <DropdownMenu>
+                    <Button
+                        aria-label={formatMessage(messages.clickToViewPath)}
+                        className="bdl-ContentExplorerFolderTreeBreadcrumbs-button"
+                        title={formatMessage(messages.filePath)}
+                        type="button"
+                    >
+                        <IconFolderTree height={FOLDER_TREE_ICON_HEIGHT} width={FOLDER_TREE_ICON_WIDTH} />
+                    </Button>
+                    <Menu>
+                        {foldersPathWithoutLast.map((folder, i) => (
+                            <MenuItem
+                                data-testid="folder-tree-item"
+                                key={folder.id}
+                                onClick={event => onBreadcrumbClick(i, event)}
+                            >
+                                {folder.name}
+                            </MenuItem>
+                        ))}
+                    </Menu>
+                </DropdownMenu>
+            )}
+            {!isFolderTreeButtonHidden && (
+                <Arrow16
+                    className="bdl-ContentExplorerFolderTreeBreadcrumbs-icon"
+                    height={BREADCRUMB_ARROW_ICON_HEIGHT}
+                    width={BREADCRUMB_ARROW_ICON_WIDTH}
+                    viewBox={BREADCRUMB_ARROW_ICON_VIEWBOX}
+                />
+            )}
+            <span className="bdl-ContentExplorerFolderTreeBreadcrumbs-text" title={currentFolderName}>
+                <FormattedMessage
+                    {...messages.folderTreeBreadcrumbsText}
+                    values={{ folderName: currentFolderName, totalItems: formatNumber(numTotalItems) }}
+                />
+            </span>
+        </div>
+    );
+};
+
+ContentExplorerFolderTreeBreadcrumbs.propTypes = {
+    foldersPath: FoldersPathPropType.isRequired,
+    intl: PropTypes.any,
+    isFolderTreeButtonHidden: PropTypes.bool,
+    numTotalItems: PropTypes.number.isRequired,
+    onBreadcrumbClick: PropTypes.func,
+};
+
+export { ContentExplorerFolderTreeBreadcrumbs as ContentExplorerFolderTreeBreadcrumbsBase };
+export default injectIntl(ContentExplorerFolderTreeBreadcrumbs);

package/es/features/content-explorer/content-explorer/ContentExplorerFolderTreeBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerFolderTreeBreadcrumbs.js"],"names":["React","PropTypes","injectIntl","FormattedMessage","Arrow16","Button","DropdownMenu","IconFolderTree","Menu","MenuItem","FoldersPathPropType","messages","FOLDER_TREE_ICON_HEIGHT","FOLDER_TREE_ICON_WIDTH","BREADCRUMB_ARROW_ICON_HEIGHT","BREADCRUMB_ARROW_ICON_WIDTH","BREADCRUMB_ARROW_ICON_VIEWBOX","ContentExplorerFolderTreeBreadcrumbs","foldersPath","intl","formatMessage","formatNumber","isFolderTreeButtonHidden","numTotalItems","onBreadcrumbClick","currentFolderName","length","name","foldersPathWithoutLast","slice","clickToViewPath","filePath","map","folder","i","id","event","folderTreeBreadcrumbsText","folderName","totalItems","propTypes","isRequired","any","bool","number","func","ContentExplorerFolderTreeBreadcrumbsBase"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,EAAqBC,gBAArB,QAA6C,YAA7C;AAEA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,YAAP,MAAyB,gDAAzB;AACA,OAAOC,cAAP,MAA2B,uCAA3B;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,0BAA/B;AAEA,SAASC,mBAAT,QAAoC,eAApC;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,SACIC,uBADJ,EAEIC,sBAFJ,EAGIC,4BAHJ,EAIIC,2BAJJ,EAKIC,6BALJ,QAMO,aANP;;AAQA,IAAMC,oCAAoC,GAAG,SAAvCA,oCAAuC,OAMvC;AAAA,MALFC,WAKE,QALFA,WAKE;AAAA,uBAJFC,IAIE;AAAA,MAJMC,aAIN,aAJMA,aAIN;AAAA,MAJqBC,YAIrB,aAJqBA,YAIrB;AAAA,MAHFC,wBAGE,QAHFA,wBAGE;AAAA,MAFFC,aAEE,QAFFA,aAEE;AAAA,MADFC,iBACE,QADFA,iBACE;AACF,MAAMC,iBAAiB,GAAGP,WAAW,CAACA,WAAW,CAACQ,MAAZ,GAAqB,CAAtB,CAAX,CAAoCC,IAA9D;AACA,MAAMC,sBAAsB,GAAGV,WAAW,CAACW,KAAZ,CAAkB,CAAlB,EAAqB,CAAC,CAAtB,CAA/B;AACA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACK,CAACP,wBAAD,IACG,oBAAC,YAAD,QACI,oBAAC,MAAD;AACI,kBAAYF,aAAa,CAACT,QAAQ,CAACmB,eAAV,CAD7B;AAEI,IAAA,SAAS,EAAC,iDAFd;AAGI,IAAA,KAAK,EAAEV,aAAa,CAACT,QAAQ,CAACoB,QAAV,CAHxB;AAII,IAAA,IAAI,EAAC;AAJT,KAMI,oBAAC,cAAD;AAAgB,IAAA,MAAM,EAAEnB,uBAAxB;AAAiD,IAAA,KAAK,EAAEC;AAAxD,IANJ,CADJ,EASI,oBAAC,IAAD,QACKe,sBAAsB,CAACI,GAAvB,CAA2B,UAACC,MAAD,EAASC,CAAT;AAAA,WACxB,oBAAC,QAAD;AACI,qBAAY,kBADhB;AAEI,MAAA,GAAG,EAAED,MAAM,CAACE,EAFhB;AAGI,MAAA,OAAO,EAAE,iBAAAC,KAAK;AAAA,eAAIZ,iBAAiB,CAACU,CAAD,EAAIE,KAAJ,CAArB;AAAA;AAHlB,OAKKH,MAAM,CAACN,IALZ,CADwB;AAAA,GAA3B,CADL,CATJ,CAFR,EAwBK,CAACL,wBAAD,IACG,oBAAC,OAAD;AACI,IAAA,SAAS,EAAC,+CADd;AAEI,IAAA,MAAM,EAAER,4BAFZ;AAGI,IAAA,KAAK,EAAEC,2BAHX;AAII,IAAA,OAAO,EAAEC;AAJb,IAzBR,EAgCI;AAAM,IAAA,SAAS,EAAC,+CAAhB;AAAgE,IAAA,KAAK,EAAES;AAAvE,KACI,oBAAC,gBAAD,eACQd,QAAQ,CAAC0B,yBADjB;AAEI,IAAA,MAAM,EAAE;AAAEC,MAAAA,UAAU,EAAEb,iBAAd;AAAiCc,MAAAA,UAAU,EAAElB,YAAY,CAACE,aAAD;AAAzD;AAFZ,KADJ,CAhCJ,CADJ;AAyCH,CAlDD;;AAoDAN,oCAAoC,CAACuB,SAArC,GAAiD;AAC7CtB,EAAAA,WAAW,EAAER,mBAAmB,CAAC+B,UADY;AAE7CtB,EAAAA,IAAI,EAAElB,SAAS,CAACyC,GAF6B;AAG7CpB,EAAAA,wBAAwB,EAAErB,SAAS,CAAC0C,IAHS;AAI7CpB,EAAAA,aAAa,EAAEtB,SAAS,CAAC2C,MAAV,CAAiBH,UAJa;AAK7CjB,EAAAA,iBAAiB,EAAEvB,SAAS,CAAC4C;AALgB,CAAjD;AAQA,SAAS5B,oCAAoC,IAAI6B,wCAAjD;AACA,eAAe5C,UAAU,CAACe,oCAAD,CAAzB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\n\nimport Arrow16 from '../../../icon/fill/Arrow16';\nimport Button from '../../../components/button';\nimport DropdownMenu from '../../../components/dropdown-menu/DropdownMenu';\nimport IconFolderTree from '../../../icons/general/IconFolderTree';\nimport { Menu, MenuItem } from '../../../components/menu';\n\nimport { FoldersPathPropType } from '../prop-types';\nimport messages from '../messages';\nimport {\n    FOLDER_TREE_ICON_HEIGHT,\n    FOLDER_TREE_ICON_WIDTH,\n    BREADCRUMB_ARROW_ICON_HEIGHT,\n    BREADCRUMB_ARROW_ICON_WIDTH,\n    BREADCRUMB_ARROW_ICON_VIEWBOX,\n} from './constants';\n\nconst ContentExplorerFolderTreeBreadcrumbs = ({\n    foldersPath,\n    intl: { formatMessage, formatNumber },\n    isFolderTreeButtonHidden,\n    numTotalItems,\n    onBreadcrumbClick,\n}) => {\n    const currentFolderName = foldersPath[foldersPath.length - 1].name;\n    const foldersPathWithoutLast = foldersPath.slice(0, -1);\n    return (\n        <div className=\"bdl-ContentExplorerFolderTreeBreadcrumbs\">\n            {!isFolderTreeButtonHidden && (\n                <DropdownMenu>\n                    <Button\n                        aria-label={formatMessage(messages.clickToViewPath)}\n                        className=\"bdl-ContentExplorerFolderTreeBreadcrumbs-button\"\n                        title={formatMessage(messages.filePath)}\n                        type=\"button\"\n                    >\n                        <IconFolderTree height={FOLDER_TREE_ICON_HEIGHT} width={FOLDER_TREE_ICON_WIDTH} />\n                    </Button>\n                    <Menu>\n                        {foldersPathWithoutLast.map((folder, i) => (\n                            <MenuItem\n                                data-testid=\"folder-tree-item\"\n                                key={folder.id}\n                                onClick={event => onBreadcrumbClick(i, event)}\n                            >\n                                {folder.name}\n                            </MenuItem>\n                        ))}\n                    </Menu>\n                </DropdownMenu>\n            )}\n            {!isFolderTreeButtonHidden && (\n                <Arrow16\n                    className=\"bdl-ContentExplorerFolderTreeBreadcrumbs-icon\"\n                    height={BREADCRUMB_ARROW_ICON_HEIGHT}\n                    width={BREADCRUMB_ARROW_ICON_WIDTH}\n                    viewBox={BREADCRUMB_ARROW_ICON_VIEWBOX}\n                />\n            )}\n            <span className=\"bdl-ContentExplorerFolderTreeBreadcrumbs-text\" title={currentFolderName}>\n                <FormattedMessage\n                    {...messages.folderTreeBreadcrumbsText}\n                    values={{ folderName: currentFolderName, totalItems: formatNumber(numTotalItems) }}\n                />\n            </span>\n        </div>\n    );\n};\n\nContentExplorerFolderTreeBreadcrumbs.propTypes = {\n    foldersPath: FoldersPathPropType.isRequired,\n    intl: PropTypes.any,\n    isFolderTreeButtonHidden: PropTypes.bool,\n    numTotalItems: PropTypes.number.isRequired,\n    onBreadcrumbClick: PropTypes.func,\n};\n\nexport { ContentExplorerFolderTreeBreadcrumbs as ContentExplorerFolderTreeBreadcrumbsBase };\nexport default injectIntl(ContentExplorerFolderTreeBreadcrumbs);\n"],"file":"ContentExplorerFolderTreeBreadcrumbs.js"}

package/es/features/content-explorer/content-explorer/ContentExplorerHeaderActions.js

@@ -24,6 +24,7 @@ import { injectIntl } from 'react-intl';
 import ContentExplorerSearch from './ContentExplorerSearch';
 import ContentExplorerNewFolderButton from './ContentExplorerNewFolderButton';
 import ContentExplorerBreadcrumbs from './ContentExplorerBreadcrumbs';
+import ContentExplorerFolderTreeBreadcrumbs from './ContentExplorerFolderTreeBreadcrumbs';
 import { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType } from '../prop-types';
 import messages from '../messages';
 var SEARCH_RESULTS_FOLDER_ID = 'search_results_id';
@@ -176,9 +177,12 @@ function (_Component) {
           onCreateNewFolderButtonClick = _this$props4.onCreateNewFolderButtonClick,
           showCreateNewFolderButton = _this$props4.showCreateNewFolderButton,
           isCreateNewFolderAllowed = _this$props4.isCreateNewFolderAllowed,
+          hasFolderTreeBreadcrumbs = _this$props4.hasFolderTreeBreadcrumbs,
+          numTotalItems = _this$props4.numTotalItems,
           searchInputProps = _this$props4.searchInputProps;
       var searchInput = this.state.searchInput;
       var isInSearchMode = this.isInSearchMode();
+      var isBreadcrumbButtonDisabled = foldersPath.length <= 1 && !isInSearchMode;
       return React.createElement("div", {
         className: "content-explorer-header-actions"
       }, React.createElement("div", {
@@ -194,10 +198,15 @@ function (_Component) {
         onClick: onCreateNewFolderButtonClick,
         isDisabled: !isCreateNewFolderAllowed || isInSearchMode,
         isCreateNewFolderAllowed: isCreateNewFolderAllowed
-      }), children), React.createElement(ContentExplorerBreadcrumbs, {
+      }), children), hasFolderTreeBreadcrumbs ? React.createElement(ContentExplorerFolderTreeBreadcrumbs, {
+        foldersPath: foldersPath,
+        isFolderTreeButtonHidden: isBreadcrumbButtonDisabled || this.isViewingSearchResults(),
+        numTotalItems: numTotalItems,
+        onBreadcrumbClick: this.handleBreadcrumbClick
+      }) : React.createElement(ContentExplorerBreadcrumbs, {
         breadcrumbProps: breadcrumbProps,
         foldersPath: foldersPath,
-        isUpButtonDisabled: foldersPath.length <= 1 && !isInSearchMode,
+        isUpButtonDisabled: isBreadcrumbButtonDisabled,
         onUpButtonClick: this.handleBreadcrumbsUpButtonClick,
         onBreadcrumbClick: this.handleBreadcrumbClick
       }));
@@ -219,8 +228,10 @@ _defineProperty(ContentExplorerHeaderActions, "propTypes", {
   onCreateNewFolderButtonClick: PropTypes.func,
   showCreateNewFolderButton: PropTypes.bool,
   isCreateNewFolderAllowed: PropTypes.bool,
+  hasFolderTreeBreadcrumbs: PropTypes.bool,
   onSearchSubmit: PropTypes.func.isRequired,
   onExitSearch: PropTypes.func.isRequired,
+  numTotalItems: PropTypes.number,
   searchInputProps: PropTypes.object
 });
 

package/es/features/content-explorer/content-explorer/ContentExplorerHeaderActions.js.flow

@@ -5,6 +5,7 @@ import { injectIntl } from 'react-intl';
 import ContentExplorerSearch from './ContentExplorerSearch';
 import ContentExplorerNewFolderButton from './ContentExplorerNewFolderButton';
 import ContentExplorerBreadcrumbs from './ContentExplorerBreadcrumbs';
+import ContentExplorerFolderTreeBreadcrumbs from './ContentExplorerFolderTreeBreadcrumbs';
 
 import { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType } from '../prop-types';
 import messages from '../messages';
@@ -26,8 +27,10 @@ class ContentExplorerHeaderActions extends Component {
         onCreateNewFolderButtonClick: PropTypes.func,
         showCreateNewFolderButton: PropTypes.bool,
         isCreateNewFolderAllowed: PropTypes.bool,
+        hasFolderTreeBreadcrumbs: PropTypes.bool,
         onSearchSubmit: PropTypes.func.isRequired,
         onExitSearch: PropTypes.func.isRequired,
+        numTotalItems: PropTypes.number,
         searchInputProps: PropTypes.object,
     };
 
@@ -156,10 +159,13 @@ class ContentExplorerHeaderActions extends Component {
             onCreateNewFolderButtonClick,
             showCreateNewFolderButton,
             isCreateNewFolderAllowed,
+            hasFolderTreeBreadcrumbs,
+            numTotalItems,
             searchInputProps,
         } = this.props;
         const { searchInput } = this.state;
         const isInSearchMode = this.isInSearchMode();
+        const isBreadcrumbButtonDisabled = foldersPath.length <= 1 && !isInSearchMode;
 
         return (
             <div className="content-explorer-header-actions">
@@ -185,13 +191,22 @@ class ContentExplorerHeaderActions extends Component {
                     )}
                     {children}
                 </div>
-                <ContentExplorerBreadcrumbs
-                    breadcrumbProps={breadcrumbProps}
-                    foldersPath={foldersPath}
-                    isUpButtonDisabled={foldersPath.length <= 1 && !isInSearchMode}
-                    onUpButtonClick={this.handleBreadcrumbsUpButtonClick}
-                    onBreadcrumbClick={this.handleBreadcrumbClick}
-                />
+                {hasFolderTreeBreadcrumbs ? (
+                    <ContentExplorerFolderTreeBreadcrumbs
+                        foldersPath={foldersPath}
+                        isFolderTreeButtonHidden={isBreadcrumbButtonDisabled || this.isViewingSearchResults()}
+                        numTotalItems={numTotalItems}
+                        onBreadcrumbClick={this.handleBreadcrumbClick}
+                    />
+                ) : (
+                    <ContentExplorerBreadcrumbs
+                        breadcrumbProps={breadcrumbProps}
+                        foldersPath={foldersPath}
+                        isUpButtonDisabled={isBreadcrumbButtonDisabled}
+                        onUpButtonClick={this.handleBreadcrumbsUpButtonClick}
+                        onBreadcrumbClick={this.handleBreadcrumbClick}
+                    />
+                )}
             </div>
         );
     }