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

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

@@ -7,11 +7,13 @@ import ContentExplorerHeaderActions from './ContentExplorerHeaderActions';
 import ContentExplorerEmptyState from './ContentExplorerEmptyState';
 import ContentExplorerActionButtons from './ContentExplorerActionButtons';
 import ContentExplorerSelectAll from './ContentExplorerSelectAll';
+import ContentExplorerIncludeSubfolders from './ContentExplorerIncludeSubfolders';
 
 import ItemList from '../item-list';
 import { ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';
 import ContentExplorerModes from '../modes';
-import ItemTypes from '../item-types';
+
+import { TYPE_FOLDER } from '../../../constants';
 
 import './ContentExplorer.scss';
 
@@ -19,6 +21,13 @@ class ContentExplorer extends Component {
     static propTypes = {
         /** Props for the action buttons container */
         actionButtonsProps: PropTypes.object,
+        /**
+         * Extra columns displayed in the folders table after folder name column
+         * Each column has to be a Column element
+         */
+        additionalColumns: PropTypes.arrayOf(PropTypes.element),
+        /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */
+        isNoSelectionAllowed: PropTypes.bool,
         /** Props for breadcrumbs */
         breadcrumbProps: PropTypes.object,
         /** Props for the cancel button */
@@ -33,8 +42,12 @@ class ContentExplorer extends Component {
         contentExplorerMode: ContentExplorerModePropType.isRequired,
         /** Props that contains the custom search input. Is rendered in header actions */
         customInput: PropTypes.func,
+        /** Whether the user can see the breadcrumbs represented with the folder tree button */
+        hasFolderTreeBreadcrumbs: PropTypes.bool,
         /** Any extra items in the header to the right of the search input (and new folder button) */
         headerActionsAccessory: PropTypes.node,
+        /** Props for the include subfolders toggle */
+        includeSubfoldersProps: PropTypes.object,
         /** Initial path of folders. The last folder in the array is the current folder. */
         initialFoldersPath: FoldersPathPropType.isRequired,
         /** Initial items that will show up as selected */
@@ -48,6 +61,16 @@ class ContentExplorer extends Component {
          * @param {Array} newFoldersPath
          */
         onEnterFolder: PropTypes.func.isRequired,
+        /** Called when the folders path is updated
+         *
+         * @param {Array} newFoldersPath
+         */
+        onFoldersPathUpdate: PropTypes.func,
+        /** Called whenever the selected items list changes
+         *
+         * @param {Object} selectedItems
+         */
+        onSelectedItemsUpdate: PropTypes.func,
         /**
          * Called when an item is selected
          *
@@ -63,6 +86,8 @@ class ContentExplorer extends Component {
         onChooseItems: PropTypes.func,
         /** Called when selected button is clicked */
         onSelectedClick: PropTypes.func,
+        /** Called when the number of items selected text is clicked */
+        onViewSelectedClick: PropTypes.func,
         /**
          * Called when a destination folder has been selected for moving an item to
          *
@@ -117,8 +142,14 @@ class ContentExplorer extends Component {
         itemNameLinkRenderer: PropTypes.func,
         /** Used to render item buttons in the list. Overrides the default buttons. */
         itemButtonRenderer: PropTypes.func,
+        /** Height of an item row */
+        itemRowHeight: PropTypes.number,
         /** Used to render the row element for items on the list. Allows row customizations such as adding tooltips, etc. */
         itemRowRenderer: PropTypes.func,
+        /** Height of the item list header, defaults to 0, which makes header not visible */
+        listHeaderHeight: PropTypes.number,
+        /** Used to render the header row on the item list */
+        listHeaderRenderer: PropTypes.func,
         /** Width of the item list */
         listWidth: PropTypes.number.isRequired,
         /** Height of the item list */
@@ -153,9 +184,7 @@ class ContentExplorer extends Component {
         const { initialFoldersPath } = this.props;
 
         if (prevInitialFoldersPath !== initialFoldersPath) {
-            this.setState({
-                foldersPath: initialFoldersPath,
-            });
+            this.handleFoldersPathUpdated(initialFoldersPath);
         }
     }
 
@@ -215,13 +244,17 @@ class ContentExplorer extends Component {
     };
 
     deselectItems() {
+        const { onSelectedItemsUpdate } = this.props;
         this.setState({
             selectedItems: {},
         });
+        if (onSelectedItemsUpdate) {
+            onSelectedItemsUpdate({});
+        }
     }
 
     enterFolder = enteredFolder => {
-        const { contentExplorerMode, onEnterFolder } = this.props;
+        const { contentExplorerMode, onEnterFolder, onFoldersPathUpdate } = this.props;
         const { foldersPath } = this.state;
 
         const folderIndex = foldersPath.findIndex(folder => folder.id === enteredFolder.id);
@@ -245,14 +278,22 @@ class ContentExplorer extends Component {
         }
 
         this.setState(newState);
+        if (onFoldersPathUpdate) {
+            onFoldersPathUpdate(newFoldersPath);
+        }
 
         onEnterFolder(enteredFolder, newFoldersPath);
     };
 
     handleFoldersPathUpdated = newFoldersPath => {
+        const { onFoldersPathUpdate } = this.props;
+
         this.setState({
             foldersPath: newFoldersPath,
         });
+        if (onFoldersPathUpdate) {
+            onFoldersPathUpdate(newFoldersPath);
+        }
     };
 
     handleSearchSubmit = searchQuery => {
@@ -270,11 +311,11 @@ class ContentExplorer extends Component {
     };
 
     handleItemClick = ({ event, index }) => {
-        const { contentExplorerMode, items, onSelectItem } = this.props;
+        const { contentExplorerMode, items, onSelectItem, onSelectedItemsUpdate } = this.props;
         const { selectedItems } = this.state;
         const item = items[index];
 
-        if (item.isDisabled || item.isLoading) {
+        if (item.isDisabled || item.isLoading || item.isActionDisabled) {
             return;
         }
 
@@ -290,6 +331,10 @@ class ContentExplorer extends Component {
 
         this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: false });
 
+        if (onSelectedItemsUpdate) {
+            onSelectedItemsUpdate(newSelectedItems);
+        }
+
         if (onSelectItem) {
             onSelectItem(item, index);
         }
@@ -303,9 +348,9 @@ class ContentExplorer extends Component {
             return;
         }
 
-        if (item.type === ItemTypes.FOLDER) {
+        if (item.type === TYPE_FOLDER) {
             this.enterFolder(item);
-        } else {
+        } else if (!item.isActionDisabled) {
             onChooseItems([item]);
         }
         this.setState({ isSelectAllChecked: false });
@@ -319,7 +364,7 @@ class ContentExplorer extends Component {
             return;
         }
 
-        if (item.type !== ItemTypes.FOLDER) {
+        if (item.type !== TYPE_FOLDER) {
             return;
         }
 
@@ -369,14 +414,16 @@ class ContentExplorer extends Component {
     };
 
     handleSelectAllClick = async () => {
-        // check if the items list is still loading
-        const { items } = this.props;
+        const { items, onSelectedItemsUpdate } = this.props;
         if (items && items[0] && items[0].isLoading) {
             return;
         }
         const { isSelectAllChecked } = this.state;
         const newSelectedItems = isSelectAllChecked ? this.unselectAll() : this.selectAll();
         this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: !isSelectAllChecked });
+        if (onSelectedItemsUpdate) {
+            onSelectedItemsUpdate(newSelectedItems);
+        }
     };
 
     renderItemListEmptyState = () => {
@@ -389,6 +436,8 @@ class ContentExplorer extends Component {
     render() {
         const {
             actionButtonsProps,
+            additionalColumns,
+            isNoSelectionAllowed = false,
             breadcrumbProps,
             cancelButtonProps,
             chooseButtonProps,
@@ -396,6 +445,7 @@ class ContentExplorer extends Component {
             className,
             contentExplorerMode,
             customInput,
+            hasFolderTreeBreadcrumbs,
             headerActionsAccessory,
             onChooseItems,
             onMoveItem,
@@ -403,6 +453,7 @@ class ContentExplorer extends Component {
             onCancelButtonClick,
             onCreateNewFolderButtonClick,
             onSelectedClick,
+            onViewSelectedClick,
             showCreateNewFolderButton,
             isChooseButtonLoading,
             isCopyButtonLoading,
@@ -414,10 +465,14 @@ class ContentExplorer extends Component {
             numItemsPerPage,
             numTotalItems,
             onLoadMoreItems,
+            includeSubfoldersProps,
             itemIconRenderer,
             itemNameLinkRenderer,
             itemButtonRenderer,
+            itemRowHeight,
             itemRowRenderer,
+            listHeaderHeight,
+            listHeaderRenderer,
             listWidth,
             listHeight,
             searchInputProps,
@@ -432,7 +487,12 @@ class ContentExplorer extends Component {
             'onSelectItem',
             'onSearchSubmit',
             'onExitSearch',
+            'initialSelectedItems',
+            'onFoldersPathUpdate',
+            'onSelectedItemsUpdate',
         ]);
+        const canIncludeSubfolders = !!includeSubfoldersProps;
+        const hasSubheader = canIncludeSubfolders || isSelectAllAllowed;
 
         const selectedItemsIds = Object.keys(selectedItems);
         let areActionButtonsDisabled;
@@ -440,10 +500,10 @@ class ContentExplorer extends Component {
         // ContentExplorerActionButtons instead. There's a lot of implicit knowledge
         // of what the action buttons are and what they should be doing.
         if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {
-            // NOTE:o nly expecting to have 1 (choose) button so as long as something
+            // NOTE: only expecting to have 1 (choose) button so as long as something
             // is selected and that item's isActionDisabled is false, we enable the action button
             areActionButtonsDisabled =
-                selectedItemsIds.length === 0 ||
+                (selectedItemsIds.length === 0 && !isNoSelectionAllowed) ||
                 (selectedItemsIds.length === 1 && selectedItems[selectedItemsIds[0]].isActionDisabled);
         } else if (isViewingSearchResults || contentExplorerMode === ContentExplorerModes.SELECT_FILE) {
             // Buttons are only enabled when an item is selected
@@ -477,26 +537,37 @@ class ContentExplorer extends Component {
                     contentExplorerMode={contentExplorerMode}
                     customInput={customInput}
                     foldersPath={foldersPath}
+                    hasFolderTreeBreadcrumbs={hasFolderTreeBreadcrumbs}
                     isCreateNewFolderAllowed={isCreateNewFolderAllowed}
                     onCreateNewFolderButtonClick={onCreateNewFolderButtonClick}
                     onFoldersPathUpdated={this.handleFoldersPathUpdated}
                     onEnterFolder={this.enterFolder}
                     onExitSearch={this.handleExitSearch}
                     onSearchSubmit={this.handleSearchSubmit}
+                    numTotalItems={numTotalItems}
                     searchInputProps={searchInputProps}
                     showCreateNewFolderButton={showCreateNewFolderButton}
                 >
                     {headerActionsAccessory}
                 </ContentExplorerHeaderActions>
-                {isSelectAllAllowed && (
-                    <ContentExplorerSelectAll
-                        numTotalItems={numTotalItems}
-                        isSelectAllChecked={isSelectAllChecked}
-                        handleSelectAllClick={this.handleSelectAllClick}
-                    />
+                {hasSubheader && (
+                    <div className="bdl-ContentExplorer-subheader">
+                        {canIncludeSubfolders && <ContentExplorerIncludeSubfolders {...includeSubfoldersProps} />}
+                        {isSelectAllAllowed && (
+                            <ContentExplorerSelectAll
+                                handleSelectAllClick={this.handleSelectAllClick}
+                                isLabelHidden={canIncludeSubfolders}
+                                isSelectAllChecked={isSelectAllChecked}
+                                numTotalItems={numTotalItems}
+                            />
+                        )}
+                    </div>
                 )}
                 <ItemList
+                    additionalColumns={additionalColumns}
                     contentExplorerMode={contentExplorerMode}
+                    headerHeight={listHeaderHeight}
+                    headerRenderer={listHeaderRenderer}
                     height={listHeight}
                     isResponsive={isResponsive}
                     itemButtonRenderer={itemButtonRenderer}
@@ -511,6 +582,7 @@ class ContentExplorer extends Component {
                     onItemDoubleClick={this.handleItemDoubleClick}
                     onItemNameClick={this.handleItemNameClick}
                     onLoadMoreItems={onLoadMoreItems}
+                    rowHeight={itemRowHeight}
                     selectedItems={selectedItems}
                     width={listWidth}
                 />
@@ -518,6 +590,7 @@ class ContentExplorer extends Component {
                     actionButtonsProps={actionButtonsProps}
                     areButtonsDisabled={areActionButtonsDisabled}
                     cancelButtonProps={cancelButtonProps}
+                    canIncludeSubfolders={canIncludeSubfolders}
                     chooseButtonProps={chooseButtonProps}
                     chooseButtonText={chooseButtonText}
                     contentExplorerMode={contentExplorerMode}
@@ -526,12 +599,16 @@ class ContentExplorer extends Component {
                     isCopyButtonLoading={isCopyButtonLoading}
                     isMoveButtonLoading={isMoveButtonLoading}
                     isResponsive={isResponsive}
+                    isSelectAllAllowed={isSelectAllAllowed}
                     onCancelClick={onCancelButtonClick}
                     onChooseClick={onChooseItems}
                     onCopyClick={onCopyItem}
+                    onFoldersPathUpdated={this.handleFoldersPathUpdated}
                     onSelectedClick={onSelectedClick}
                     onMoveClick={onMoveItem}
+                    onViewSelectedClick={onViewSelectedClick}
                     selectedItems={selectedItems}
+                    isNoSelectionAllowed={isNoSelectionAllowed}
                 />
             </div>
         );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorer.js"],"names":["PropTypes","React","Component","classNames","omit","ContentExplorerHeaderActions","ContentExplorerEmptyState","ContentExplorerActionButtons","ContentExplorerSelectAll","ItemList","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModes","ItemTypes","ContentExplorer","props","node","className","limit","nodeOfInterest","counter","parentNode","includes","contentExplorerMode","MULTI_SELECT","event","isInside","domNode","contains","target","shouldDeselectItems","deselectItems","enteredFolder","onEnterFolder","foldersPath","state","folderIndex","findIndex","folder","id","newFoldersPath","slice","concat","newState","selectedItems","setState","searchQuery","onSearchSubmit","isInSearchMode","folderBeforeSearch","onExitSearch","index","items","onSelectItem","item","isDisabled","isLoading","stopPropagation","newSelectedItems","toggleSelectedItem","isSelectAllChecked","onChooseItems","type","FOLDER","enterFolder","preventDefault","result","forEach","unselectAll","selectAll","isViewingSearchResults","length","initialSelectedItems","initialFoldersPath","document","addEventListener","handleDocumentClick","prevInitialFoldersPath","removeEventListener","actionButtonsProps","breadcrumbProps","cancelButtonProps","chooseButtonProps","chooseButtonText","customInput","headerActionsAccessory","onMoveItem","onCopyItem","onCancelButtonClick","onCreateNewFolderButtonClick","onSelectedClick","showCreateNewFolderButton","isChooseButtonLoading","isCopyButtonLoading","isCreateNewFolderAllowed","isMoveButtonLoading","isResponsive","isSelectAllAllowed","numItemsPerPage","numTotalItems","onLoadMoreItems","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowRenderer","listWidth","listHeight","searchInputProps","rest","currentFolder","getCurrentFolder","contentExplorerProps","selectedItemsIds","Object","keys","areActionButtonsDisabled","isActionDisabled","SELECT_FILE","handleContentExplorerClick","ref","handleFoldersPathUpdated","handleExitSearch","handleSearchSubmit","handleSelectAllClick","renderItemListEmptyState","handleItemClick","handleItemDoubleClick","handleItemNameClick","object","string","isRequired","func","bool","number"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\n\nimport ContentExplorerHeaderActions from './ContentExplorerHeaderActions';\nimport ContentExplorerEmptyState from './ContentExplorerEmptyState';\nimport ContentExplorerActionButtons from './ContentExplorerActionButtons';\nimport ContentExplorerSelectAll from './ContentExplorerSelectAll';\n\nimport ItemList from '../item-list';\nimport { ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\nimport ItemTypes from '../item-types';\n\nimport './ContentExplorer.scss';\n\nclass ContentExplorer extends Component {\n    static propTypes = {\n        /** Props for the action buttons container */\n        actionButtonsProps: PropTypes.object,\n        /** Props for breadcrumbs */\n        breadcrumbProps: PropTypes.object,\n        /** Props for the cancel button */\n        cancelButtonProps: PropTypes.object,\n        /** Props for the choose button */\n        chooseButtonProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n        /** Adds class name. */\n        className: PropTypes.string,\n        /** Configures the content explorer based on the user's intended action (ex. select file or move/copy) */\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        /** Props that contains the custom search input. Is rendered in header actions */\n        customInput: PropTypes.func,\n        /** Any extra items in the header to the right of the search input (and new folder button) */\n        headerActionsAccessory: PropTypes.node,\n        /** Initial path of folders. The last folder in the array is the current folder. */\n        initialFoldersPath: FoldersPathPropType.isRequired,\n        /** Initial items that will show up as selected */\n        initialSelectedItems: PropTypes.object,\n        /** Whether to use the responsive version */\n        isResponsive: PropTypes.bool,\n        /**\n         * Called when the current folder changes\n         *\n         * @param {Object} enteredFolder\n         * @param {Array} newFoldersPath\n         */\n        onEnterFolder: PropTypes.func.isRequired,\n        /**\n         * Called when an item is selected\n         *\n         * @param {Object} selectedItem\n         * @param {number} selectedItemIndex\n         */\n        onSelectItem: PropTypes.func,\n        /**\n         * Called when an item is chosen\n         *\n         * @param {Object[]} chosenItems\n         */\n        onChooseItems: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for moving an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onMoveItem: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for copying an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onCopyItem: PropTypes.func,\n        /** Called when cancel button is clicked */\n        onCancelButtonClick: PropTypes.func,\n        /** Called when new folder button is clicked */\n        onCreateNewFolderButtonClick: PropTypes.func,\n        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Whether the choose button should be shown with a loading indicator */\n        isChooseButtonLoading: PropTypes.bool,\n        /** Whether the copy button should be shown with a loading indicator */\n        isCopyButtonLoading: PropTypes.bool,\n        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Whether the move button should be shown with a loading indicator */\n        isMoveButtonLoading: PropTypes.bool,\n        /**\n         * Called when a search query is submitted.\n         *\n         * @param {string} searchQuery\n         */\n        onSearchSubmit: PropTypes.func.isRequired,\n        /**\n         * Called when search mode is exited. An updated items list should now be passed in to display the user's file tree.\n         *\n         * @param {Object} folderBeforeSearch the previous folder object before entering search mode\n         */\n        onExitSearch: PropTypes.func.isRequired,\n        /** List of items to display */\n        items: ItemsPropType.isRequired,\n        /** Number of items to load per page as the user scrolls */\n        numItemsPerPage: PropTypes.number,\n        /** Total number of items across all pages */\n        numTotalItems: PropTypes.number,\n        /** Called to load more items */\n        onLoadMoreItems: PropTypes.func,\n        /** Used to render item icons in the list. Overrides the default icons. */\n        itemIconRenderer: PropTypes.func,\n        /** Used to render item name links in the list. Overrides the default links. */\n        itemNameLinkRenderer: PropTypes.func,\n        /** Used to render item buttons in the list. Overrides the default buttons. */\n        itemButtonRenderer: PropTypes.func,\n        /** Used to render the row element for items on the list. Allows row customizations such as adding tooltips, etc. */\n        itemRowRenderer: PropTypes.func,\n        /** Width of the item list */\n        listWidth: PropTypes.number.isRequired,\n        /** Height of the item list */\n        listHeight: PropTypes.number.isRequired,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        actionButtonsProps: {},\n        cancelButtonProps: {},\n        chooseButtonProps: {},\n        className: '',\n        searchInputProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            selectedItems: props.initialSelectedItems || {},\n            foldersPath: props.initialFoldersPath,\n            isInSearchMode: false,\n            isSelectAllChecked: false,\n        };\n    }\n\n    componentDidMount() {\n        document.addEventListener('click', this.handleDocumentClick, true);\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            this.setState({\n                foldersPath: initialFoldersPath,\n            });\n        }\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    getCurrentFolder() {\n        const { foldersPath } = this.state;\n        return foldersPath[foldersPath.length - 1];\n    }\n\n    /**\n     * Traverse the hirerachy up to the limit to see if any of the parent has the className\n     */\n    doAncestersContainClassname = (node, className, limit) => {\n        let nodeOfInterest = node;\n        let counter = 0;\n        while (nodeOfInterest.parentNode && counter < limit) {\n            // Done traversing (Document node does not have classnames)\n            if (!nodeOfInterest.parentNode.className) {\n                break;\n            }\n\n            if (nodeOfInterest.parentNode.className.includes(className)) {\n                return true;\n            }\n\n            nodeOfInterest = nodeOfInterest.parentNode;\n            counter += 1;\n        }\n\n        return false;\n    };\n\n    shouldDeselectItems = () => {\n        const { contentExplorerMode } = this.props;\n\n        return (\n            // always deselect when not in multi select mode\n            contentExplorerMode !== ContentExplorerModes.MULTI_SELECT\n        );\n    };\n\n    handleDocumentClick = event => {\n        const isInside = (this.domNode && this.domNode.contains(event.target)) || this.domNode === event.target;\n\n        if (!isInside && this.shouldDeselectItems()) {\n            this.deselectItems();\n        }\n    };\n\n    handleContentExplorerClick = () => {\n        if (this.shouldDeselectItems()) {\n            this.deselectItems();\n        }\n    };\n\n    deselectItems() {\n        this.setState({\n            selectedItems: {},\n        });\n    }\n\n    enterFolder = enteredFolder => {\n        const { contentExplorerMode, onEnterFolder } = this.props;\n        const { foldersPath } = this.state;\n\n        const folderIndex = foldersPath.findIndex(folder => folder.id === enteredFolder.id);\n        let newFoldersPath = foldersPath.slice();\n\n        if (folderIndex === -1) {\n            // Append folder to the path if it's not already in the folders path\n            newFoldersPath = newFoldersPath.concat([\n                {\n                    ...enteredFolder,\n                },\n            ]);\n        } else {\n            // Otherwise, remove all folders that came after the entered folder\n            newFoldersPath = newFoldersPath.slice(0, folderIndex + 1);\n        }\n\n        const newState = { foldersPath: newFoldersPath };\n        if (contentExplorerMode !== ContentExplorerModes.MULTI_SELECT) {\n            newState.selectedItems = {};\n        }\n\n        this.setState(newState);\n\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleFoldersPathUpdated = newFoldersPath => {\n        this.setState({\n            foldersPath: newFoldersPath,\n        });\n    };\n\n    handleSearchSubmit = searchQuery => {\n        const { onSearchSubmit } = this.props;\n\n        this.setState({ isInSearchMode: true });\n        onSearchSubmit(searchQuery);\n    };\n\n    handleExitSearch = folderBeforeSearch => {\n        const { onExitSearch } = this.props;\n\n        this.setState({ isInSearchMode: false });\n        onExitSearch(folderBeforeSearch);\n    };\n\n    handleItemClick = ({ event, index }) => {\n        const { contentExplorerMode, items, onSelectItem } = this.props;\n        const { selectedItems } = this.state;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading) {\n            return;\n        }\n\n        // Prevent the event from bubbling up (so our content explorer click handler doesn't fire)\n        event.stopPropagation();\n\n        let newSelectedItems = {};\n        if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n            newSelectedItems = this.toggleSelectedItem(selectedItems, item);\n        } else {\n            newSelectedItems[item.id] = item;\n        }\n\n        this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: false });\n\n        if (onSelectItem) {\n            onSelectItem(item, index);\n        }\n    };\n\n    handleItemDoubleClick = ({ index }) => {\n        const { items, onChooseItems } = this.props;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading) {\n            return;\n        }\n\n        if (item.type === ItemTypes.FOLDER) {\n            this.enterFolder(item);\n        } else {\n            onChooseItems([item]);\n        }\n        this.setState({ isSelectAllChecked: false });\n    };\n\n    handleItemNameClick = (event, index) => {\n        const { items } = this.props;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading) {\n            return;\n        }\n\n        if (item.type !== ItemTypes.FOLDER) {\n            return;\n        }\n\n        // Prevent the event from bubbling (so our row click handler doesn't fire)\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.enterFolder(item);\n        this.setState({ isSelectAllChecked: false });\n    };\n\n    toggleSelectedItem = (selectedItems, item) => {\n        const result = { ...selectedItems };\n        if (result[item.id]) {\n            delete result[item.id];\n        } else {\n            result[item.id] = item;\n        }\n\n        return result;\n    };\n\n    selectAll = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n        const result = { ...selectedItems };\n        items.forEach(item => {\n            if (!result[item.id]) {\n                result[item.id] = item;\n            }\n        });\n\n        return result;\n    };\n\n    unselectAll = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n        const result = { ...selectedItems };\n        items.forEach(item => {\n            if (result[item.id]) {\n                delete result[item.id];\n            }\n        });\n\n        return result;\n    };\n\n    handleSelectAllClick = async () => {\n        // check if the items list is still loading\n        const { items } = this.props;\n        if (items && items[0] && items[0].isLoading) {\n            return;\n        }\n        const { isSelectAllChecked } = this.state;\n        const newSelectedItems = isSelectAllChecked ? this.unselectAll() : this.selectAll();\n        this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: !isSelectAllChecked });\n    };\n\n    renderItemListEmptyState = () => {\n        const { foldersPath, isInSearchMode } = this.state;\n        const isViewingSearchResults = isInSearchMode && foldersPath.length === 1;\n\n        return <ContentExplorerEmptyState isSearch={isViewingSearchResults} />;\n    };\n\n    render() {\n        const {\n            actionButtonsProps,\n            breadcrumbProps,\n            cancelButtonProps,\n            chooseButtonProps,\n            chooseButtonText,\n            className,\n            contentExplorerMode,\n            customInput,\n            headerActionsAccessory,\n            onChooseItems,\n            onMoveItem,\n            onCopyItem,\n            onCancelButtonClick,\n            onCreateNewFolderButtonClick,\n            onSelectedClick,\n            showCreateNewFolderButton,\n            isChooseButtonLoading,\n            isCopyButtonLoading,\n            isCreateNewFolderAllowed,\n            isMoveButtonLoading,\n            isResponsive = false,\n            isSelectAllAllowed,\n            items,\n            numItemsPerPage,\n            numTotalItems,\n            onLoadMoreItems,\n            itemIconRenderer,\n            itemNameLinkRenderer,\n            itemButtonRenderer,\n            itemRowRenderer,\n            listWidth,\n            listHeight,\n            searchInputProps,\n            ...rest\n        } = this.props;\n        const { isInSearchMode, foldersPath, selectedItems, isSelectAllChecked } = this.state;\n        const isViewingSearchResults = isInSearchMode && foldersPath.length === 1;\n        const currentFolder = this.getCurrentFolder();\n        const contentExplorerProps = omit(rest, [\n            'initialFoldersPath',\n            'onEnterFolder',\n            'onSelectItem',\n            'onSearchSubmit',\n            'onExitSearch',\n        ]);\n\n        const selectedItemsIds = Object.keys(selectedItems);\n        let areActionButtonsDisabled;\n        // NOTE: it almost feels like this whole section should be inside the\n        // ContentExplorerActionButtons instead. There's a lot of implicit knowledge\n        // of what the action buttons are and what they should be doing.\n        if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n            // NOTE:o nly expecting to have 1 (choose) button so as long as something\n            // is selected and that item's isActionDisabled is false, we enable the action button\n            areActionButtonsDisabled =\n                selectedItemsIds.length === 0 ||\n                (selectedItemsIds.length === 1 && selectedItems[selectedItemsIds[0]].isActionDisabled);\n        } else if (isViewingSearchResults || contentExplorerMode === ContentExplorerModes.SELECT_FILE) {\n            // Buttons are only enabled when an item is selected\n            // When viewing search results, there is no \"current folder\"\n            // When selecting a file, the file can only selected from the list\n            areActionButtonsDisabled =\n                selectedItemsIds.length === 0 || selectedItems[selectedItemsIds[0]].isActionDisabled;\n        } else {\n            // Buttons are enabled using the selected item or the current folder if no item is selected\n            areActionButtonsDisabled =\n                selectedItemsIds.length > 0\n                    ? selectedItems[selectedItemsIds[0]].isActionDisabled\n                    : currentFolder.isActionDisabled;\n        }\n\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n            <div\n                className={classNames('content-explorer', className, {\n                    'bdl-ContentExplorer--responsive': isResponsive,\n                })}\n                data-testid=\"content-explorer\"\n                onClick={this.handleContentExplorerClick}\n                ref={ref => {\n                    this.domNode = ref;\n                }}\n                {...contentExplorerProps}\n            >\n                <ContentExplorerHeaderActions\n                    breadcrumbProps={breadcrumbProps}\n                    contentExplorerMode={contentExplorerMode}\n                    customInput={customInput}\n                    foldersPath={foldersPath}\n                    isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                    onCreateNewFolderButtonClick={onCreateNewFolderButtonClick}\n                    onFoldersPathUpdated={this.handleFoldersPathUpdated}\n                    onEnterFolder={this.enterFolder}\n                    onExitSearch={this.handleExitSearch}\n                    onSearchSubmit={this.handleSearchSubmit}\n                    searchInputProps={searchInputProps}\n                    showCreateNewFolderButton={showCreateNewFolderButton}\n                >\n                    {headerActionsAccessory}\n                </ContentExplorerHeaderActions>\n                {isSelectAllAllowed && (\n                    <ContentExplorerSelectAll\n                        numTotalItems={numTotalItems}\n                        isSelectAllChecked={isSelectAllChecked}\n                        handleSelectAllClick={this.handleSelectAllClick}\n                    />\n                )}\n                <ItemList\n                    contentExplorerMode={contentExplorerMode}\n                    height={listHeight}\n                    isResponsive={isResponsive}\n                    itemButtonRenderer={itemButtonRenderer}\n                    itemIconRenderer={itemIconRenderer}\n                    itemNameLinkRenderer={itemNameLinkRenderer}\n                    items={items}\n                    itemRowRenderer={itemRowRenderer}\n                    noItemsRenderer={this.renderItemListEmptyState}\n                    numItemsPerPage={numItemsPerPage}\n                    numTotalItems={numTotalItems}\n                    onItemClick={this.handleItemClick}\n                    onItemDoubleClick={this.handleItemDoubleClick}\n                    onItemNameClick={this.handleItemNameClick}\n                    onLoadMoreItems={onLoadMoreItems}\n                    selectedItems={selectedItems}\n                    width={listWidth}\n                />\n                <ContentExplorerActionButtons\n                    actionButtonsProps={actionButtonsProps}\n                    areButtonsDisabled={areActionButtonsDisabled}\n                    cancelButtonProps={cancelButtonProps}\n                    chooseButtonProps={chooseButtonProps}\n                    chooseButtonText={chooseButtonText}\n                    contentExplorerMode={contentExplorerMode}\n                    currentFolder={currentFolder}\n                    isChooseButtonLoading={isChooseButtonLoading}\n                    isCopyButtonLoading={isCopyButtonLoading}\n                    isMoveButtonLoading={isMoveButtonLoading}\n                    isResponsive={isResponsive}\n                    onCancelClick={onCancelButtonClick}\n                    onChooseClick={onChooseItems}\n                    onCopyClick={onCopyItem}\n                    onSelectedClick={onSelectedClick}\n                    onMoveClick={onMoveItem}\n                    selectedItems={selectedItems}\n                />\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorer;\n"],"file":"ContentExplorer.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorer.js"],"names":["PropTypes","React","Component","classNames","omit","ContentExplorerHeaderActions","ContentExplorerEmptyState","ContentExplorerActionButtons","ContentExplorerSelectAll","ContentExplorerIncludeSubfolders","ItemList","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModes","TYPE_FOLDER","ContentExplorer","props","node","className","limit","nodeOfInterest","counter","parentNode","includes","contentExplorerMode","MULTI_SELECT","event","isInside","domNode","contains","target","shouldDeselectItems","deselectItems","enteredFolder","onEnterFolder","onFoldersPathUpdate","foldersPath","state","folderIndex","findIndex","folder","id","newFoldersPath","slice","concat","newState","selectedItems","setState","searchQuery","onSearchSubmit","isInSearchMode","folderBeforeSearch","onExitSearch","index","items","onSelectItem","onSelectedItemsUpdate","item","isDisabled","isLoading","isActionDisabled","stopPropagation","newSelectedItems","toggleSelectedItem","isSelectAllChecked","onChooseItems","type","enterFolder","preventDefault","result","forEach","unselectAll","selectAll","isViewingSearchResults","length","initialSelectedItems","initialFoldersPath","document","addEventListener","handleDocumentClick","prevInitialFoldersPath","handleFoldersPathUpdated","removeEventListener","actionButtonsProps","additionalColumns","isNoSelectionAllowed","breadcrumbProps","cancelButtonProps","chooseButtonProps","chooseButtonText","customInput","hasFolderTreeBreadcrumbs","headerActionsAccessory","onMoveItem","onCopyItem","onCancelButtonClick","onCreateNewFolderButtonClick","onSelectedClick","onViewSelectedClick","showCreateNewFolderButton","isChooseButtonLoading","isCopyButtonLoading","isCreateNewFolderAllowed","isMoveButtonLoading","isResponsive","isSelectAllAllowed","numItemsPerPage","numTotalItems","onLoadMoreItems","includeSubfoldersProps","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowHeight","itemRowRenderer","listHeaderHeight","listHeaderRenderer","listWidth","listHeight","searchInputProps","rest","currentFolder","getCurrentFolder","contentExplorerProps","canIncludeSubfolders","hasSubheader","selectedItemsIds","Object","keys","areActionButtonsDisabled","SELECT_FILE","handleContentExplorerClick","ref","handleExitSearch","handleSearchSubmit","handleSelectAllClick","renderItemListEmptyState","handleItemClick","handleItemDoubleClick","handleItemNameClick","object","arrayOf","element","bool","string","isRequired","func","number"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\n\nimport ContentExplorerHeaderActions from './ContentExplorerHeaderActions';\nimport ContentExplorerEmptyState from './ContentExplorerEmptyState';\nimport ContentExplorerActionButtons from './ContentExplorerActionButtons';\nimport ContentExplorerSelectAll from './ContentExplorerSelectAll';\nimport ContentExplorerIncludeSubfolders from './ContentExplorerIncludeSubfolders';\n\nimport ItemList from '../item-list';\nimport { ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\n\nimport { TYPE_FOLDER } from '../../../constants';\n\nimport './ContentExplorer.scss';\n\nclass ContentExplorer extends Component {\n    static propTypes = {\n        /** Props for the action buttons container */\n        actionButtonsProps: PropTypes.object,\n        /**\n         * Extra columns displayed in the folders table after folder name column\n         * Each column has to be a Column element\n         */\n        additionalColumns: PropTypes.arrayOf(PropTypes.element),\n        /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */\n        isNoSelectionAllowed: PropTypes.bool,\n        /** Props for breadcrumbs */\n        breadcrumbProps: PropTypes.object,\n        /** Props for the cancel button */\n        cancelButtonProps: PropTypes.object,\n        /** Props for the choose button */\n        chooseButtonProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n        /** Adds class name. */\n        className: PropTypes.string,\n        /** Configures the content explorer based on the user's intended action (ex. select file or move/copy) */\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        /** Props that contains the custom search input. Is rendered in header actions */\n        customInput: PropTypes.func,\n        /** Whether the user can see the breadcrumbs represented with the folder tree button */\n        hasFolderTreeBreadcrumbs: PropTypes.bool,\n        /** Any extra items in the header to the right of the search input (and new folder button) */\n        headerActionsAccessory: PropTypes.node,\n        /** Props for the include subfolders toggle */\n        includeSubfoldersProps: PropTypes.object,\n        /** Initial path of folders. The last folder in the array is the current folder. */\n        initialFoldersPath: FoldersPathPropType.isRequired,\n        /** Initial items that will show up as selected */\n        initialSelectedItems: PropTypes.object,\n        /** Whether to use the responsive version */\n        isResponsive: PropTypes.bool,\n        /**\n         * Called when the current folder changes\n         *\n         * @param {Object} enteredFolder\n         * @param {Array} newFoldersPath\n         */\n        onEnterFolder: PropTypes.func.isRequired,\n        /** Called when the folders path is updated\n         *\n         * @param {Array} newFoldersPath\n         */\n        onFoldersPathUpdate: PropTypes.func,\n        /** Called whenever the selected items list changes\n         *\n         * @param {Object} selectedItems\n         */\n        onSelectedItemsUpdate: PropTypes.func,\n        /**\n         * Called when an item is selected\n         *\n         * @param {Object} selectedItem\n         * @param {number} selectedItemIndex\n         */\n        onSelectItem: PropTypes.func,\n        /**\n         * Called when an item is chosen\n         *\n         * @param {Object[]} chosenItems\n         */\n        onChooseItems: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: PropTypes.func,\n        /** Called when the number of items selected text is clicked */\n        onViewSelectedClick: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for moving an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onMoveItem: PropTypes.func,\n        /**\n         * Called when a destination folder has been selected for copying an item to\n         *\n         * @param {Object} destFolder destination folder\n         */\n        onCopyItem: PropTypes.func,\n        /** Called when cancel button is clicked */\n        onCancelButtonClick: PropTypes.func,\n        /** Called when new folder button is clicked */\n        onCreateNewFolderButtonClick: PropTypes.func,\n        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Whether the choose button should be shown with a loading indicator */\n        isChooseButtonLoading: PropTypes.bool,\n        /** Whether the copy button should be shown with a loading indicator */\n        isCopyButtonLoading: PropTypes.bool,\n        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Whether the move button should be shown with a loading indicator */\n        isMoveButtonLoading: PropTypes.bool,\n        /**\n         * Called when a search query is submitted.\n         *\n         * @param {string} searchQuery\n         */\n        onSearchSubmit: PropTypes.func.isRequired,\n        /**\n         * Called when search mode is exited. An updated items list should now be passed in to display the user's file tree.\n         *\n         * @param {Object} folderBeforeSearch the previous folder object before entering search mode\n         */\n        onExitSearch: PropTypes.func.isRequired,\n        /** List of items to display */\n        items: ItemsPropType.isRequired,\n        /** Number of items to load per page as the user scrolls */\n        numItemsPerPage: PropTypes.number,\n        /** Total number of items across all pages */\n        numTotalItems: PropTypes.number,\n        /** Called to load more items */\n        onLoadMoreItems: PropTypes.func,\n        /** Used to render item icons in the list. Overrides the default icons. */\n        itemIconRenderer: PropTypes.func,\n        /** Used to render item name links in the list. Overrides the default links. */\n        itemNameLinkRenderer: PropTypes.func,\n        /** Used to render item buttons in the list. Overrides the default buttons. */\n        itemButtonRenderer: PropTypes.func,\n        /** Height of an item row */\n        itemRowHeight: PropTypes.number,\n        /** Used to render the row element for items on the list. Allows row customizations such as adding tooltips, etc. */\n        itemRowRenderer: PropTypes.func,\n        /** Height of the item list header, defaults to 0, which makes header not visible */\n        listHeaderHeight: PropTypes.number,\n        /** Used to render the header row on the item list */\n        listHeaderRenderer: PropTypes.func,\n        /** Width of the item list */\n        listWidth: PropTypes.number.isRequired,\n        /** Height of the item list */\n        listHeight: PropTypes.number.isRequired,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        actionButtonsProps: {},\n        cancelButtonProps: {},\n        chooseButtonProps: {},\n        className: '',\n        searchInputProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            selectedItems: props.initialSelectedItems || {},\n            foldersPath: props.initialFoldersPath,\n            isInSearchMode: false,\n            isSelectAllChecked: false,\n        };\n    }\n\n    componentDidMount() {\n        document.addEventListener('click', this.handleDocumentClick, true);\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            this.handleFoldersPathUpdated(initialFoldersPath);\n        }\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    getCurrentFolder() {\n        const { foldersPath } = this.state;\n        return foldersPath[foldersPath.length - 1];\n    }\n\n    /**\n     * Traverse the hirerachy up to the limit to see if any of the parent has the className\n     */\n    doAncestersContainClassname = (node, className, limit) => {\n        let nodeOfInterest = node;\n        let counter = 0;\n        while (nodeOfInterest.parentNode && counter < limit) {\n            // Done traversing (Document node does not have classnames)\n            if (!nodeOfInterest.parentNode.className) {\n                break;\n            }\n\n            if (nodeOfInterest.parentNode.className.includes(className)) {\n                return true;\n            }\n\n            nodeOfInterest = nodeOfInterest.parentNode;\n            counter += 1;\n        }\n\n        return false;\n    };\n\n    shouldDeselectItems = () => {\n        const { contentExplorerMode } = this.props;\n\n        return (\n            // always deselect when not in multi select mode\n            contentExplorerMode !== ContentExplorerModes.MULTI_SELECT\n        );\n    };\n\n    handleDocumentClick = event => {\n        const isInside = (this.domNode && this.domNode.contains(event.target)) || this.domNode === event.target;\n\n        if (!isInside && this.shouldDeselectItems()) {\n            this.deselectItems();\n        }\n    };\n\n    handleContentExplorerClick = () => {\n        if (this.shouldDeselectItems()) {\n            this.deselectItems();\n        }\n    };\n\n    deselectItems() {\n        const { onSelectedItemsUpdate } = this.props;\n        this.setState({\n            selectedItems: {},\n        });\n        if (onSelectedItemsUpdate) {\n            onSelectedItemsUpdate({});\n        }\n    }\n\n    enterFolder = enteredFolder => {\n        const { contentExplorerMode, onEnterFolder, onFoldersPathUpdate } = this.props;\n        const { foldersPath } = this.state;\n\n        const folderIndex = foldersPath.findIndex(folder => folder.id === enteredFolder.id);\n        let newFoldersPath = foldersPath.slice();\n\n        if (folderIndex === -1) {\n            // Append folder to the path if it's not already in the folders path\n            newFoldersPath = newFoldersPath.concat([\n                {\n                    ...enteredFolder,\n                },\n            ]);\n        } else {\n            // Otherwise, remove all folders that came after the entered folder\n            newFoldersPath = newFoldersPath.slice(0, folderIndex + 1);\n        }\n\n        const newState = { foldersPath: newFoldersPath };\n        if (contentExplorerMode !== ContentExplorerModes.MULTI_SELECT) {\n            newState.selectedItems = {};\n        }\n\n        this.setState(newState);\n        if (onFoldersPathUpdate) {\n            onFoldersPathUpdate(newFoldersPath);\n        }\n\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleFoldersPathUpdated = newFoldersPath => {\n        const { onFoldersPathUpdate } = this.props;\n\n        this.setState({\n            foldersPath: newFoldersPath,\n        });\n        if (onFoldersPathUpdate) {\n            onFoldersPathUpdate(newFoldersPath);\n        }\n    };\n\n    handleSearchSubmit = searchQuery => {\n        const { onSearchSubmit } = this.props;\n\n        this.setState({ isInSearchMode: true });\n        onSearchSubmit(searchQuery);\n    };\n\n    handleExitSearch = folderBeforeSearch => {\n        const { onExitSearch } = this.props;\n\n        this.setState({ isInSearchMode: false });\n        onExitSearch(folderBeforeSearch);\n    };\n\n    handleItemClick = ({ event, index }) => {\n        const { contentExplorerMode, items, onSelectItem, onSelectedItemsUpdate } = this.props;\n        const { selectedItems } = this.state;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading || item.isActionDisabled) {\n            return;\n        }\n\n        // Prevent the event from bubbling up (so our content explorer click handler doesn't fire)\n        event.stopPropagation();\n\n        let newSelectedItems = {};\n        if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n            newSelectedItems = this.toggleSelectedItem(selectedItems, item);\n        } else {\n            newSelectedItems[item.id] = item;\n        }\n\n        this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: false });\n\n        if (onSelectedItemsUpdate) {\n            onSelectedItemsUpdate(newSelectedItems);\n        }\n\n        if (onSelectItem) {\n            onSelectItem(item, index);\n        }\n    };\n\n    handleItemDoubleClick = ({ index }) => {\n        const { items, onChooseItems } = this.props;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading) {\n            return;\n        }\n\n        if (item.type === TYPE_FOLDER) {\n            this.enterFolder(item);\n        } else if (!item.isActionDisabled) {\n            onChooseItems([item]);\n        }\n        this.setState({ isSelectAllChecked: false });\n    };\n\n    handleItemNameClick = (event, index) => {\n        const { items } = this.props;\n        const item = items[index];\n\n        if (item.isDisabled || item.isLoading) {\n            return;\n        }\n\n        if (item.type !== TYPE_FOLDER) {\n            return;\n        }\n\n        // Prevent the event from bubbling (so our row click handler doesn't fire)\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.enterFolder(item);\n        this.setState({ isSelectAllChecked: false });\n    };\n\n    toggleSelectedItem = (selectedItems, item) => {\n        const result = { ...selectedItems };\n        if (result[item.id]) {\n            delete result[item.id];\n        } else {\n            result[item.id] = item;\n        }\n\n        return result;\n    };\n\n    selectAll = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n        const result = { ...selectedItems };\n        items.forEach(item => {\n            if (!result[item.id]) {\n                result[item.id] = item;\n            }\n        });\n\n        return result;\n    };\n\n    unselectAll = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n        const result = { ...selectedItems };\n        items.forEach(item => {\n            if (result[item.id]) {\n                delete result[item.id];\n            }\n        });\n\n        return result;\n    };\n\n    handleSelectAllClick = async () => {\n        const { items, onSelectedItemsUpdate } = this.props;\n        if (items && items[0] && items[0].isLoading) {\n            return;\n        }\n        const { isSelectAllChecked } = this.state;\n        const newSelectedItems = isSelectAllChecked ? this.unselectAll() : this.selectAll();\n        this.setState({ selectedItems: newSelectedItems, isSelectAllChecked: !isSelectAllChecked });\n        if (onSelectedItemsUpdate) {\n            onSelectedItemsUpdate(newSelectedItems);\n        }\n    };\n\n    renderItemListEmptyState = () => {\n        const { foldersPath, isInSearchMode } = this.state;\n        const isViewingSearchResults = isInSearchMode && foldersPath.length === 1;\n\n        return <ContentExplorerEmptyState isSearch={isViewingSearchResults} />;\n    };\n\n    render() {\n        const {\n            actionButtonsProps,\n            additionalColumns,\n            isNoSelectionAllowed = false,\n            breadcrumbProps,\n            cancelButtonProps,\n            chooseButtonProps,\n            chooseButtonText,\n            className,\n            contentExplorerMode,\n            customInput,\n            hasFolderTreeBreadcrumbs,\n            headerActionsAccessory,\n            onChooseItems,\n            onMoveItem,\n            onCopyItem,\n            onCancelButtonClick,\n            onCreateNewFolderButtonClick,\n            onSelectedClick,\n            onViewSelectedClick,\n            showCreateNewFolderButton,\n            isChooseButtonLoading,\n            isCopyButtonLoading,\n            isCreateNewFolderAllowed,\n            isMoveButtonLoading,\n            isResponsive = false,\n            isSelectAllAllowed,\n            items,\n            numItemsPerPage,\n            numTotalItems,\n            onLoadMoreItems,\n            includeSubfoldersProps,\n            itemIconRenderer,\n            itemNameLinkRenderer,\n            itemButtonRenderer,\n            itemRowHeight,\n            itemRowRenderer,\n            listHeaderHeight,\n            listHeaderRenderer,\n            listWidth,\n            listHeight,\n            searchInputProps,\n            ...rest\n        } = this.props;\n        const { isInSearchMode, foldersPath, selectedItems, isSelectAllChecked } = this.state;\n        const isViewingSearchResults = isInSearchMode && foldersPath.length === 1;\n        const currentFolder = this.getCurrentFolder();\n        const contentExplorerProps = omit(rest, [\n            'initialFoldersPath',\n            'onEnterFolder',\n            'onSelectItem',\n            'onSearchSubmit',\n            'onExitSearch',\n            'initialSelectedItems',\n            'onFoldersPathUpdate',\n            'onSelectedItemsUpdate',\n        ]);\n        const canIncludeSubfolders = !!includeSubfoldersProps;\n        const hasSubheader = canIncludeSubfolders || isSelectAllAllowed;\n\n        const selectedItemsIds = Object.keys(selectedItems);\n        let areActionButtonsDisabled;\n        // NOTE: it almost feels like this whole section should be inside the\n        // ContentExplorerActionButtons instead. There's a lot of implicit knowledge\n        // of what the action buttons are and what they should be doing.\n        if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n            // NOTE: only expecting to have 1 (choose) button so as long as something\n            // is selected and that item's isActionDisabled is false, we enable the action button\n            areActionButtonsDisabled =\n                (selectedItemsIds.length === 0 && !isNoSelectionAllowed) ||\n                (selectedItemsIds.length === 1 && selectedItems[selectedItemsIds[0]].isActionDisabled);\n        } else if (isViewingSearchResults || contentExplorerMode === ContentExplorerModes.SELECT_FILE) {\n            // Buttons are only enabled when an item is selected\n            // When viewing search results, there is no \"current folder\"\n            // When selecting a file, the file can only selected from the list\n            areActionButtonsDisabled =\n                selectedItemsIds.length === 0 || selectedItems[selectedItemsIds[0]].isActionDisabled;\n        } else {\n            // Buttons are enabled using the selected item or the current folder if no item is selected\n            areActionButtonsDisabled =\n                selectedItemsIds.length > 0\n                    ? selectedItems[selectedItemsIds[0]].isActionDisabled\n                    : currentFolder.isActionDisabled;\n        }\n\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n            <div\n                className={classNames('content-explorer', className, {\n                    'bdl-ContentExplorer--responsive': isResponsive,\n                })}\n                data-testid=\"content-explorer\"\n                onClick={this.handleContentExplorerClick}\n                ref={ref => {\n                    this.domNode = ref;\n                }}\n                {...contentExplorerProps}\n            >\n                <ContentExplorerHeaderActions\n                    breadcrumbProps={breadcrumbProps}\n                    contentExplorerMode={contentExplorerMode}\n                    customInput={customInput}\n                    foldersPath={foldersPath}\n                    hasFolderTreeBreadcrumbs={hasFolderTreeBreadcrumbs}\n                    isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                    onCreateNewFolderButtonClick={onCreateNewFolderButtonClick}\n                    onFoldersPathUpdated={this.handleFoldersPathUpdated}\n                    onEnterFolder={this.enterFolder}\n                    onExitSearch={this.handleExitSearch}\n                    onSearchSubmit={this.handleSearchSubmit}\n                    numTotalItems={numTotalItems}\n                    searchInputProps={searchInputProps}\n                    showCreateNewFolderButton={showCreateNewFolderButton}\n                >\n                    {headerActionsAccessory}\n                </ContentExplorerHeaderActions>\n                {hasSubheader && (\n                    <div className=\"bdl-ContentExplorer-subheader\">\n                        {canIncludeSubfolders && <ContentExplorerIncludeSubfolders {...includeSubfoldersProps} />}\n                        {isSelectAllAllowed && (\n                            <ContentExplorerSelectAll\n                                handleSelectAllClick={this.handleSelectAllClick}\n                                isLabelHidden={canIncludeSubfolders}\n                                isSelectAllChecked={isSelectAllChecked}\n                                numTotalItems={numTotalItems}\n                            />\n                        )}\n                    </div>\n                )}\n                <ItemList\n                    additionalColumns={additionalColumns}\n                    contentExplorerMode={contentExplorerMode}\n                    headerHeight={listHeaderHeight}\n                    headerRenderer={listHeaderRenderer}\n                    height={listHeight}\n                    isResponsive={isResponsive}\n                    itemButtonRenderer={itemButtonRenderer}\n                    itemIconRenderer={itemIconRenderer}\n                    itemNameLinkRenderer={itemNameLinkRenderer}\n                    items={items}\n                    itemRowRenderer={itemRowRenderer}\n                    noItemsRenderer={this.renderItemListEmptyState}\n                    numItemsPerPage={numItemsPerPage}\n                    numTotalItems={numTotalItems}\n                    onItemClick={this.handleItemClick}\n                    onItemDoubleClick={this.handleItemDoubleClick}\n                    onItemNameClick={this.handleItemNameClick}\n                    onLoadMoreItems={onLoadMoreItems}\n                    rowHeight={itemRowHeight}\n                    selectedItems={selectedItems}\n                    width={listWidth}\n                />\n                <ContentExplorerActionButtons\n                    actionButtonsProps={actionButtonsProps}\n                    areButtonsDisabled={areActionButtonsDisabled}\n                    cancelButtonProps={cancelButtonProps}\n                    canIncludeSubfolders={canIncludeSubfolders}\n                    chooseButtonProps={chooseButtonProps}\n                    chooseButtonText={chooseButtonText}\n                    contentExplorerMode={contentExplorerMode}\n                    currentFolder={currentFolder}\n                    isChooseButtonLoading={isChooseButtonLoading}\n                    isCopyButtonLoading={isCopyButtonLoading}\n                    isMoveButtonLoading={isMoveButtonLoading}\n                    isResponsive={isResponsive}\n                    isSelectAllAllowed={isSelectAllAllowed}\n                    onCancelClick={onCancelButtonClick}\n                    onChooseClick={onChooseItems}\n                    onCopyClick={onCopyItem}\n                    onFoldersPathUpdated={this.handleFoldersPathUpdated}\n                    onSelectedClick={onSelectedClick}\n                    onMoveClick={onMoveItem}\n                    onViewSelectedClick={onViewSelectedClick}\n                    selectedItems={selectedItems}\n                    isNoSelectionAllowed={isNoSelectionAllowed}\n                />\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorer;\n"],"file":"ContentExplorer.js"}

package/es/features/content-explorer/content-explorer/ContentExplorer.scss

@@ -1,5 +1,4 @@
 @import '../../../styles/variables';
-@import '../../../styles/mixins/buttons';
 
 .content-explorer {
     .content-explorer-search-new-folder-container {
@@ -52,22 +51,73 @@
         }
     }
 
+    .bdl-ContentExplorerFolderTreeBreadcrumbs {
+        display: flex;
+        align-items: center;
+        height: 30px;
+        margin-top: 15px;
+        margin-bottom: 5px;
+
+        .bdl-ContentExplorerFolderTreeBreadcrumbs-button {
+            margin: 0 10px 0 0;
+            padding: 5px;
+        }
+
+        .bdl-ContentExplorerFolderTreeBreadcrumbs-icon {
+            margin-right: 10px;
+        }
+
+        .bdl-ContentExplorerFolderTreeBreadcrumbs-text {
+            color: $bdl-gray;
+        }
+    }
+
+    .bdl-ContentExplorer-subheader {
+        display: flex;
+        align-items: center;
+        height: 10 * $bdl-grid-unit;
+
+        .checkbox-container,
+        .toggle-container {
+            margin: 0;
+        }
+
+        .toggle-simple-label {
+            display: flex;
+            align-items: center;
+            min-width: auto;
+        }
+
+        .content-explorer-select-all-checkbox {
+            margin-right: 18px;
+
+            &:first-child {
+                margin-left: auto;
+            }
+        }
+    }
+
     .content-explorer-select-all-container {
-        display: block;
-        height: 8 * $bdl-grid-unit;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        height: 10 * $bdl-grid-unit;
 
         .content-explorer-select-all-items-counter {
             margin-left: 2px;
         }
 
         .content-explorer-select-all-checkbox-label {
-            float: right;
-            margin-right: 42px;
+            margin-right: 10px;
+            margin-left: auto;
         }
+    }
 
-        .content-explorer-select-all-checkbox {
-            float: right;
-            margin-right: -21 * $bdl-grid-unit;
+    .bdl-ContentExplorerIncludeSubfolders-icon {
+        margin-left: 4px;
+
+        path {
+            fill: $bdl-box-blue;
         }
     }
 
@@ -97,6 +147,15 @@
             margin-top: 5px;
         }
 
+        .status-message-link {
+            position: absolute;
+            left: 0;
+            margin-top: 5px;
+            color: $bdl-box-blue;
+            font-size: $bdl-fontSize--dejaBlue;
+            line-height: $bdl-line-height;
+        }
+
         .content-explorer-copy-button {
             margin-right: 0;
         }