box-ui-elements 22.1.0-beta.61 → 22.1.0-beta.63

package/devin_lifeguard.yaml

@@ -0,0 +1,54 @@
+rules:
+  - name: localize-messages
+    trigger: >-
+      when adding user-facing text or aria-label attributes, ensure the
+      strings are localized
+
+      for example: aria-label="Expand" should instead use formatMessage(...)
+    solution: >-
+      wrap any user-visible string in formatMessage from useIntl so that it can
+      be properly localized
+
+      e.g. aria-label={formatMessage(messages.someLabel)}
+  - name: use-intl-hook
+    trigger: >-
+      when a component imports or uses injectIntl from 'react-intl' instead of
+      using useIntl
+    solution: >-
+      remove injectIntl usage and refactor the component to use useIntl
+      directly. for example:
+
+      import { useIntl } from 'react-intl';
+
+      const { formatMessage } = useIntl();
+  - name: use-blueprint-tokens
+    trigger: >-
+      when adding or modifying styles, if numeric px values are used, prefer
+      blueprint tokens
+    solution: |-
+      avoid hard-coded px. use blueprint tokens (e.g. $space-2, $space-3) or
+      existing scss variables for consistent theming
+  - name: testing-literal-strings
+    trigger: >-
+      when writing tests for localized text, if the code checks against a
+      variable reference or message ID, the test won't fail if the translation
+      changes.
+    solution: >-
+      use the literal translated string in the test assertion so that the test
+      accurately fails when the copy changes, for example getByRole('button', {
+      name: 'Choose' }) instead of referencing a variable or ID.
+  - name: match-peer-and-dev-deps
+    trigger: >-
+      mismatch in version constraints for peerDependencies and devDependencies
+      for the same library
+    solution: >-
+      ensure that the peerDependencies version matches devDependencies version
+      to avoid unexpected version conflicts
+  - name: avoid-data-testid
+    trigger: >-
+      when writing tests, if there's a role or accessible label or text
+      available, data-testid should be avoided to ensure we test the actual
+      accessibility.
+    solution: >-
+      use queries like getByRole, getByLabelText, or getByText with the actual
+      user-facing string or aria-label. Only use test IDs as a last resort.

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

@@ -1,4 +1,4 @@
-const _excluded = ["actionButtonsProps", "additionalColumns", "controlledSelectedItems", "isNoSelectionAllowed", "breadcrumbProps", "cancelButtonProps", "chooseButtonProps", "chooseButtonText", "className", "contentExplorerMode", "customInput", "hasFolderTreeBreadcrumbs", "headerActionsAccessory", "onChooseItems", "onMoveItem", "onCopyItem", "onCancelButtonClick", "onCreateNewFolderButtonClick", "onSelectedClick", "onViewSelectedClick", "showCreateNewFolderButton", "isChooseButtonLoading", "isCopyButtonLoading", "isCreateNewFolderAllowed", "isMoveButtonLoading", "isResponsive", "isSelectAllAllowed", "items", "numItemsPerPage", "numTotalItems", "onLoadMoreItems", "includeSubfoldersProps", "itemIconRenderer", "itemNameLinkRenderer", "itemButtonRenderer", "itemRowHeight", "itemRowRenderer", "listHeaderHeight", "listHeaderRenderer", "listWidth", "listHeight", "searchInputProps", "infoNoticeText"];
+const _excluded = ["actionButtonsProps", "additionalColumns", "controlledSelectedItems", "isNoSelectionAllowed", "breadcrumbIcon", "breadcrumbProps", "cancelButtonProps", "chooseButtonProps", "chooseButtonText", "className", "contentExplorerMode", "customInput", "hasFolderTreeBreadcrumbs", "headerActionsAccessory", "onChooseItems", "onMoveItem", "onCopyItem", "onCancelButtonClick", "onCreateNewFolderButtonClick", "onSelectedClick", "onViewSelectedClick", "showCreateNewFolderButton", "isChooseButtonLoading", "isCopyButtonLoading", "isCreateNewFolderAllowed", "isMoveButtonLoading", "isResponsive", "isSelectAllAllowed", "items", "numItemsPerPage", "numTotalItems", "onLoadMoreItems", "includeSubfoldersProps", "itemIconRenderer", "itemNameLinkRenderer", "itemButtonRenderer", "itemRowHeight", "itemRowRenderer", "listHeaderHeight", "listHeaderRenderer", "listWidth", "listHeight", "searchInputProps", "infoNoticeText", "noItemsRenderer"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -332,6 +332,7 @@ class ContentExplorer extends Component {
         additionalColumns,
         controlledSelectedItems,
         isNoSelectionAllowed = false,
+        breadcrumbIcon,
         breadcrumbProps,
         cancelButtonProps,
         chooseButtonProps,
@@ -370,7 +371,8 @@ class ContentExplorer extends Component {
         listWidth,
         listHeight,
         searchInputProps,
-        infoNoticeText
+        infoNoticeText,
+        noItemsRenderer
       } = _this$props,
       rest = _objectWithoutProperties(_this$props, _excluded);
     const {
@@ -418,6 +420,7 @@ class ContentExplorer extends Component {
       }, contentExplorerProps), infoNoticeText && /*#__PURE__*/React.createElement(ContentExplorerInfoNotice, {
         infoNoticeText: infoNoticeText
       }), /*#__PURE__*/React.createElement(ContentExplorerHeaderActions, {
+        breadcrumbIcon: breadcrumbIcon,
         breadcrumbProps: breadcrumbProps,
         contentExplorerMode: contentExplorerMode,
         customInput: customInput,
@@ -451,7 +454,7 @@ class ContentExplorer extends Component {
         itemNameLinkRenderer: itemNameLinkRenderer,
         items: items,
         itemRowRenderer: itemRowRenderer,
-        noItemsRenderer: this.renderItemListEmptyState,
+        noItemsRenderer: noItemsRenderer || this.renderItemListEmptyState,
         numItemsPerPage: numItemsPerPage,
         numTotalItems: numTotalItems,
         onItemClick: this.handleItemClick,
@@ -500,6 +503,8 @@ _defineProperty(ContentExplorer, "propTypes", {
   controlledSelectedItems: PropTypes.object,
   /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */
   isNoSelectionAllowed: PropTypes.bool,
+  /** Custom icon for the breadcrumb. Overrides the default icon */
+  breadcrumbIcon: PropTypes.element,
   /** Props for breadcrumbs */
   breadcrumbProps: PropTypes.object,
   /** Props for the cancel button */
@@ -629,7 +634,9 @@ _defineProperty(ContentExplorer, "propTypes", {
   /** Props for the search input */
   searchInputProps: PropTypes.object,
   /** Text for the informational notice, defaults to empty string, which makes notice not visible */
-  infoNoticeText: PropTypes.string
+  infoNoticeText: PropTypes.string,
+  /** Used to render the no items state. Overrides the default no items state. */
+  noItemsRenderer: PropTypes.func
 });
 _defineProperty(ContentExplorer, "defaultProps", {
   actionButtonsProps: {},

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

@@ -31,6 +31,8 @@ class ContentExplorer extends Component {
         controlledSelectedItems: PropTypes.object,
         /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */
         isNoSelectionAllowed: PropTypes.bool,
+        /** Custom icon for the breadcrumb. Overrides the default icon */
+        breadcrumbIcon: PropTypes.element,
         /** Props for breadcrumbs */
         breadcrumbProps: PropTypes.object,
         /** Props for the cancel button */
@@ -161,6 +163,8 @@ class ContentExplorer extends Component {
         searchInputProps: PropTypes.object,
         /** Text for the informational notice, defaults to empty string, which makes notice not visible */
         infoNoticeText: PropTypes.string,
+        /** Used to render the no items state. Overrides the default no items state. */
+        noItemsRenderer: PropTypes.func,
     };
 
     static defaultProps = {
@@ -461,6 +465,7 @@ class ContentExplorer extends Component {
             additionalColumns,
             controlledSelectedItems,
             isNoSelectionAllowed = false,
+            breadcrumbIcon,
             breadcrumbProps,
             cancelButtonProps,
             chooseButtonProps,
@@ -500,6 +505,7 @@ class ContentExplorer extends Component {
             listHeight,
             searchInputProps,
             infoNoticeText,
+            noItemsRenderer,
             ...rest
         } = this.props;
         const { isInSearchMode, foldersPath, isSelectAllChecked } = this.state;
@@ -558,6 +564,7 @@ class ContentExplorer extends Component {
             >
                 {infoNoticeText && <ContentExplorerInfoNotice infoNoticeText={infoNoticeText} />}
                 <ContentExplorerHeaderActions
+                    breadcrumbIcon={breadcrumbIcon}
                     breadcrumbProps={breadcrumbProps}
                     contentExplorerMode={contentExplorerMode}
                     customInput={customInput}
@@ -600,7 +607,7 @@ class ContentExplorer extends Component {
                     itemNameLinkRenderer={itemNameLinkRenderer}
                     items={items}
                     itemRowRenderer={itemRowRenderer}
-                    noItemsRenderer={this.renderItemListEmptyState}
+                    noItemsRenderer={noItemsRenderer || this.renderItemListEmptyState}
                     numItemsPerPage={numItemsPerPage}
                     numTotalItems={numTotalItems}
                     onItemClick={this.handleItemClick}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorer.js","names":["PropTypes","React","Component","classNames","omit","ContentExplorerHeaderActions","ContentExplorerEmptyState","ContentExplorerActionButtons","ContentExplorerSelectAll","ContentExplorerIncludeSubfolders","ContentExplorerInfoNotice","ItemList","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModes","TYPE_FOLDER","ContentExplorer","constructor","props","_defineProperty","_objectSpread","state","selectedItems","controlledSelectedItems","items","length","every","item","id","isLoading","node","className","limit","nodeOfInterest","counter","parentNode","includes","contentExplorerMode","MULTI_SELECT","event","isInside","domNode","contains","target","shouldDeselectItems","deselectItems","enteredFolder","onEnterFolder","onFoldersPathUpdate","foldersPath","folderIndex","findIndex","folder","newFoldersPath","slice","concat","newState","setState","searchQuery","onSearchSubmit","isInSearchMode","folderBeforeSearch","onExitSearch","index","onSelectItem","onSelectedItemsUpdate","isDisabled","isActionDisabled","stopPropagation","newSelectedItems","toggleSelectedItem","getAllSelectedItems","onChooseItems","type","enterFolder","preventDefault","result","forEach","isLoadingItems","isSelectAllChecked","unselectAll","selectAll","isViewingSearchResults","createElement","isSearch","initialSelectedItems","initialFoldersPath","componentDidMount","document","addEventListener","handleDocumentClick","componentDidUpdate","prevInitialFoldersPath","isSelectAllAllowed","handleFoldersPathUpdated","areAllItemsSelected","componentWillUnmount","removeEventListener","getCurrentFolder","render","_this$props","actionButtonsProps","additionalColumns","isNoSelectionAllowed","breadcrumbProps","cancelButtonProps","chooseButtonProps","chooseButtonText","customInput","hasFolderTreeBreadcrumbs","headerActionsAccessory","onMoveItem","onCopyItem","onCancelButtonClick","onCreateNewFolderButtonClick","onSelectedClick","onViewSelectedClick","showCreateNewFolderButton","isChooseButtonLoading","isCopyButtonLoading","isCreateNewFolderAllowed","isMoveButtonLoading","isResponsive","numItemsPerPage","numTotalItems","onLoadMoreItems","includeSubfoldersProps","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowHeight","itemRowRenderer","listHeaderHeight","listHeaderRenderer","listWidth","listHeight","searchInputProps","infoNoticeText","rest","_objectWithoutProperties","_excluded","allSelectedItems","currentFolder","contentExplorerProps","canIncludeSubfolders","hasSubheader","selectedItemsIds","Object","keys","areActionButtonsDisabled","isFirstSelectedItemDisabled","SELECT_FILE","_extends","onClick","handleContentExplorerClick","ref","onFoldersPathUpdated","handleExitSearch","handleSearchSubmit","handleSelectAllClick","isLabelHidden","headerHeight","headerRenderer","height","noItemsRenderer","renderItemListEmptyState","onItemClick","handleItemClick","onItemDoubleClick","handleItemDoubleClick","onItemNameClick","handleItemNameClick","rowHeight","width","areButtonsDisabled","onCancelClick","onChooseClick","onCopyClick","onMoveClick","object","arrayOf","element","bool","string","isRequired","func","number"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorer.js"],"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';\nimport ContentExplorerInfoNotice from './ContentExplorerInfoNotice';\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        /** Items that will show up as selected */\n        controlledSelectedItems: PropTypes.object,\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        /** Text for the informational notice, defaults to empty string, which makes notice not visible */\n        infoNoticeText: PropTypes.string,\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, isSelectAllAllowed } = this.props;\n        const { isSelectAllChecked } = this.state;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            this.handleFoldersPathUpdated(initialFoldersPath);\n        }\n        if (!this.isLoadingItems() && isSelectAllAllowed) {\n            const areAllItemsSelected = this.areAllItemsSelected();\n            if (areAllItemsSelected !== isSelectAllChecked) {\n                this.setState({ isSelectAllChecked: areAllItemsSelected });\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    getAllSelectedItems = () => {\n        return { ...this.state.selectedItems, ...this.props.controlledSelectedItems };\n    };\n\n    areAllItemsSelected = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n\n        return items.length > 0 && items.every(item => selectedItems[item.id]);\n    };\n\n    isLoadingItems = () => {\n        return this.props?.items?.[0]?.isLoading;\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 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(this.getAllSelectedItems(), item);\n        } else {\n            newSelectedItems[item.id] = item;\n        }\n\n        this.setState({ selectedItems: newSelectedItems });\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    };\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    };\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        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        return result;\n    };\n\n    handleSelectAllClick = async () => {\n        const { onSelectedItemsUpdate } = this.props;\n        if (this.isLoadingItems()) {\n            return;\n        }\n        const { isSelectAllChecked } = this.state;\n        const newSelectedItems = isSelectAllChecked ? this.unselectAll() : this.selectAll();\n\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            controlledSelectedItems,\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            infoNoticeText,\n            ...rest\n        } = this.props;\n        const { isInSearchMode, foldersPath, isSelectAllChecked } = this.state;\n        const allSelectedItems = this.getAllSelectedItems();\n\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(allSelectedItems);\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        const isFirstSelectedItemDisabled = allSelectedItems[selectedItemsIds[0]]?.isActionDisabled;\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 && isFirstSelectedItemDisabled);\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 = selectedItemsIds.length === 0 || isFirstSelectedItemDisabled;\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 ? isFirstSelectedItemDisabled : 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                {infoNoticeText && <ContentExplorerInfoNotice infoNoticeText={infoNoticeText} />}\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={allSelectedItems}\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={allSelectedItems}\n                    isNoSelectionAllowed={isNoSelectionAllowed}\n                />\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentExplorer.js","names":["PropTypes","React","Component","classNames","omit","ContentExplorerHeaderActions","ContentExplorerEmptyState","ContentExplorerActionButtons","ContentExplorerSelectAll","ContentExplorerIncludeSubfolders","ContentExplorerInfoNotice","ItemList","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModes","TYPE_FOLDER","ContentExplorer","constructor","props","_defineProperty","_objectSpread","state","selectedItems","controlledSelectedItems","items","length","every","item","id","isLoading","node","className","limit","nodeOfInterest","counter","parentNode","includes","contentExplorerMode","MULTI_SELECT","event","isInside","domNode","contains","target","shouldDeselectItems","deselectItems","enteredFolder","onEnterFolder","onFoldersPathUpdate","foldersPath","folderIndex","findIndex","folder","newFoldersPath","slice","concat","newState","setState","searchQuery","onSearchSubmit","isInSearchMode","folderBeforeSearch","onExitSearch","index","onSelectItem","onSelectedItemsUpdate","isDisabled","isActionDisabled","stopPropagation","newSelectedItems","toggleSelectedItem","getAllSelectedItems","onChooseItems","type","enterFolder","preventDefault","result","forEach","isLoadingItems","isSelectAllChecked","unselectAll","selectAll","isViewingSearchResults","createElement","isSearch","initialSelectedItems","initialFoldersPath","componentDidMount","document","addEventListener","handleDocumentClick","componentDidUpdate","prevInitialFoldersPath","isSelectAllAllowed","handleFoldersPathUpdated","areAllItemsSelected","componentWillUnmount","removeEventListener","getCurrentFolder","render","_this$props","actionButtonsProps","additionalColumns","isNoSelectionAllowed","breadcrumbIcon","breadcrumbProps","cancelButtonProps","chooseButtonProps","chooseButtonText","customInput","hasFolderTreeBreadcrumbs","headerActionsAccessory","onMoveItem","onCopyItem","onCancelButtonClick","onCreateNewFolderButtonClick","onSelectedClick","onViewSelectedClick","showCreateNewFolderButton","isChooseButtonLoading","isCopyButtonLoading","isCreateNewFolderAllowed","isMoveButtonLoading","isResponsive","numItemsPerPage","numTotalItems","onLoadMoreItems","includeSubfoldersProps","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowHeight","itemRowRenderer","listHeaderHeight","listHeaderRenderer","listWidth","listHeight","searchInputProps","infoNoticeText","noItemsRenderer","rest","_objectWithoutProperties","_excluded","allSelectedItems","currentFolder","contentExplorerProps","canIncludeSubfolders","hasSubheader","selectedItemsIds","Object","keys","areActionButtonsDisabled","isFirstSelectedItemDisabled","SELECT_FILE","_extends","onClick","handleContentExplorerClick","ref","onFoldersPathUpdated","handleExitSearch","handleSearchSubmit","handleSelectAllClick","isLabelHidden","headerHeight","headerRenderer","height","renderItemListEmptyState","onItemClick","handleItemClick","onItemDoubleClick","handleItemDoubleClick","onItemNameClick","handleItemNameClick","rowHeight","width","areButtonsDisabled","onCancelClick","onChooseClick","onCopyClick","onMoveClick","object","arrayOf","element","bool","string","isRequired","func","number"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorer.js"],"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';\nimport ContentExplorerInfoNotice from './ContentExplorerInfoNotice';\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        /** Items that will show up as selected */\n        controlledSelectedItems: PropTypes.object,\n        /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */\n        isNoSelectionAllowed: PropTypes.bool,\n        /** Custom icon for the breadcrumb. Overrides the default icon */\n        breadcrumbIcon: PropTypes.element,\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        /** Text for the informational notice, defaults to empty string, which makes notice not visible */\n        infoNoticeText: PropTypes.string,\n        /** Used to render the no items state. Overrides the default no items state. */\n        noItemsRenderer: PropTypes.func,\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, isSelectAllAllowed } = this.props;\n        const { isSelectAllChecked } = this.state;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            this.handleFoldersPathUpdated(initialFoldersPath);\n        }\n        if (!this.isLoadingItems() && isSelectAllAllowed) {\n            const areAllItemsSelected = this.areAllItemsSelected();\n            if (areAllItemsSelected !== isSelectAllChecked) {\n                this.setState({ isSelectAllChecked: areAllItemsSelected });\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this.handleDocumentClick, true);\n    }\n\n    getAllSelectedItems = () => {\n        return { ...this.state.selectedItems, ...this.props.controlledSelectedItems };\n    };\n\n    areAllItemsSelected = () => {\n        const { items } = this.props;\n        const { selectedItems } = this.state;\n\n        return items.length > 0 && items.every(item => selectedItems[item.id]);\n    };\n\n    isLoadingItems = () => {\n        return this.props?.items?.[0]?.isLoading;\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 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(this.getAllSelectedItems(), item);\n        } else {\n            newSelectedItems[item.id] = item;\n        }\n\n        this.setState({ selectedItems: newSelectedItems });\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    };\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    };\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        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        return result;\n    };\n\n    handleSelectAllClick = async () => {\n        const { onSelectedItemsUpdate } = this.props;\n        if (this.isLoadingItems()) {\n            return;\n        }\n        const { isSelectAllChecked } = this.state;\n        const newSelectedItems = isSelectAllChecked ? this.unselectAll() : this.selectAll();\n\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            controlledSelectedItems,\n            isNoSelectionAllowed = false,\n            breadcrumbIcon,\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            infoNoticeText,\n            noItemsRenderer,\n            ...rest\n        } = this.props;\n        const { isInSearchMode, foldersPath, isSelectAllChecked } = this.state;\n        const allSelectedItems = this.getAllSelectedItems();\n\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(allSelectedItems);\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        const isFirstSelectedItemDisabled = allSelectedItems[selectedItemsIds[0]]?.isActionDisabled;\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 && isFirstSelectedItemDisabled);\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 = selectedItemsIds.length === 0 || isFirstSelectedItemDisabled;\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 ? isFirstSelectedItemDisabled : 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                {infoNoticeText && <ContentExplorerInfoNotice infoNoticeText={infoNoticeText} />}\n                <ContentExplorerHeaderActions\n                    breadcrumbIcon={breadcrumbIcon}\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={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={allSelectedItems}\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={allSelectedItems}\n                    isNoSelectionAllowed={isNoSelectionAllowed}\n                />\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorer;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,aAAa;AAE9B,OAAOC,4BAA4B,MAAM,gCAAgC;AACzE,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,OAAOC,4BAA4B,MAAM,gCAAgC;AACzE,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,gCAAgC,MAAM,oCAAoC;AACjF,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,2BAA2B,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,eAAe;AAC/F,OAAOC,oBAAoB,MAAM,UAAU;AAE3C,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAO,wBAAwB;AAE/B,MAAMC,eAAe,SAASf,SAAS,CAAC;EA6JpCgB,WAAWA,CAACC,KAAK,EAAE;IACf,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,8BAgCK,MAAM;MACxB,OAAAC,aAAA,CAAAA,aAAA,KAAY,IAAI,CAACC,KAAK,CAACC,aAAa,GAAK,IAAI,CAACJ,KAAK,CAACK,uBAAuB;IAC/E,CAAC;IAAAJ,eAAA,8BAEqB,MAAM;MACxB,MAAM;QAAEK;MAAM,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5B,MAAM;QAAEI;MAAc,CAAC,GAAG,IAAI,CAACD,KAAK;MAEpC,OAAOG,KAAK,CAACC,MAAM,GAAG,CAAC,IAAID,KAAK,CAACE,KAAK,CAACC,IAAI,IAAIL,aAAa,CAACK,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1E,CAAC;IAAAT,eAAA,yBAEgB,MAAM;MACnB,OAAO,IAAI,CAACD,KAAK,EAAEM,KAAK,GAAG,CAAC,CAAC,EAAEK,SAAS;IAC5C,CAAC;IAOD;AACJ;AACA;IAFIV,eAAA,sCAG8B,CAACW,IAAI,EAAEC,SAAS,EAAEC,KAAK,KAAK;MACtD,IAAIC,cAAc,GAAGH,IAAI;MACzB,IAAII,OAAO,GAAG,CAAC;MACf,OAAOD,cAAc,CAACE,UAAU,IAAID,OAAO,GAAGF,KAAK,EAAE;QACjD;QACA,IAAI,CAACC,cAAc,CAACE,UAAU,CAACJ,SAAS,EAAE;UACtC;QACJ;QAEA,IAAIE,cAAc,CAACE,UAAU,CAACJ,SAAS,CAACK,QAAQ,CAACL,SAAS,CAAC,EAAE;UACzD,OAAO,IAAI;QACf;QAEAE,cAAc,GAAGA,cAAc,CAACE,UAAU;QAC1CD,OAAO,IAAI,CAAC;MAChB;MAEA,OAAO,KAAK;IAChB,CAAC;IAAAf,eAAA,8BAEqB,MAAM;MACxB,MAAM;QAAEkB;MAAoB,CAAC,GAAG,IAAI,CAACnB,KAAK;MAE1C;QACI;QACAmB,mBAAmB,KAAKvB,oBAAoB,CAACwB;MAAY;IAEjE,CAAC;IAAAnB,eAAA,8BAEqBoB,KAAK,IAAI;MAC3B,MAAMC,QAAQ,GAAI,IAAI,CAACC,OAAO,IAAI,IAAI,CAACA,OAAO,CAACC,QAAQ,CAACH,KAAK,CAACI,MAAM,CAAC,IAAK,IAAI,CAACF,OAAO,KAAKF,KAAK,CAACI,MAAM;MAEvG,IAAI,CAACH,QAAQ,IAAI,IAAI,CAACI,mBAAmB,CAAC,CAAC,EAAE;QACzC,IAAI,CAACC,aAAa,CAAC,CAAC;MACxB;IACJ,CAAC;IAAA1B,eAAA,qCAE4B,MAAM;MAC/B,IAAI,IAAI,CAACyB,mBAAmB,CAAC,CAAC,EAAE;QAC5B,IAAI,CAACC,aAAa,CAAC,CAAC;MACxB;IACJ,CAAC;IAAA1B,eAAA,sBAYa2B,aAAa,IAAI;MAC3B,MAAM;QAAET,mBAAmB;QAAEU,aAAa;QAAEC;MAAoB,CAAC,GAAG,IAAI,CAAC9B,KAAK;MAC9E,MAAM;QAAE+B;MAAY,CAAC,GAAG,IAAI,CAAC5B,KAAK;MAElC,MAAM6B,WAAW,GAAGD,WAAW,CAACE,SAAS,CAACC,MAAM,IAAIA,MAAM,CAACxB,EAAE,KAAKkB,aAAa,CAAClB,EAAE,CAAC;MACnF,IAAIyB,cAAc,GAAGJ,WAAW,CAACK,KAAK,CAAC,CAAC;MAExC,IAAIJ,WAAW,KAAK,CAAC,CAAC,EAAE;QACpB;QACAG,cAAc,GAAGA,cAAc,CAACE,MAAM,CAAC,CAAAnC,aAAA,KAE5B0B,aAAa,EAEvB,CAAC;MACN,CAAC,MAAM;QACH;QACAO,cAAc,GAAGA,cAAc,CAACC,KAAK,CAAC,CAAC,EAAEJ,WAAW,GAAG,CAAC,CAAC;MAC7D;MAEA,MAAMM,QAAQ,GAAG;QAAEP,WAAW,EAAEI;MAAe,CAAC;MAChD,IAAIhB,mBAAmB,KAAKvB,oBAAoB,CAACwB,YAAY,EAAE;QAC3DkB,QAAQ,CAAClC,aAAa,GAAG,CAAC,CAAC;MAC/B;MAEA,IAAI,CAACmC,QAAQ,CAACD,QAAQ,CAAC;MACvB,IAAIR,mBAAmB,EAAE;QACrBA,mBAAmB,CAACK,cAAc,CAAC;MACvC;MAEAN,aAAa,CAACD,aAAa,EAAEO,cAAc,CAAC;IAChD,CAAC;IAAAlC,eAAA,mCAE0BkC,cAAc,IAAI;MACzC,MAAM;QAAEL;MAAoB,CAAC,GAAG,IAAI,CAAC9B,KAAK;MAE1C,IAAI,CAACuC,QAAQ,CAAC;QACVR,WAAW,EAAEI;MACjB,CAAC,CAAC;MACF,IAAIL,mBAAmB,EAAE;QACrBA,mBAAmB,CAACK,cAAc,CAAC;MACvC;IACJ,CAAC;IAAAlC,eAAA,6BAEoBuC,WAAW,IAAI;MAChC,MAAM;QAAEC;MAAe,CAAC,GAAG,IAAI,CAACzC,KAAK;MAErC,IAAI,CAACuC,QAAQ,CAAC;QAAEG,cAAc,EAAE;MAAK,CAAC,CAAC;MACvCD,cAAc,CAACD,WAAW,CAAC;IAC/B,CAAC;IAAAvC,eAAA,2BAEkB0C,kBAAkB,IAAI;MACrC,MAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAAC5C,KAAK;MAEnC,IAAI,CAACuC,QAAQ,CAAC;QAAEG,cAAc,EAAE;MAAM,CAAC,CAAC;MACxCE,YAAY,CAACD,kBAAkB,CAAC;IACpC,CAAC;IAAA1C,eAAA,0BAEiB,CAAC;MAAEoB,KAAK;MAAEwB;IAAM,CAAC,KAAK;MACpC,MAAM;QAAE1B,mBAAmB;QAAEb,KAAK;QAAEwC,YAAY;QAAEC;MAAsB,CAAC,GAAG,IAAI,CAAC/C,KAAK;MACtF,MAAMS,IAAI,GAAGH,KAAK,CAACuC,KAAK,CAAC;MAEzB,IAAIpC,IAAI,CAACuC,UAAU,IAAIvC,IAAI,CAACE,SAAS,IAAIF,IAAI,CAACwC,gBAAgB,EAAE;QAC5D;MACJ;;MAEA;MACA5B,KAAK,CAAC6B,eAAe,CAAC,CAAC;MAEvB,IAAIC,gBAAgB,GAAG,CAAC,CAAC;MACzB,IAAIhC,mBAAmB,KAAKvB,oBAAoB,CAACwB,YAAY,EAAE;QAC3D+B,gBAAgB,GAAG,IAAI,CAACC,kBAAkB,CAAC,IAAI,CAACC,mBAAmB,CAAC,CAAC,EAAE5C,IAAI,CAAC;MAChF,CAAC,MAAM;QACH0C,gBAAgB,CAAC1C,IAAI,CAACC,EAAE,CAAC,GAAGD,IAAI;MACpC;MAEA,IAAI,CAAC8B,QAAQ,CAAC;QAAEnC,aAAa,EAAE+C;MAAiB,CAAC,CAAC;MAClD,IAAIJ,qBAAqB,EAAE;QACvBA,qBAAqB,CAACI,gBAAgB,CAAC;MAC3C;MAEA,IAAIL,YAAY,EAAE;QACdA,YAAY,CAACrC,IAAI,EAAEoC,KAAK,CAAC;MAC7B;IACJ,CAAC;IAAA5C,eAAA,gCAEuB,CAAC;MAAE4C;IAAM,CAAC,KAAK;MACnC,MAAM;QAAEvC,KAAK;QAAEgD;MAAc,CAAC,GAAG,IAAI,CAACtD,KAAK;MAC3C,MAAMS,IAAI,GAAGH,KAAK,CAACuC,KAAK,CAAC;MAEzB,IAAIpC,IAAI,CAACuC,UAAU,IAAIvC,IAAI,CAACE,SAAS,EAAE;QACnC;MACJ;MAEA,IAAIF,IAAI,CAAC8C,IAAI,KAAK1D,WAAW,EAAE;QAC3B,IAAI,CAAC2D,WAAW,CAAC/C,IAAI,CAAC;MAC1B,CAAC,MAAM,IAAI,CAACA,IAAI,CAACwC,gBAAgB,EAAE;QAC/BK,aAAa,CAAC,CAAC7C,IAAI,CAAC,CAAC;MACzB;IACJ,CAAC;IAAAR,eAAA,8BAEqB,CAACoB,KAAK,EAAEwB,KAAK,KAAK;MACpC,MAAM;QAAEvC;MAAM,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5B,MAAMS,IAAI,GAAGH,KAAK,CAACuC,KAAK,CAAC;MAEzB,IAAIpC,IAAI,CAACuC,UAAU,IAAIvC,IAAI,CAACE,SAAS,EAAE;QACnC;MACJ;MAEA,IAAIF,IAAI,CAAC8C,IAAI,KAAK1D,WAAW,EAAE;QAC3B;MACJ;;MAEA;MACAwB,KAAK,CAACoC,cAAc,CAAC,CAAC;MACtBpC,KAAK,CAAC6B,eAAe,CAAC,CAAC;MAEvB,IAAI,CAACM,WAAW,CAAC/C,IAAI,CAAC;IAC1B,CAAC;IAAAR,eAAA,6BAEoB,CAACG,aAAa,EAAEK,IAAI,KAAK;MAC1C,MAAMiD,MAAM,GAAAxD,aAAA,KAAQE,aAAa,CAAE;MACnC,IAAIsD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC,EAAE;QACjB,OAAOgD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC;MAC1B,CAAC,MAAM;QACHgD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC,GAAGD,IAAI;MAC1B;MAEA,OAAOiD,MAAM;IACjB,CAAC;IAAAzD,eAAA,oBAEW,MAAM;MACd,MAAM;QAAEK;MAAM,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5B,MAAM;QAAEI;MAAc,CAAC,GAAG,IAAI,CAACD,KAAK;MACpC,MAAMuD,MAAM,GAAAxD,aAAA,KAAQE,aAAa,CAAE;MACnCE,KAAK,CAACqD,OAAO,CAAClD,IAAI,IAAI;QAClB,IAAI,CAACiD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC,EAAE;UAClBgD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC,GAAGD,IAAI;QAC1B;MACJ,CAAC,CAAC;MACF,OAAOiD,MAAM;IACjB,CAAC;IAAAzD,eAAA,sBAEa,MAAM;MAChB,MAAM;QAAEK;MAAM,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5B,MAAM;QAAEI;MAAc,CAAC,GAAG,IAAI,CAACD,KAAK;MACpC,MAAMuD,MAAM,GAAAxD,aAAA,KAAQE,aAAa,CAAE;MACnCE,KAAK,CAACqD,OAAO,CAAClD,IAAI,IAAI;QAClB,IAAIiD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC,EAAE;UACjB,OAAOgD,MAAM,CAACjD,IAAI,CAACC,EAAE,CAAC;QAC1B;MACJ,CAAC,CAAC;MACF,OAAOgD,MAAM;IACjB,CAAC;IAAAzD,eAAA,+BAEsB,YAAY;MAC/B,MAAM;QAAE8C;MAAsB,CAAC,GAAG,IAAI,CAAC/C,KAAK;MAC5C,IAAI,IAAI,CAAC4D,cAAc,CAAC,CAAC,EAAE;QACvB;MACJ;MACA,MAAM;QAAEC;MAAmB,CAAC,GAAG,IAAI,CAAC1D,KAAK;MACzC,MAAMgD,gBAAgB,GAAGU,kBAAkB,GAAG,IAAI,CAACC,WAAW,CAAC,CAAC,GAAG,IAAI,CAACC,SAAS,CAAC,CAAC;MAEnF,IAAI,CAACxB,QAAQ,CAAC;QAAEnC,aAAa,EAAE+C,gBAAgB;QAAEU,kBAAkB,EAAE,CAACA;MAAmB,CAAC,CAAC;MAC3F,IAAId,qBAAqB,EAAE;QACvBA,qBAAqB,CAACI,gBAAgB,CAAC;MAC3C;IACJ,CAAC;IAAAlD,eAAA,mCAE0B,MAAM;MAC7B,MAAM;QAAE8B,WAAW;QAAEW;MAAe,CAAC,GAAG,IAAI,CAACvC,KAAK;MAClD,MAAM6D,sBAAsB,GAAGtB,cAAc,IAAIX,WAAW,CAACxB,MAAM,KAAK,CAAC;MAEzE,oBAAOzB,KAAA,CAAAmF,aAAA,CAAC9E,yBAAyB;QAAC+E,QAAQ,EAAEF;MAAuB,CAAE,CAAC;IAC1E,CAAC;IAxRG,IAAI,CAAC7D,KAAK,GAAG;MACTC,aAAa,EAAEJ,KAAK,CAACmE,oBAAoB,IAAI,CAAC,CAAC;MAC/CpC,WAAW,EAAE/B,KAAK,CAACoE,kBAAkB;MACrC1B,cAAc,EAAE,KAAK;MACrBmB,kBAAkB,EAAE;IACxB,CAAC;EACL;EAEAQ,iBAAiBA,CAAA,EAAG;IAChBC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,mBAAmB,EAAE,IAAI,CAAC;EACtE;EAEAC,kBAAkBA,CAAC;IAAEL,kBAAkB,EAAEM;EAAuB,CAAC,EAAE;IAC/D,MAAM;MAAEN,kBAAkB;MAAEO;IAAmB,CAAC,GAAG,IAAI,CAAC3E,KAAK;IAC7D,MAAM;MAAE6D;IAAmB,CAAC,GAAG,IAAI,CAAC1D,KAAK;IAEzC,IAAIuE,sBAAsB,KAAKN,kBAAkB,EAAE;MAC/C,IAAI,CAACQ,wBAAwB,CAACR,kBAAkB,CAAC;IACrD;IACA,IAAI,CAAC,IAAI,CAACR,cAAc,CAAC,CAAC,IAAIe,kBAAkB,EAAE;MAC9C,MAAME,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAAC,CAAC;MACtD,IAAIA,mBAAmB,KAAKhB,kBAAkB,EAAE;QAC5C,IAAI,CAACtB,QAAQ,CAAC;UAAEsB,kBAAkB,EAAEgB;QAAoB,CAAC,CAAC;MAC9D;IACJ;EACJ;EAEAC,oBAAoBA,CAAA,EAAG;IACnBR,QAAQ,CAACS,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACP,mBAAmB,EAAE,IAAI,CAAC;EACzE;EAiBAQ,gBAAgBA,CAAA,EAAG;IACf,MAAM;MAAEjD;IAAY,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAClC,OAAO4B,WAAW,CAACA,WAAW,CAACxB,MAAM,GAAG,CAAC,CAAC;EAC9C;EAgDAoB,aAAaA,CAAA,EAAG;IACZ,MAAM;MAAEoB;IAAsB,CAAC,GAAG,IAAI,CAAC/C,KAAK;IAC5C,IAAI,CAACuC,QAAQ,CAAC;MACVnC,aAAa,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,IAAI2C,qBAAqB,EAAE;MACvBA,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC7B;EACJ;EAiLAkC,MAAMA,CAAA,EAAG;IACL,MAAAC,WAAA,GA+CI,IAAI,CAAClF,KAAK;MA/CR;QACFmF,kBAAkB;QAClBC,iBAAiB;QACjB/E,uBAAuB;QACvBgF,oBAAoB,GAAG,KAAK;QAC5BC,cAAc;QACdC,eAAe;QACfC,iBAAiB;QACjBC,iBAAiB;QACjBC,gBAAgB;QAChB7E,SAAS;QACTM,mBAAmB;QACnBwE,WAAW;QACXC,wBAAwB;QACxBC,sBAAsB;QACtBvC,aAAa;QACbwC,UAAU;QACVC,UAAU;QACVC,mBAAmB;QACnBC,4BAA4B;QAC5BC,eAAe;QACfC,mBAAmB;QACnBC,yBAAyB;QACzBC,qBAAqB;QACrBC,mBAAmB;QACnBC,wBAAwB;QACxBC,mBAAmB;QACnBC,YAAY,GAAG,KAAK;QACpB9B,kBAAkB;QAClBrE,KAAK;QACLoG,eAAe;QACfC,aAAa;QACbC,eAAe;QACfC,sBAAsB;QACtBC,gBAAgB;QAChBC,oBAAoB;QACpBC,kBAAkB;QAClBC,aAAa;QACbC,eAAe;QACfC,gBAAgB;QAChBC,kBAAkB;QAClBC,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChBC,cAAc;QACdC;MAEJ,CAAC,GAAAvC,WAAA;MADMwC,IAAI,GAAAC,wBAAA,CAAAzC,WAAA,EAAA0C,SAAA;IAEX,MAAM;MAAElF,cAAc;MAAEX,WAAW;MAAE8B;IAAmB,CAAC,GAAG,IAAI,CAAC1D,KAAK;IACtE,MAAM0H,gBAAgB,GAAG,IAAI,CAACxE,mBAAmB,CAAC,CAAC;IAEnD,MAAMW,sBAAsB,GAAGtB,cAAc,IAAIX,WAAW,CAACxB,MAAM,KAAK,CAAC;IACzE,MAAMuH,aAAa,GAAG,IAAI,CAAC9C,gBAAgB,CAAC,CAAC;IAC7C,MAAM+C,oBAAoB,GAAG9I,IAAI,CAACyI,IAAI,EAAE,CACpC,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,CAC1B,CAAC;IACF,MAAMM,oBAAoB,GAAG,CAAC,CAACnB,sBAAsB;IACrD,MAAMoB,YAAY,GAAGD,oBAAoB,IAAIrD,kBAAkB;IAE/D,MAAMuD,gBAAgB,GAAGC,MAAM,CAACC,IAAI,CAACP,gBAAgB,CAAC;IACtD,IAAIQ,wBAAwB;IAC5B;IACA;IACA;IACA,MAAMC,2BAA2B,GAAGT,gBAAgB,CAACK,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAEjF,gBAAgB;IAC3F,IAAI9B,mBAAmB,KAAKvB,oBAAoB,CAACwB,YAAY,EAAE;MAC3D;MACA;MACAiH,wBAAwB,GACnBH,gBAAgB,CAAC3H,MAAM,KAAK,CAAC,IAAI,CAAC8E,oBAAoB,IACtD6C,gBAAgB,CAAC3H,MAAM,KAAK,CAAC,IAAI+H,2BAA4B;IACtE,CAAC,MAAM,IAAItE,sBAAsB,IAAI7C,mBAAmB,KAAKvB,oBAAoB,CAAC2I,WAAW,EAAE;MAC3F;MACA;MACA;MACAF,wBAAwB,GAAGH,gBAAgB,CAAC3H,MAAM,KAAK,CAAC,IAAI+H,2BAA2B;IAC3F,CAAC,MAAM;MACH;MACAD,wBAAwB,GACpBH,gBAAgB,CAAC3H,MAAM,GAAG,CAAC,GAAG+H,2BAA2B,GAAGR,aAAa,CAAC7E,gBAAgB;IAClG;IAEA;MAAA;MACI;MACAnE,KAAA,CAAAmF,aAAA,QAAAuE,QAAA;QACI3H,SAAS,EAAE7B,UAAU,CAAC,kBAAkB,EAAE6B,SAAS,EAAE;UACjD,iCAAiC,EAAE4F;QACvC,CAAC,CAAE;QACH,eAAY,kBAAkB;QAC9BgC,OAAO,EAAE,IAAI,CAACC,0BAA2B;QACzCC,GAAG,EAAEA,GAAG,IAAI;UACR,IAAI,CAACpH,OAAO,GAAGoH,GAAG;QACtB;MAAE,GACEZ,oBAAoB,GAEvBP,cAAc,iBAAI1I,KAAA,CAAAmF,aAAA,CAAC1E,yBAAyB;QAACiI,cAAc,EAAEA;MAAe,CAAE,CAAC,eAChF1I,KAAA,CAAAmF,aAAA,CAAC/E,4BAA4B;QACzBoG,cAAc,EAAEA,cAAe;QAC/BC,eAAe,EAAEA,eAAgB;QACjCpE,mBAAmB,EAAEA,mBAAoB;QACzCwE,WAAW,EAAEA,WAAY;QACzB5D,WAAW,EAAEA,WAAY;QACzB6D,wBAAwB,EAAEA,wBAAyB;QACnDW,wBAAwB,EAAEA,wBAAyB;QACnDN,4BAA4B,EAAEA,4BAA6B;QAC3D2C,oBAAoB,EAAE,IAAI,CAAChE,wBAAyB;QACpD/C,aAAa,EAAE,IAAI,CAAC2B,WAAY;QAChCZ,YAAY,EAAE,IAAI,CAACiG,gBAAiB;QACpCpG,cAAc,EAAE,IAAI,CAACqG,kBAAmB;QACxCnC,aAAa,EAAEA,aAAc;QAC7BY,gBAAgB,EAAEA,gBAAiB;QACnCnB,yBAAyB,EAAEA;MAA0B,GAEpDP,sBACyB,CAAC,EAC9BoC,YAAY,iBACTnJ,KAAA,CAAAmF,aAAA;QAAKpD,SAAS,EAAC;MAA+B,GACzCmH,oBAAoB,iBAAIlJ,KAAA,CAAAmF,aAAA,CAAC3E,gCAAgC,EAAKuH,sBAAyB,CAAC,EACxFlC,kBAAkB,iBACf7F,KAAA,CAAAmF,aAAA,CAAC5E,wBAAwB;QACrB0J,oBAAoB,EAAE,IAAI,CAACA,oBAAqB;QAChDC,aAAa,EAAEhB,oBAAqB;QACpCnE,kBAAkB,EAAEA,kBAAmB;QACvC8C,aAAa,EAAEA;MAAc,CAChC,CAEJ,CACR,eACD7H,KAAA,CAAAmF,aAAA,CAACzE,QAAQ;QACL4F,iBAAiB,EAAEA,iBAAkB;QACrCjE,mBAAmB,EAAEA,mBAAoB;QACzC8H,YAAY,EAAE9B,gBAAiB;QAC/B+B,cAAc,EAAE9B,kBAAmB;QACnC+B,MAAM,EAAE7B,UAAW;QACnBb,YAAY,EAAEA,YAAa;QAC3BO,kBAAkB,EAAEA,kBAAmB;QACvCF,gBAAgB,EAAEA,gBAAiB;QACnCC,oBAAoB,EAAEA,oBAAqB;QAC3CzG,KAAK,EAAEA,KAAM;QACb4G,eAAe,EAAEA,eAAgB;QACjCO,eAAe,EAAEA,eAAe,IAAI,IAAI,CAAC2B,wBAAyB;QAClE1C,eAAe,EAAEA,eAAgB;QACjCC,aAAa,EAAEA,aAAc;QAC7B0C,WAAW,EAAE,IAAI,CAACC,eAAgB;QAClCC,iBAAiB,EAAE,IAAI,CAACC,qBAAsB;QAC9CC,eAAe,EAAE,IAAI,CAACC,mBAAoB;QAC1C9C,eAAe,EAAEA,eAAgB;QACjC+C,SAAS,EAAE1C,aAAc;QACzB7G,aAAa,EAAEyH,gBAAiB;QAChC+B,KAAK,EAAEvC;MAAU,CACpB,CAAC,eACFvI,KAAA,CAAAmF,aAAA,CAAC7E,4BAA4B;QACzB+F,kBAAkB,EAAEA,kBAAmB;QACvC0E,kBAAkB,EAAExB,wBAAyB;QAC7C7C,iBAAiB,EAAEA,iBAAkB;QACrCwC,oBAAoB,EAAEA,oBAAqB;QAC3CvC,iBAAiB,EAAEA,iBAAkB;QACrCC,gBAAgB,EAAEA,gBAAiB;QACnCvE,mBAAmB,EAAEA,mBAAoB;QACzC2G,aAAa,EAAEA,aAAc;QAC7BzB,qBAAqB,EAAEA,qBAAsB;QAC7CC,mBAAmB,EAAEA,mBAAoB;QACzCE,mBAAmB,EAAEA,mBAAoB;QACzCC,YAAY,EAAEA,YAAa;QAC3B9B,kBAAkB,EAAEA,kBAAmB;QACvCmF,aAAa,EAAE9D,mBAAoB;QACnC+D,aAAa,EAAEzG,aAAc;QAC7B0G,WAAW,EAAEjE,UAAW;QACxB6C,oBAAoB,EAAE,IAAI,CAAChE,wBAAyB;QACpDsB,eAAe,EAAEA,eAAgB;QACjC+D,WAAW,EAAEnE,UAAW;QACxBK,mBAAmB,EAAEA,mBAAoB;QACzC/F,aAAa,EAAEyH,gBAAiB;QAChCxC,oBAAoB,EAAEA;MAAqB,CAC9C,CACA;IAAC;EAEd;AACJ;AAACpF,eAAA,CAnnBKH,eAAe,eACE;EACf;EACAqF,kBAAkB,EAAEtG,SAAS,CAACqL,MAAM;EACpC;AACR;AACA;AACA;EACQ9E,iBAAiB,EAAEvG,SAAS,CAACsL,OAAO,CAACtL,SAAS,CAACuL,OAAO,CAAC;EACvD;EACA/J,uBAAuB,EAAExB,SAAS,CAACqL,MAAM;EACzC;EACA7E,oBAAoB,EAAExG,SAAS,CAACwL,IAAI;EACpC;EACA/E,cAAc,EAAEzG,SAAS,CAACuL,OAAO;EACjC;EACA7E,eAAe,EAAE1G,SAAS,CAACqL,MAAM;EACjC;EACA1E,iBAAiB,EAAE3G,SAAS,CAACqL,MAAM;EACnC;EACAzE,iBAAiB,EAAE5G,SAAS,CAACqL,MAAM;EACnC;EACAxE,gBAAgB,EAAE7G,SAAS,CAAC+B,IAAI;EAChC;EACAC,SAAS,EAAEhC,SAAS,CAACyL,MAAM;EAC3B;EACAnJ,mBAAmB,EAAE1B,2BAA2B,CAAC8K,UAAU;EAC3D;EACA5E,WAAW,EAAE9G,SAAS,CAAC2L,IAAI;EAC3B;EACA5E,wBAAwB,EAAE/G,SAAS,CAACwL,IAAI;EACxC;EACAxE,sBAAsB,EAAEhH,SAAS,CAAC+B,IAAI;EACtC;EACAiG,sBAAsB,EAAEhI,SAAS,CAACqL,MAAM;EACxC;EACA9F,kBAAkB,EAAE1E,mBAAmB,CAAC6K,UAAU;EAClD;EACApG,oBAAoB,EAAEtF,SAAS,CAACqL,MAAM;EACtC;EACAzD,YAAY,EAAE5H,SAAS,CAACwL,IAAI;EAC5B;AACR;AACA;AACA;AACA;AACA;EACQxI,aAAa,EAAEhD,SAAS,CAAC2L,IAAI,CAACD,UAAU;EACxC;AACR;AACA;AACA;EACQzI,mBAAmB,EAAEjD,SAAS,CAAC2L,IAAI;EACnC;AACR;AACA;AACA;EACQzH,qBAAqB,EAAElE,SAAS,CAAC2L,IAAI;EACrC;AACR;AACA;AACA;AACA;AACA;EACQ1H,YAAY,EAAEjE,SAAS,CAAC2L,IAAI;EAC5B;AACR;AACA;AACA;AACA;EACQlH,aAAa,EAAEzE,SAAS,CAAC2L,IAAI;EAC7B;EACAtE,eAAe,EAAErH,SAAS,CAAC2L,IAAI;EAC/B;EACArE,mBAAmB,EAAEtH,SAAS,CAAC2L,IAAI;EACnC;AACR;AACA;AACA;AACA;EACQ1E,UAAU,EAAEjH,SAAS,CAAC2L,IAAI;EAC1B;AACR;AACA;AACA;AACA;EACQzE,UAAU,EAAElH,SAAS,CAAC2L,IAAI;EAC1B;EACAxE,mBAAmB,EAAEnH,SAAS,CAAC2L,IAAI;EACnC;EACAvE,4BAA4B,EAAEpH,SAAS,CAAC2L,IAAI;EAC5C;EACApE,yBAAyB,EAAEvH,SAAS,CAACwL,IAAI;EACzC;EACAhE,qBAAqB,EAAExH,SAAS,CAACwL,IAAI;EACrC;EACA/D,mBAAmB,EAAEzH,SAAS,CAACwL,IAAI;EACnC;EACA9D,wBAAwB,EAAE1H,SAAS,CAACwL,IAAI;EACxC;EACA1F,kBAAkB,EAAE9F,SAAS,CAACwL,IAAI;EAClC;EACA7D,mBAAmB,EAAE3H,SAAS,CAACwL,IAAI;EACnC;AACR;AACA;AACA;AACA;EACQ5H,cAAc,EAAE5D,SAAS,CAAC2L,IAAI,CAACD,UAAU;EACzC;AACR;AACA;AACA;AACA;EACQ3H,YAAY,EAAE/D,SAAS,CAAC2L,IAAI,CAACD,UAAU;EACvC;EACAjK,KAAK,EAAEX,aAAa,CAAC4K,UAAU;EAC/B;EACA7D,eAAe,EAAE7H,SAAS,CAAC4L,MAAM;EACjC;EACA9D,aAAa,EAAE9H,SAAS,CAAC4L,MAAM;EAC/B;EACA7D,eAAe,EAAE/H,SAAS,CAAC2L,IAAI;EAC/B;EACA1D,gBAAgB,EAAEjI,SAAS,CAAC2L,IAAI;EAChC;EACAzD,oBAAoB,EAAElI,SAAS,CAAC2L,IAAI;EACpC;EACAxD,kBAAkB,EAAEnI,SAAS,CAAC2L,IAAI;EAClC;EACAvD,aAAa,EAAEpI,SAAS,CAAC4L,MAAM;EAC/B;EACAvD,eAAe,EAAErI,SAAS,CAAC2L,IAAI;EAC/B;EACArD,gBAAgB,EAAEtI,SAAS,CAAC4L,MAAM;EAClC;EACArD,kBAAkB,EAAEvI,SAAS,CAAC2L,IAAI;EAClC;EACAnD,SAAS,EAAExI,SAAS,CAAC4L,MAAM,CAACF,UAAU;EACtC;EACAjD,UAAU,EAAEzI,SAAS,CAAC4L,MAAM,CAACF,UAAU;EACvC;EACAhD,gBAAgB,EAAE1I,SAAS,CAACqL,MAAM;EAClC;EACA1C,cAAc,EAAE3I,SAAS,CAACyL,MAAM;EAChC;EACA7C,eAAe,EAAE5I,SAAS,CAAC2L;AAC/B,CAAC;AAAAvK,eAAA,CAnJCH,eAAe,kBAqJK;EAClBqF,kBAAkB,EAAE,CAAC,CAAC;EACtBK,iBAAiB,EAAE,CAAC,CAAC;EACrBC,iBAAiB,EAAE,CAAC,CAAC;EACrB5E,SAAS,EAAE,EAAE;EACb0G,gBAAgB,EAAE,CAAC;AACvB,CAAC;AA0dL,eAAezH,eAAe","ignoreList":[]}

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

@@ -10,6 +10,7 @@ import PlainButton from '../../../components/plain-button';
 import { FoldersPathPropType } from '../prop-types';
 import messages from '../messages';
 const ContentExplorerBreadcrumbs = ({
+  breadcrumbIcon,
   breadcrumbProps,
   foldersPath,
   intl: {
@@ -40,7 +41,7 @@ const ContentExplorerBreadcrumbs = ({
   "data-testid": "breadcrumb-lnk",
   onClick: event => onBreadcrumbClick(i, event),
   title: folder.name
-}, i === 0 && /*#__PURE__*/React.createElement(IconAllFiles, null), /*#__PURE__*/React.createElement("span", null, folder.name))))));
+}, i === 0 && (breadcrumbIcon || /*#__PURE__*/React.createElement(IconAllFiles, null)), /*#__PURE__*/React.createElement("span", null, folder.name))))));
 ContentExplorerBreadcrumbs.propTypes = {
   breadcrumbProps: PropTypes.object,
   foldersPath: FoldersPathPropType.isRequired,

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

@@ -12,6 +12,7 @@ import { FoldersPathPropType } from '../prop-types';
 import messages from '../messages';
 
 const ContentExplorerBreadcrumbs = ({
+    breadcrumbIcon,
     breadcrumbProps,
     foldersPath,
     intl: { formatMessage },
@@ -39,7 +40,7 @@ const ContentExplorerBreadcrumbs = ({
                         onClick={event => onBreadcrumbClick(i, event)}
                         title={folder.name}
                     >
-                        {i === 0 && <IconAllFiles />}
+                        {i === 0 && (breadcrumbIcon || <IconAllFiles />)}
                         <span>{folder.name}</span>
                     </PlainButton>
                 </div>

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

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorerBreadcrumbs.js","names":["PropTypes","React","injectIntl","Button","Breadcrumb","IconChevron","IconAllFiles","PlainButton","FoldersPathPropType","messages","ContentExplorerBreadcrumbs","breadcrumbProps","foldersPath","intl","formatMessage","isUpButtonDisabled","onUpButtonClick","onBreadcrumbClick","createElement","className","clickToGoBack","type","onClick","isDisabled","direction","size","color","_extends","label","breadcrumb","map","folder","i","key","id","event","title","name","propTypes","object","isRequired","any","bool","func","ContentExplorerBreadcrumbsBase"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerBreadcrumbs.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport Button from '../../../components/button';\nimport Breadcrumb from '../../../components/breadcrumb';\nimport IconChevron from '../../../icons/general/IconChevron';\nimport IconAllFiles from '../../../icons/general/IconAllFiles';\nimport PlainButton from '../../../components/plain-button';\n\nimport { FoldersPathPropType } from '../prop-types';\nimport messages from '../messages';\n\nconst ContentExplorerBreadcrumbs = ({\n    breadcrumbProps,\n    foldersPath,\n    intl: { formatMessage },\n    isUpButtonDisabled = false,\n    onUpButtonClick,\n    onBreadcrumbClick,\n}) => (\n    <div className=\"content-explorer-breadcrumbs-container\">\n        <Button\n            aria-label={formatMessage(messages.clickToGoBack)}\n            className=\"content-explorer-breadcrumbs-up-button\"\n            type=\"button\"\n            onClick={onUpButtonClick}\n            isDisabled={isUpButtonDisabled}\n        >\n            <IconChevron direction=\"left\" size=\"6px\" color=\"#333\" />\n        </Button>\n        <Breadcrumb label={formatMessage(messages.breadcrumb)} {...breadcrumbProps}>\n            {/* The outer div for each crumb prevents styling conflicts when the crumbs menu is active */}\n            {foldersPath.map((folder, i) => (\n                <div key={folder.id} className=\"lnk\">\n                    <PlainButton\n                        className=\"bdl-ContentExplorerBreadcrumbs-crumbLink\"\n                        data-testid=\"breadcrumb-lnk\"\n                        onClick={event => onBreadcrumbClick(i, event)}\n                        title={folder.name}\n                    >\n                        {i === 0 && <IconAllFiles />}\n                        <span>{folder.name}</span>\n                    </PlainButton>\n                </div>\n            ))}\n        </Breadcrumb>\n    </div>\n);\n\nContentExplorerBreadcrumbs.propTypes = {\n    breadcrumbProps: PropTypes.object,\n    foldersPath: FoldersPathPropType.isRequired,\n    intl: PropTypes.any,\n    isUpButtonDisabled: PropTypes.bool,\n    onUpButtonClick: PropTypes.func,\n    onBreadcrumbClick: PropTypes.func,\n};\n\nexport { ContentExplorerBreadcrumbs as ContentExplorerBreadcrumbsBase };\nexport default injectIntl(ContentExplorerBreadcrumbs);\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,MAAM,MAAM,4BAA4B;AAC/C,OAAOC,UAAU,MAAM,gCAAgC;AACvD,OAAOC,WAAW,MAAM,oCAAoC;AAC5D,OAAOC,YAAY,MAAM,qCAAqC;AAC9D,OAAOC,WAAW,MAAM,kCAAkC;AAE1D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,0BAA0B,GAAGA,CAAC;EAChCC,eAAe;EACfC,WAAW;EACXC,IAAI,EAAE;IAAEC;EAAc,CAAC;EACvBC,kBAAkB,GAAG,KAAK;EAC1BC,eAAe;EACfC;AACJ,CAAC,kBACGhB,KAAA,CAAAiB,aAAA;EAAKC,SAAS,EAAC;AAAwC,gBACnDlB,KAAA,CAAAiB,aAAA,CAACf,MAAM;EACH,cAAYW,aAAa,CAACL,QAAQ,CAACW,aAAa,CAAE;EAClDD,SAAS,EAAC,wCAAwC;EAClDE,IAAI,EAAC,QAAQ;EACbC,OAAO,EAAEN,eAAgB;EACzBO,UAAU,EAAER;AAAmB,gBAE/Bd,KAAA,CAAAiB,aAAA,CAACb,WAAW;EAACmB,SAAS,EAAC,MAAM;EAACC,IAAI,EAAC,KAAK;EAACC,KAAK,EAAC;AAAM,CAAE,CACnD,CAAC,eACTzB,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAuB,QAAA;EAACC,KAAK,EAAEd,aAAa,CAACL,QAAQ,CAACoB,UAAU;AAAE,GAAKlB,eAAe,GAErEC,WAAW,CAACkB,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBACvB/B,KAAA,CAAAiB,aAAA;EAAKe,GAAG,EAAEF,MAAM,CAACG,EAAG;EAACf,SAAS,EAAC;AAAK,gBAChClB,KAAA,CAAAiB,aAAA,CAACX,WAAW;EACRY,SAAS,EAAC,0CAA0C;EACpD,eAAY,gBAAgB;EAC5BG,OAAO,EAAEa,KAAK,IAAIlB,iBAAiB,CAACe,CAAC,EAAEG,KAAK,CAAE;EAC9CC,KAAK,EAAEL,MAAM,CAACM;AAAK,GAElBL,CAAC,KAAK,CAAC,iBAAI/B,KAAA,CAAAiB,aAAA,CAACZ,YAAY,MAAE,CAAC,eAC5BL,KAAA,CAAAiB,aAAA,eAAOa,MAAM,CAACM,IAAW,CAChB,CACZ,CACR,CACO,CACX,CACR;AAED3B,0BAA0B,CAAC4B,SAAS,GAAG;EACnC3B,eAAe,EAAEX,SAAS,CAACuC,MAAM;EACjC3B,WAAW,EAAEJ,mBAAmB,CAACgC,UAAU;EAC3C3B,IAAI,EAAEb,SAAS,CAACyC,GAAG;EACnB1B,kBAAkB,EAAEf,SAAS,CAAC0C,IAAI;EAClC1B,eAAe,EAAEhB,SAAS,CAAC2C,IAAI;EAC/B1B,iBAAiB,EAAEjB,SAAS,CAAC2C;AACjC,CAAC;AAED,SAASjC,0BAA0B,IAAIkC,8BAA8B;AACrE,eAAe1C,UAAU,CAACQ,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"file":"ContentExplorerBreadcrumbs.js","names":["PropTypes","React","injectIntl","Button","Breadcrumb","IconChevron","IconAllFiles","PlainButton","FoldersPathPropType","messages","ContentExplorerBreadcrumbs","breadcrumbIcon","breadcrumbProps","foldersPath","intl","formatMessage","isUpButtonDisabled","onUpButtonClick","onBreadcrumbClick","createElement","className","clickToGoBack","type","onClick","isDisabled","direction","size","color","_extends","label","breadcrumb","map","folder","i","key","id","event","title","name","propTypes","object","isRequired","any","bool","func","ContentExplorerBreadcrumbsBase"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerBreadcrumbs.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport Button from '../../../components/button';\nimport Breadcrumb from '../../../components/breadcrumb';\nimport IconChevron from '../../../icons/general/IconChevron';\nimport IconAllFiles from '../../../icons/general/IconAllFiles';\nimport PlainButton from '../../../components/plain-button';\n\nimport { FoldersPathPropType } from '../prop-types';\nimport messages from '../messages';\n\nconst ContentExplorerBreadcrumbs = ({\n    breadcrumbIcon,\n    breadcrumbProps,\n    foldersPath,\n    intl: { formatMessage },\n    isUpButtonDisabled = false,\n    onUpButtonClick,\n    onBreadcrumbClick,\n}) => (\n    <div className=\"content-explorer-breadcrumbs-container\">\n        <Button\n            aria-label={formatMessage(messages.clickToGoBack)}\n            className=\"content-explorer-breadcrumbs-up-button\"\n            type=\"button\"\n            onClick={onUpButtonClick}\n            isDisabled={isUpButtonDisabled}\n        >\n            <IconChevron direction=\"left\" size=\"6px\" color=\"#333\" />\n        </Button>\n        <Breadcrumb label={formatMessage(messages.breadcrumb)} {...breadcrumbProps}>\n            {/* The outer div for each crumb prevents styling conflicts when the crumbs menu is active */}\n            {foldersPath.map((folder, i) => (\n                <div key={folder.id} className=\"lnk\">\n                    <PlainButton\n                        className=\"bdl-ContentExplorerBreadcrumbs-crumbLink\"\n                        data-testid=\"breadcrumb-lnk\"\n                        onClick={event => onBreadcrumbClick(i, event)}\n                        title={folder.name}\n                    >\n                        {i === 0 && (breadcrumbIcon || <IconAllFiles />)}\n                        <span>{folder.name}</span>\n                    </PlainButton>\n                </div>\n            ))}\n        </Breadcrumb>\n    </div>\n);\n\nContentExplorerBreadcrumbs.propTypes = {\n    breadcrumbProps: PropTypes.object,\n    foldersPath: FoldersPathPropType.isRequired,\n    intl: PropTypes.any,\n    isUpButtonDisabled: PropTypes.bool,\n    onUpButtonClick: PropTypes.func,\n    onBreadcrumbClick: PropTypes.func,\n};\n\nexport { ContentExplorerBreadcrumbs as ContentExplorerBreadcrumbsBase };\nexport default injectIntl(ContentExplorerBreadcrumbs);\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,MAAM,MAAM,4BAA4B;AAC/C,OAAOC,UAAU,MAAM,gCAAgC;AACvD,OAAOC,WAAW,MAAM,oCAAoC;AAC5D,OAAOC,YAAY,MAAM,qCAAqC;AAC9D,OAAOC,WAAW,MAAM,kCAAkC;AAE1D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,0BAA0B,GAAGA,CAAC;EAChCC,cAAc;EACdC,eAAe;EACfC,WAAW;EACXC,IAAI,EAAE;IAAEC;EAAc,CAAC;EACvBC,kBAAkB,GAAG,KAAK;EAC1BC,eAAe;EACfC;AACJ,CAAC,kBACGjB,KAAA,CAAAkB,aAAA;EAAKC,SAAS,EAAC;AAAwC,gBACnDnB,KAAA,CAAAkB,aAAA,CAAChB,MAAM;EACH,cAAYY,aAAa,CAACN,QAAQ,CAACY,aAAa,CAAE;EAClDD,SAAS,EAAC,wCAAwC;EAClDE,IAAI,EAAC,QAAQ;EACbC,OAAO,EAAEN,eAAgB;EACzBO,UAAU,EAAER;AAAmB,gBAE/Bf,KAAA,CAAAkB,aAAA,CAACd,WAAW;EAACoB,SAAS,EAAC,MAAM;EAACC,IAAI,EAAC,KAAK;EAACC,KAAK,EAAC;AAAM,CAAE,CACnD,CAAC,eACT1B,KAAA,CAAAkB,aAAA,CAACf,UAAU,EAAAwB,QAAA;EAACC,KAAK,EAAEd,aAAa,CAACN,QAAQ,CAACqB,UAAU;AAAE,GAAKlB,eAAe,GAErEC,WAAW,CAACkB,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBACvBhC,KAAA,CAAAkB,aAAA;EAAKe,GAAG,EAAEF,MAAM,CAACG,EAAG;EAACf,SAAS,EAAC;AAAK,gBAChCnB,KAAA,CAAAkB,aAAA,CAACZ,WAAW;EACRa,SAAS,EAAC,0CAA0C;EACpD,eAAY,gBAAgB;EAC5BG,OAAO,EAAEa,KAAK,IAAIlB,iBAAiB,CAACe,CAAC,EAAEG,KAAK,CAAE;EAC9CC,KAAK,EAAEL,MAAM,CAACM;AAAK,GAElBL,CAAC,KAAK,CAAC,KAAKtB,cAAc,iBAAIV,KAAA,CAAAkB,aAAA,CAACb,YAAY,MAAE,CAAC,CAAC,eAChDL,KAAA,CAAAkB,aAAA,eAAOa,MAAM,CAACM,IAAW,CAChB,CACZ,CACR,CACO,CACX,CACR;AAED5B,0BAA0B,CAAC6B,SAAS,GAAG;EACnC3B,eAAe,EAAEZ,SAAS,CAACwC,MAAM;EACjC3B,WAAW,EAAEL,mBAAmB,CAACiC,UAAU;EAC3C3B,IAAI,EAAEd,SAAS,CAAC0C,GAAG;EACnB1B,kBAAkB,EAAEhB,SAAS,CAAC2C,IAAI;EAClC1B,eAAe,EAAEjB,SAAS,CAAC4C,IAAI;EAC/B1B,iBAAiB,EAAElB,SAAS,CAAC4C;AACjC,CAAC;AAED,SAASlC,0BAA0B,IAAImC,8BAA8B;AACrE,eAAe3C,UAAU,CAACQ,0BAA0B,CAAC","ignoreList":[]}

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

@@ -124,6 +124,7 @@ class ContentExplorerHeaderActions extends Component {
   }
   render() {
     const {
+      breadcrumbIcon,
       breadcrumbProps,
       children,
       contentExplorerMode,
@@ -162,6 +163,7 @@ class ContentExplorerHeaderActions extends Component {
       numTotalItems: numTotalItems,
       onBreadcrumbClick: this.handleBreadcrumbClick
     }) : /*#__PURE__*/React.createElement(ContentExplorerBreadcrumbs, {
+      breadcrumbIcon: breadcrumbIcon,
       breadcrumbProps: breadcrumbProps,
       foldersPath: foldersPath,
       isUpButtonDisabled: isBreadcrumbButtonDisabled,
@@ -171,6 +173,7 @@ class ContentExplorerHeaderActions extends Component {
   }
 }
 _defineProperty(ContentExplorerHeaderActions, "propTypes", {
+  breadcrumbIcon: PropTypes.element,
   breadcrumbProps: BreadcrumbPropType,
   children: PropTypes.node,
   contentExplorerMode: ContentExplorerModePropType.isRequired,

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

@@ -16,6 +16,7 @@ const isSearchResultsFolder = folder => folder && folder.id === SEARCH_RESULTS_F
 
 class ContentExplorerHeaderActions extends Component {
     static propTypes = {
+        breadcrumbIcon: PropTypes.element,
         breadcrumbProps: BreadcrumbPropType,
         children: PropTypes.node,
         contentExplorerMode: ContentExplorerModePropType.isRequired,
@@ -151,6 +152,7 @@ class ContentExplorerHeaderActions extends Component {
 
     render() {
         const {
+            breadcrumbIcon,
             breadcrumbProps,
             children,
             contentExplorerMode,
@@ -200,6 +202,7 @@ class ContentExplorerHeaderActions extends Component {
                     />
                 ) : (
                     <ContentExplorerBreadcrumbs
+                        breadcrumbIcon={breadcrumbIcon}
                         breadcrumbProps={breadcrumbProps}
                         foldersPath={foldersPath}
                         isUpButtonDisabled={isBreadcrumbButtonDisabled}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorerHeaderActions.js","names":["PropTypes","React","Component","injectIntl","ContentExplorerSearch","ContentExplorerNewFolderButton","ContentExplorerBreadcrumbs","ContentExplorerFolderTreeBreadcrumbs","BreadcrumbPropType","ContentExplorerModePropType","FoldersPathPropType","messages","SEARCH_RESULTS_FOLDER_ID","isSearchResultsFolder","folder","id","ContentExplorerHeaderActions","constructor","props","_defineProperty","folderPathIndex","event","foldersPath","onEnterFolder","clickedFolder","preventDefault","length","submitSearch","lastSubmittedSearchInput","newFolderIndex","isViewingSearchResults","exitSearch","handleBreadcrumbClick","input","setState","searchInput","state","foldersPathBeforeSearch","getCurrentFolder","isInSearchMode","some","onFoldersPathUpdated","onExitSearch","foldersPathLength","folderBeforeSearch","intl","onSearchSubmit","name","formatMessage","searchResults","render","breadcrumbProps","children","contentExplorerMode","customInput","CustomInput","onCreateNewFolderButtonClick","showCreateNewFolderButton","isCreateNewFolderAllowed","hasFolderTreeBreadcrumbs","numTotalItems","searchInputProps","isBreadcrumbButtonDisabled","createElement","className","inputValue","onClearButtonClick","handleClearSearchButtonClick","onInput","handleSearchInput","onSubmit","handleSubmitSearch","onClick","isDisabled","isFolderTreeButtonHidden","onBreadcrumbClick","isUpButtonDisabled","onUpButtonClick","handleBreadcrumbsUpButtonClick","node","isRequired","func","any","bool","number","object","ContentExplorerHeaderActionsBase"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerHeaderActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport ContentExplorerSearch from './ContentExplorerSearch';\nimport ContentExplorerNewFolderButton from './ContentExplorerNewFolderButton';\nimport ContentExplorerBreadcrumbs from './ContentExplorerBreadcrumbs';\nimport ContentExplorerFolderTreeBreadcrumbs from './ContentExplorerFolderTreeBreadcrumbs';\n\nimport { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType } from '../prop-types';\nimport messages from '../messages';\n\nconst SEARCH_RESULTS_FOLDER_ID = 'search_results_id';\n\nconst isSearchResultsFolder = folder => folder && folder.id === SEARCH_RESULTS_FOLDER_ID;\n\nclass ContentExplorerHeaderActions extends Component {\n    static propTypes = {\n        breadcrumbProps: BreadcrumbPropType,\n        children: PropTypes.node,\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        customInput: PropTypes.func,\n        foldersPath: FoldersPathPropType.isRequired,\n        intl: PropTypes.any,\n        onFoldersPathUpdated: PropTypes.func.isRequired,\n        onEnterFolder: PropTypes.func.isRequired,\n        onCreateNewFolderButtonClick: PropTypes.func,\n        showCreateNewFolderButton: PropTypes.bool,\n        isCreateNewFolderAllowed: PropTypes.bool,\n        hasFolderTreeBreadcrumbs: PropTypes.bool,\n        onSearchSubmit: PropTypes.func.isRequired,\n        onExitSearch: PropTypes.func.isRequired,\n        numTotalItems: PropTypes.number,\n        searchInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        showCreateNewFolderButton: true,\n        isCreateNewFolderAllowed: true,\n        searchInputProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            searchInput: '',\n        };\n        this.foldersPathBeforeSearch = [];\n        this.lastSubmittedSearchInput = '';\n    }\n\n    getCurrentFolder() {\n        const { foldersPath } = this.props;\n        return foldersPath[foldersPath.length - 1];\n    }\n\n    isInSearchMode() {\n        const { foldersPath } = this.props;\n        return foldersPath.some(isSearchResultsFolder);\n    }\n\n    isViewingSearchResults() {\n        return isSearchResultsFolder(this.getCurrentFolder());\n    }\n\n    handleBreadcrumbClick = (folderPathIndex, event) => {\n        const { foldersPath, onEnterFolder } = this.props;\n        const clickedFolder = foldersPath[folderPathIndex];\n\n        if (event) {\n            event.preventDefault();\n        }\n\n        // Do nothing if the right-most breadcrumb (current folder) is clicked\n        if (folderPathIndex === foldersPath.length - 1) {\n            return;\n        }\n\n        // Show the search results for the last submitted input when clicking the \"Search Results\" breadcrumb\n        if (isSearchResultsFolder(clickedFolder)) {\n            this.submitSearch(this.lastSubmittedSearchInput);\n            return;\n        }\n\n        onEnterFolder(clickedFolder);\n    };\n\n    handleBreadcrumbsUpButtonClick = () => {\n        const { foldersPath } = this.props;\n        const newFolderIndex = foldersPath.length - 2;\n\n        if (this.isViewingSearchResults()) {\n            this.exitSearch();\n        } else if (newFolderIndex >= 0) {\n            this.handleBreadcrumbClick(newFolderIndex);\n        }\n    };\n\n    handleSearchInput = input => {\n        this.setState({\n            searchInput: input,\n        });\n    };\n\n    handleClearSearchButtonClick = () => {\n        this.exitSearch();\n    };\n\n    exitSearch() {\n        const { onFoldersPathUpdated, onExitSearch } = this.props;\n\n        // Clear the search input even if we aren't in search mode\n        this.setState({ searchInput: '' });\n\n        if (this.isInSearchMode()) {\n            const foldersPathLength = this.foldersPathBeforeSearch.length;\n            const folderBeforeSearch = foldersPathLength > 0 ? this.foldersPathBeforeSearch[foldersPathLength - 1] : {};\n            onFoldersPathUpdated(this.foldersPathBeforeSearch);\n            onExitSearch(folderBeforeSearch);\n        }\n    }\n\n    handleSubmitSearch = () => {\n        const { searchInput } = this.state;\n\n        this.submitSearch(searchInput);\n    };\n\n    submitSearch(searchInput) {\n        const { foldersPath, intl, onFoldersPathUpdated, onSearchSubmit } = this.props;\n\n        if (searchInput) {\n            // Only save folders path if we aren't already in search mode\n            if (!this.isInSearchMode()) {\n                this.foldersPathBeforeSearch = foldersPath;\n            }\n\n            this.lastSubmittedSearchInput = searchInput;\n            onFoldersPathUpdated([\n                {\n                    id: SEARCH_RESULTS_FOLDER_ID,\n                    name: intl.formatMessage(messages.searchResults),\n                },\n            ]);\n\n            onSearchSubmit(searchInput);\n        } else {\n            this.exitSearch();\n        }\n    }\n\n    render() {\n        const {\n            breadcrumbProps,\n            children,\n            contentExplorerMode,\n            customInput: CustomInput,\n            foldersPath,\n            onCreateNewFolderButtonClick,\n            showCreateNewFolderButton,\n            isCreateNewFolderAllowed,\n            hasFolderTreeBreadcrumbs,\n            numTotalItems,\n            searchInputProps,\n        } = this.props;\n        const { searchInput } = this.state;\n        const isInSearchMode = this.isInSearchMode();\n        const isBreadcrumbButtonDisabled = foldersPath.length <= 1 && !isInSearchMode;\n\n        return (\n            <div className=\"content-explorer-header-actions\">\n                <div className=\"content-explorer-search-new-folder-container\">\n                    {CustomInput ? (\n                        <CustomInput />\n                    ) : (\n                        <ContentExplorerSearch\n                            inputValue={searchInput}\n                            onClearButtonClick={this.handleClearSearchButtonClick}\n                            onInput={this.handleSearchInput}\n                            onSubmit={this.handleSubmitSearch}\n                            searchInputProps={searchInputProps}\n                        />\n                    )}\n                    {showCreateNewFolderButton && (\n                        <ContentExplorerNewFolderButton\n                            contentExplorerMode={contentExplorerMode}\n                            onClick={onCreateNewFolderButtonClick}\n                            isDisabled={!isCreateNewFolderAllowed || isInSearchMode}\n                            isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                        />\n                    )}\n                    {children}\n                </div>\n                {hasFolderTreeBreadcrumbs ? (\n                    <ContentExplorerFolderTreeBreadcrumbs\n                        foldersPath={foldersPath}\n                        isFolderTreeButtonHidden={isBreadcrumbButtonDisabled || this.isViewingSearchResults()}\n                        numTotalItems={numTotalItems}\n                        onBreadcrumbClick={this.handleBreadcrumbClick}\n                    />\n                ) : (\n                    <ContentExplorerBreadcrumbs\n                        breadcrumbProps={breadcrumbProps}\n                        foldersPath={foldersPath}\n                        isUpButtonDisabled={isBreadcrumbButtonDisabled}\n                        onUpButtonClick={this.handleBreadcrumbsUpButtonClick}\n                        onBreadcrumbClick={this.handleBreadcrumbClick}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ContentExplorerHeaderActions as ContentExplorerHeaderActionsBase };\nexport default injectIntl(ContentExplorerHeaderActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentExplorerHeaderActions.js","names":["PropTypes","React","Component","injectIntl","ContentExplorerSearch","ContentExplorerNewFolderButton","ContentExplorerBreadcrumbs","ContentExplorerFolderTreeBreadcrumbs","BreadcrumbPropType","ContentExplorerModePropType","FoldersPathPropType","messages","SEARCH_RESULTS_FOLDER_ID","isSearchResultsFolder","folder","id","ContentExplorerHeaderActions","constructor","props","_defineProperty","folderPathIndex","event","foldersPath","onEnterFolder","clickedFolder","preventDefault","length","submitSearch","lastSubmittedSearchInput","newFolderIndex","isViewingSearchResults","exitSearch","handleBreadcrumbClick","input","setState","searchInput","state","foldersPathBeforeSearch","getCurrentFolder","isInSearchMode","some","onFoldersPathUpdated","onExitSearch","foldersPathLength","folderBeforeSearch","intl","onSearchSubmit","name","formatMessage","searchResults","render","breadcrumbIcon","breadcrumbProps","children","contentExplorerMode","customInput","CustomInput","onCreateNewFolderButtonClick","showCreateNewFolderButton","isCreateNewFolderAllowed","hasFolderTreeBreadcrumbs","numTotalItems","searchInputProps","isBreadcrumbButtonDisabled","createElement","className","inputValue","onClearButtonClick","handleClearSearchButtonClick","onInput","handleSearchInput","onSubmit","handleSubmitSearch","onClick","isDisabled","isFolderTreeButtonHidden","onBreadcrumbClick","isUpButtonDisabled","onUpButtonClick","handleBreadcrumbsUpButtonClick","element","node","isRequired","func","any","bool","number","object","ContentExplorerHeaderActionsBase"],"sources":["../../../../src/features/content-explorer/content-explorer/ContentExplorerHeaderActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport ContentExplorerSearch from './ContentExplorerSearch';\nimport ContentExplorerNewFolderButton from './ContentExplorerNewFolderButton';\nimport ContentExplorerBreadcrumbs from './ContentExplorerBreadcrumbs';\nimport ContentExplorerFolderTreeBreadcrumbs from './ContentExplorerFolderTreeBreadcrumbs';\n\nimport { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType } from '../prop-types';\nimport messages from '../messages';\n\nconst SEARCH_RESULTS_FOLDER_ID = 'search_results_id';\n\nconst isSearchResultsFolder = folder => folder && folder.id === SEARCH_RESULTS_FOLDER_ID;\n\nclass ContentExplorerHeaderActions extends Component {\n    static propTypes = {\n        breadcrumbIcon: PropTypes.element,\n        breadcrumbProps: BreadcrumbPropType,\n        children: PropTypes.node,\n        contentExplorerMode: ContentExplorerModePropType.isRequired,\n        customInput: PropTypes.func,\n        foldersPath: FoldersPathPropType.isRequired,\n        intl: PropTypes.any,\n        onFoldersPathUpdated: PropTypes.func.isRequired,\n        onEnterFolder: PropTypes.func.isRequired,\n        onCreateNewFolderButtonClick: PropTypes.func,\n        showCreateNewFolderButton: PropTypes.bool,\n        isCreateNewFolderAllowed: PropTypes.bool,\n        hasFolderTreeBreadcrumbs: PropTypes.bool,\n        onSearchSubmit: PropTypes.func.isRequired,\n        onExitSearch: PropTypes.func.isRequired,\n        numTotalItems: PropTypes.number,\n        searchInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        showCreateNewFolderButton: true,\n        isCreateNewFolderAllowed: true,\n        searchInputProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            searchInput: '',\n        };\n        this.foldersPathBeforeSearch = [];\n        this.lastSubmittedSearchInput = '';\n    }\n\n    getCurrentFolder() {\n        const { foldersPath } = this.props;\n        return foldersPath[foldersPath.length - 1];\n    }\n\n    isInSearchMode() {\n        const { foldersPath } = this.props;\n        return foldersPath.some(isSearchResultsFolder);\n    }\n\n    isViewingSearchResults() {\n        return isSearchResultsFolder(this.getCurrentFolder());\n    }\n\n    handleBreadcrumbClick = (folderPathIndex, event) => {\n        const { foldersPath, onEnterFolder } = this.props;\n        const clickedFolder = foldersPath[folderPathIndex];\n\n        if (event) {\n            event.preventDefault();\n        }\n\n        // Do nothing if the right-most breadcrumb (current folder) is clicked\n        if (folderPathIndex === foldersPath.length - 1) {\n            return;\n        }\n\n        // Show the search results for the last submitted input when clicking the \"Search Results\" breadcrumb\n        if (isSearchResultsFolder(clickedFolder)) {\n            this.submitSearch(this.lastSubmittedSearchInput);\n            return;\n        }\n\n        onEnterFolder(clickedFolder);\n    };\n\n    handleBreadcrumbsUpButtonClick = () => {\n        const { foldersPath } = this.props;\n        const newFolderIndex = foldersPath.length - 2;\n\n        if (this.isViewingSearchResults()) {\n            this.exitSearch();\n        } else if (newFolderIndex >= 0) {\n            this.handleBreadcrumbClick(newFolderIndex);\n        }\n    };\n\n    handleSearchInput = input => {\n        this.setState({\n            searchInput: input,\n        });\n    };\n\n    handleClearSearchButtonClick = () => {\n        this.exitSearch();\n    };\n\n    exitSearch() {\n        const { onFoldersPathUpdated, onExitSearch } = this.props;\n\n        // Clear the search input even if we aren't in search mode\n        this.setState({ searchInput: '' });\n\n        if (this.isInSearchMode()) {\n            const foldersPathLength = this.foldersPathBeforeSearch.length;\n            const folderBeforeSearch = foldersPathLength > 0 ? this.foldersPathBeforeSearch[foldersPathLength - 1] : {};\n            onFoldersPathUpdated(this.foldersPathBeforeSearch);\n            onExitSearch(folderBeforeSearch);\n        }\n    }\n\n    handleSubmitSearch = () => {\n        const { searchInput } = this.state;\n\n        this.submitSearch(searchInput);\n    };\n\n    submitSearch(searchInput) {\n        const { foldersPath, intl, onFoldersPathUpdated, onSearchSubmit } = this.props;\n\n        if (searchInput) {\n            // Only save folders path if we aren't already in search mode\n            if (!this.isInSearchMode()) {\n                this.foldersPathBeforeSearch = foldersPath;\n            }\n\n            this.lastSubmittedSearchInput = searchInput;\n            onFoldersPathUpdated([\n                {\n                    id: SEARCH_RESULTS_FOLDER_ID,\n                    name: intl.formatMessage(messages.searchResults),\n                },\n            ]);\n\n            onSearchSubmit(searchInput);\n        } else {\n            this.exitSearch();\n        }\n    }\n\n    render() {\n        const {\n            breadcrumbIcon,\n            breadcrumbProps,\n            children,\n            contentExplorerMode,\n            customInput: CustomInput,\n            foldersPath,\n            onCreateNewFolderButtonClick,\n            showCreateNewFolderButton,\n            isCreateNewFolderAllowed,\n            hasFolderTreeBreadcrumbs,\n            numTotalItems,\n            searchInputProps,\n        } = this.props;\n        const { searchInput } = this.state;\n        const isInSearchMode = this.isInSearchMode();\n        const isBreadcrumbButtonDisabled = foldersPath.length <= 1 && !isInSearchMode;\n\n        return (\n            <div className=\"content-explorer-header-actions\">\n                <div className=\"content-explorer-search-new-folder-container\">\n                    {CustomInput ? (\n                        <CustomInput />\n                    ) : (\n                        <ContentExplorerSearch\n                            inputValue={searchInput}\n                            onClearButtonClick={this.handleClearSearchButtonClick}\n                            onInput={this.handleSearchInput}\n                            onSubmit={this.handleSubmitSearch}\n                            searchInputProps={searchInputProps}\n                        />\n                    )}\n                    {showCreateNewFolderButton && (\n                        <ContentExplorerNewFolderButton\n                            contentExplorerMode={contentExplorerMode}\n                            onClick={onCreateNewFolderButtonClick}\n                            isDisabled={!isCreateNewFolderAllowed || isInSearchMode}\n                            isCreateNewFolderAllowed={isCreateNewFolderAllowed}\n                        />\n                    )}\n                    {children}\n                </div>\n                {hasFolderTreeBreadcrumbs ? (\n                    <ContentExplorerFolderTreeBreadcrumbs\n                        foldersPath={foldersPath}\n                        isFolderTreeButtonHidden={isBreadcrumbButtonDisabled || this.isViewingSearchResults()}\n                        numTotalItems={numTotalItems}\n                        onBreadcrumbClick={this.handleBreadcrumbClick}\n                    />\n                ) : (\n                    <ContentExplorerBreadcrumbs\n                        breadcrumbIcon={breadcrumbIcon}\n                        breadcrumbProps={breadcrumbProps}\n                        foldersPath={foldersPath}\n                        isUpButtonDisabled={isBreadcrumbButtonDisabled}\n                        onUpButtonClick={this.handleBreadcrumbsUpButtonClick}\n                        onBreadcrumbClick={this.handleBreadcrumbClick}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ContentExplorerHeaderActions as ContentExplorerHeaderActionsBase };\nexport default injectIntl(ContentExplorerHeaderActions);\n"],"mappings":"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","ignoreList":[]}

package/es/features/content-explorer/content-explorer-modal/ContentExplorerModal.js.flow

@@ -12,6 +12,7 @@ import './ContentExplorerModal.scss';
 
 type Props = {
     additionalColumns?: Array<React.ComponentType<Column>>,
+    breadcrumbIcon?: React.ComponentType<any>,
     breadcrumbProps?: BreadcrumbProps,
     className?: string,
     controlledSelectedItems?: Object,
@@ -36,6 +37,7 @@ type Props = {
     shouldNotUsePortal?: boolean,
     title?: string,
     infoNoticeText?: string,
+    noItemsRenderer?: Function,
 };
 
 const ContentExplorerModal = ({

package/es/features/content-explorer/content-explorer-modal/ContentExplorerModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorerModal.js","names":["React","classNames","Column","ContentExplorer","Modal","ContentExplorerModal","_ref","breadcrumbProps","className","customInput","title","description","isOpen","isResponsive","onRequestClose","onSelectedClick","onSelectItem","shouldNotUsePortal","infoNoticeText","rest","_objectWithoutProperties","_excluded","createElement","_extends","onCancelButtonClick","listWidth","listHeight"],"sources":["../../../../src/features/content-explorer/content-explorer-modal/ContentExplorerModal.js"],"sourcesContent":["/* @flow */\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport ContentExplorer from '../content-explorer';\nimport { Modal } from '../../../components/modal';\n\nimport type { BreadcrumbProps } from '../../../components/breadcrumb/Breadcrumb';\n\nimport './ContentExplorerModal.scss';\n\ntype Props = {\n    additionalColumns?: Array<React.ComponentType<Column>>,\n    breadcrumbProps?: BreadcrumbProps,\n    className?: string,\n    controlledSelectedItems?: Object,\n    customInput?: React.ComponentType<any>,\n    description?: string,\n    hasFolderTreeBreadcrumbs: boolean,\n    includeSubfoldersProps?: Object,\n    isNoSelectionAllowed?: boolean,\n    isOpen?: boolean,\n    isResponsive?: boolean,\n    itemButtonRenderer: Function,\n    itemRowHeight?: number,\n    itemRowRenderer?: Function,\n    listHeaderHeight?: number,\n    listHeaderRenderer?: Function,\n    onFoldersPathUpdate?: Function,\n    onRequestClose?: Function,\n    onSelectItem?: (item: Object, index: number) => void,\n    onSelectedClick?: () => void,\n    onSelectedItemsUpdate?: Function,\n    onViewSelectedClick?: Function,\n    shouldNotUsePortal?: boolean,\n    title?: string,\n    infoNoticeText?: string,\n};\n\nconst ContentExplorerModal = ({\n    breadcrumbProps = {},\n    className = '',\n    customInput,\n    title = '',\n    description = '',\n    isOpen = false,\n    isResponsive = false,\n    onRequestClose,\n    onSelectedClick,\n    onSelectItem,\n    shouldNotUsePortal = false,\n    infoNoticeText = '',\n    ...rest\n}: Props) => (\n    <Modal\n        title={title}\n        className={classNames('content-explorer-modal', className, {\n            'bdl-ContentExplorerModal--responsive': isResponsive,\n        })}\n        isOpen={isOpen}\n        onRequestClose={onRequestClose}\n        shouldNotUsePortal={shouldNotUsePortal}\n    >\n        {description}\n        <ContentExplorer\n            breadcrumbProps={breadcrumbProps}\n            customInput={customInput}\n            isResponsive={isResponsive}\n            onCancelButtonClick={onRequestClose}\n            onSelectedClick={onSelectedClick}\n            onSelectItem={onSelectItem}\n            listWidth={560}\n            listHeight={285}\n            infoNoticeText={infoNoticeText}\n            {...rest}\n        />\n    </Modal>\n);\n\nexport default ContentExplorerModal;\n"],"mappings":";;;;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,eAAe,MAAM,qBAAqB;AACjD,SAASC,KAAK,QAAQ,2BAA2B;AAIjD,OAAO,6BAA6B;AA8BpC,MAAMC,oBAAoB,GAAGC,IAAA;EAAA,IAAC;MAC1BC,eAAe,GAAG,CAAC,CAAC;MACpBC,SAAS,GAAG,EAAE;MACdC,WAAW;MACXC,KAAK,GAAG,EAAE;MACVC,WAAW,GAAG,EAAE;MAChBC,MAAM,GAAG,KAAK;MACdC,YAAY,GAAG,KAAK;MACpBC,cAAc;MACdC,eAAe;MACfC,YAAY;MACZC,kBAAkB,GAAG,KAAK;MAC1BC,cAAc,GAAG;IAEd,CAAC,GAAAZ,IAAA;IADDa,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA;EAAA,oBAEPrB,KAAA,CAAAsB,aAAA,CAAClB,KAAK;IACFM,KAAK,EAAEA,KAAM;IACbF,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEO,SAAS,EAAE;MACvD,sCAAsC,EAAEK;IAC5C,CAAC,CAAE;IACHD,MAAM,EAAEA,MAAO;IACfE,cAAc,EAAEA,cAAe;IAC/BG,kBAAkB,EAAEA;EAAmB,GAEtCN,WAAW,eACZX,KAAA,CAAAsB,aAAA,CAACnB,eAAe,EAAAoB,QAAA;IACZhB,eAAe,EAAEA,eAAgB;IACjCE,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BW,mBAAmB,EAAEV,cAAe;IACpCC,eAAe,EAAEA,eAAgB;IACjCC,YAAY,EAAEA,YAAa;IAC3BS,SAAS,EAAE,GAAI;IACfC,UAAU,EAAE,GAAI;IAChBR,cAAc,EAAEA;EAAe,GAC3BC,IAAI,CACX,CACE,CAAC;AAAA,CACX;AAED,eAAed,oBAAoB","ignoreList":[]}
+{"version":3,"file":"ContentExplorerModal.js","names":["React","classNames","Column","ContentExplorer","Modal","ContentExplorerModal","_ref","breadcrumbProps","className","customInput","title","description","isOpen","isResponsive","onRequestClose","onSelectedClick","onSelectItem","shouldNotUsePortal","infoNoticeText","rest","_objectWithoutProperties","_excluded","createElement","_extends","onCancelButtonClick","listWidth","listHeight"],"sources":["../../../../src/features/content-explorer/content-explorer-modal/ContentExplorerModal.js"],"sourcesContent":["/* @flow */\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport ContentExplorer from '../content-explorer';\nimport { Modal } from '../../../components/modal';\n\nimport type { BreadcrumbProps } from '../../../components/breadcrumb/Breadcrumb';\n\nimport './ContentExplorerModal.scss';\n\ntype Props = {\n    additionalColumns?: Array<React.ComponentType<Column>>,\n    breadcrumbIcon?: React.ComponentType<any>,\n    breadcrumbProps?: BreadcrumbProps,\n    className?: string,\n    controlledSelectedItems?: Object,\n    customInput?: React.ComponentType<any>,\n    description?: string,\n    hasFolderTreeBreadcrumbs: boolean,\n    includeSubfoldersProps?: Object,\n    isNoSelectionAllowed?: boolean,\n    isOpen?: boolean,\n    isResponsive?: boolean,\n    itemButtonRenderer: Function,\n    itemRowHeight?: number,\n    itemRowRenderer?: Function,\n    listHeaderHeight?: number,\n    listHeaderRenderer?: Function,\n    onFoldersPathUpdate?: Function,\n    onRequestClose?: Function,\n    onSelectItem?: (item: Object, index: number) => void,\n    onSelectedClick?: () => void,\n    onSelectedItemsUpdate?: Function,\n    onViewSelectedClick?: Function,\n    shouldNotUsePortal?: boolean,\n    title?: string,\n    infoNoticeText?: string,\n    noItemsRenderer?: Function,\n};\n\nconst ContentExplorerModal = ({\n    breadcrumbProps = {},\n    className = '',\n    customInput,\n    title = '',\n    description = '',\n    isOpen = false,\n    isResponsive = false,\n    onRequestClose,\n    onSelectedClick,\n    onSelectItem,\n    shouldNotUsePortal = false,\n    infoNoticeText = '',\n    ...rest\n}: Props) => (\n    <Modal\n        title={title}\n        className={classNames('content-explorer-modal', className, {\n            'bdl-ContentExplorerModal--responsive': isResponsive,\n        })}\n        isOpen={isOpen}\n        onRequestClose={onRequestClose}\n        shouldNotUsePortal={shouldNotUsePortal}\n    >\n        {description}\n        <ContentExplorer\n            breadcrumbProps={breadcrumbProps}\n            customInput={customInput}\n            isResponsive={isResponsive}\n            onCancelButtonClick={onRequestClose}\n            onSelectedClick={onSelectedClick}\n            onSelectItem={onSelectItem}\n            listWidth={560}\n            listHeight={285}\n            infoNoticeText={infoNoticeText}\n            {...rest}\n        />\n    </Modal>\n);\n\nexport default ContentExplorerModal;\n"],"mappings":";;;;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,eAAe,MAAM,qBAAqB;AACjD,SAASC,KAAK,QAAQ,2BAA2B;AAIjD,OAAO,6BAA6B;AAgCpC,MAAMC,oBAAoB,GAAGC,IAAA;EAAA,IAAC;MAC1BC,eAAe,GAAG,CAAC,CAAC;MACpBC,SAAS,GAAG,EAAE;MACdC,WAAW;MACXC,KAAK,GAAG,EAAE;MACVC,WAAW,GAAG,EAAE;MAChBC,MAAM,GAAG,KAAK;MACdC,YAAY,GAAG,KAAK;MACpBC,cAAc;MACdC,eAAe;MACfC,YAAY;MACZC,kBAAkB,GAAG,KAAK;MAC1BC,cAAc,GAAG;IAEd,CAAC,GAAAZ,IAAA;IADDa,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA;EAAA,oBAEPrB,KAAA,CAAAsB,aAAA,CAAClB,KAAK;IACFM,KAAK,EAAEA,KAAM;IACbF,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEO,SAAS,EAAE;MACvD,sCAAsC,EAAEK;IAC5C,CAAC,CAAE;IACHD,MAAM,EAAEA,MAAO;IACfE,cAAc,EAAEA,cAAe;IAC/BG,kBAAkB,EAAEA;EAAmB,GAEtCN,WAAW,eACZX,KAAA,CAAAsB,aAAA,CAACnB,eAAe,EAAAoB,QAAA;IACZhB,eAAe,EAAEA,eAAgB;IACjCE,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BW,mBAAmB,EAAEV,cAAe;IACpCC,eAAe,EAAEA,eAAgB;IACjCC,YAAY,EAAEA,YAAa;IAC3BS,SAAS,EAAE,GAAI;IACfC,UAAU,EAAE,GAAI;IAChBR,cAAc,EAAEA;EAAe,GAC3BC,IAAI,CACX,CACE,CAAC;AAAA,CACX;AAED,eAAed,oBAAoB","ignoreList":[]}

package/es/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js

@@ -110,6 +110,8 @@ _defineProperty(ContentExplorerModalContainer, "propTypes", {
   additionalColumns: PropTypes.arrayOf(PropTypes.element),
   /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false */
   isNoSelectionAllowed: PropTypes.bool,
+  /** Custom icon for the breadcrumb. Overrides the default icon */
+  breadcrumbIcon: PropTypes.element,
   /** Breadcrumb component options */
   breadcrumbProps: BreadcrumbPropType,
   /** Adds class name. */
@@ -247,7 +249,9 @@ _defineProperty(ContentExplorerModalContainer, "propTypes", {
   /** Custom text for the choose button */
   chooseButtonText: PropTypes.node,
   /** Text for the informational notice, defaults to empty string, which makes notice not visible */
-  infoNoticeText: PropTypes.string
+  infoNoticeText: PropTypes.string,
+  /** Used to render the no items state. Overrides the default no items state. */
+  noItemsRenderer: PropTypes.func
 });
 _defineProperty(ContentExplorerModalContainer, "defaultProps", {
   onCreateFolderSubmit: () => {}

package/es/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js.flow

@@ -15,6 +15,8 @@ class ContentExplorerModalContainer extends Component {
         additionalColumns: PropTypes.arrayOf(PropTypes.element),
         /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false */
         isNoSelectionAllowed: PropTypes.bool,
+        /** Custom icon for the breadcrumb. Overrides the default icon */
+        breadcrumbIcon: PropTypes.element,
         /** Breadcrumb component options */
         breadcrumbProps: BreadcrumbPropType,
         /** Adds class name. */
@@ -153,6 +155,8 @@ class ContentExplorerModalContainer extends Component {
         chooseButtonText: PropTypes.node,
         /** Text for the informational notice, defaults to empty string, which makes notice not visible */
         infoNoticeText: PropTypes.string,
+        /** Used to render the no items state. Overrides the default no items state. */
+        noItemsRenderer: PropTypes.func,
     };
 
     static defaultProps = {

package/es/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorerModalContainer.js","names":["PropTypes","React","Component","classNames","BreadcrumbPropType","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModal","NewFolderModal","ContentExplorerModalContainer","constructor","props","_defineProperty","enteredFolder","newFoldersPath","onEnterFolder","setState","foldersPath","onNewFolderModalShown","isNewFolderModalOpen","onNewFolderModalClosed","state","initialFoldersPath","componentDidUpdate","prevInitialFoldersPath","render","_this$props","className","modalTitle","modalDescription","onCreateFolderSubmit","onCreateFolderInput","isCreatingFolder","createFolderError","shouldNotUsePortal","infoNoticeText","rest","_objectWithoutProperties","_excluded","currentFolder","length","createElement","_extends","title","description","isOpen","handleEnterFolder","onCreateNewFolderButtonClick","handleCreateNewFolderButtonClick","parentFolderName","name","onRequestClose","handleNewFolderModalClose","additionalColumns","arrayOf","element","isNoSelectionAllowed","bool","breadcrumbProps","string","hasFolderTreeBreadcrumbs","headerActionsAccessory","node","func","isRequired","onSelectedClick","onSelectItem","onViewSelectedClick","isSelectAllAllowed","contentExplorerMode","includeSubfoldersProps","object","initialSelectedItems","controlledSelectedItems","onFoldersPathUpdate","onSelectedItemsUpdate","onChooseItems","onMoveItem","onCopyItem","isCreateNewFolderAllowed","onSearchSubmit","onExitSearch","items","numItemsPerPage","number","numTotalItems","onLoadMoreItems","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowHeight","itemRowRenderer","listHeaderHeight","listHeaderRenderer","showCreateNewFolderButton","searchInputProps","chooseButtonText"],"sources":["../../../../src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\n\nimport { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModal from '../content-explorer-modal';\nimport NewFolderModal from '../new-folder-modal';\n\nclass ContentExplorerModalContainer extends Component {\n    static propTypes = {\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        /** Breadcrumb component options */\n        breadcrumbProps: BreadcrumbPropType,\n        /** Adds class name. */\n        className: PropTypes.string,\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        /** Title shown in the ContentExplorerModal. */\n        modalTitle: PropTypes.string,\n        /** Description text shown in the ContentExplorerModal. */\n        modalDescription: PropTypes.string,\n        /** Called when the ContentExplorerModal is closed. */\n        onRequestClose: PropTypes.func.isRequired,\n        /**\n         * Called when the folder creation is submitted.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderSubmit: PropTypes.func,\n        /**\n         * Called with the latest folder name input.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderInput: PropTypes.func,\n        /** Called when the NewFolderModal is shown. */\n        onNewFolderModalShown: PropTypes.func,\n        /** Called when the NewFolderModal is closed. */\n        onNewFolderModalClosed: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: 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        /** Called when the number of items selected text is clicked */\n        onViewSelectedClick: PropTypes.func,\n        /** Folder is in the process of being created. */\n        isCreatingFolder: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Message that will be shown when there was an error creating the folder. */\n        createFolderError: 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 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        /** Items that will show up as selected */\n        controlledSelectedItems: PropTypes.object,\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 items are chosen.\n         *\n         * @param {Object[]} chosenItems In non-multi select mode, the chosenItems will be a 1 element array contain the one chosen item\n         */\n        onChooseItems: 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        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: 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 */\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        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Whether the modals should be nested in a Portal or in a div */\n        shouldNotUsePortal: PropTypes.bool,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n        /** Text for the informational notice, defaults to empty string, which makes notice not visible */\n        infoNoticeText: PropTypes.string,\n    };\n\n    static defaultProps = {\n        onCreateFolderSubmit: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            foldersPath: props.initialFoldersPath,\n            isNewFolderModalOpen: false,\n        };\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            // Close the new folder modal when the folders path has changed\n            this.setState({\n                foldersPath: initialFoldersPath,\n                isNewFolderModalOpen: false,\n            });\n        }\n    }\n\n    handleEnterFolder = (enteredFolder, newFoldersPath) => {\n        const { onEnterFolder } = this.props;\n\n        this.setState({ foldersPath: newFoldersPath });\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleCreateNewFolderButtonClick = () => {\n        const { onNewFolderModalShown } = this.props;\n\n        this.setState({ isNewFolderModalOpen: true }, () => onNewFolderModalShown && onNewFolderModalShown());\n    };\n\n    handleNewFolderModalClose = () => {\n        const { onNewFolderModalClosed } = this.props;\n\n        this.setState({ isNewFolderModalOpen: false }, () => onNewFolderModalClosed && onNewFolderModalClosed());\n    };\n\n    render() {\n        const {\n            className,\n            modalTitle,\n            modalDescription,\n            onCreateFolderSubmit,\n            onCreateFolderInput,\n            isCreatingFolder,\n            createFolderError,\n            initialFoldersPath,\n            shouldNotUsePortal,\n            infoNoticeText,\n            ...rest\n        } = this.props;\n        const { foldersPath, isNewFolderModalOpen } = this.state;\n        const currentFolder = foldersPath[foldersPath.length - 1];\n\n        return (\n            <div className={classNames('content-explorer-modal-container', className)}>\n                <ContentExplorerModal\n                    className={isNewFolderModalOpen ? 'hidden' : ''}\n                    title={modalTitle}\n                    description={modalDescription}\n                    initialFoldersPath={initialFoldersPath}\n                    isOpen\n                    onEnterFolder={this.handleEnterFolder}\n                    onCreateNewFolderButtonClick={this.handleCreateNewFolderButtonClick}\n                    shouldNotUsePortal={shouldNotUsePortal}\n                    infoNoticeText={infoNoticeText}\n                    {...rest}\n                />\n                {isNewFolderModalOpen && (\n                    <NewFolderModal\n                        isOpen\n                        parentFolderName={currentFolder.name}\n                        onRequestClose={this.handleNewFolderModalClose}\n                        onCreateFolderSubmit={onCreateFolderSubmit}\n                        onCreateFolderInput={onCreateFolderInput}\n                        isCreatingFolder={isCreatingFolder}\n                        createFolderError={createFolderError}\n                        shouldNotUsePortal={shouldNotUsePortal}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorerModalContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentExplorerModalContainer.js","names":["PropTypes","React","Component","classNames","BreadcrumbPropType","ContentExplorerModePropType","FoldersPathPropType","ItemsPropType","ContentExplorerModal","NewFolderModal","ContentExplorerModalContainer","constructor","props","_defineProperty","enteredFolder","newFoldersPath","onEnterFolder","setState","foldersPath","onNewFolderModalShown","isNewFolderModalOpen","onNewFolderModalClosed","state","initialFoldersPath","componentDidUpdate","prevInitialFoldersPath","render","_this$props","className","modalTitle","modalDescription","onCreateFolderSubmit","onCreateFolderInput","isCreatingFolder","createFolderError","shouldNotUsePortal","infoNoticeText","rest","_objectWithoutProperties","_excluded","currentFolder","length","createElement","_extends","title","description","isOpen","handleEnterFolder","onCreateNewFolderButtonClick","handleCreateNewFolderButtonClick","parentFolderName","name","onRequestClose","handleNewFolderModalClose","additionalColumns","arrayOf","element","isNoSelectionAllowed","bool","breadcrumbIcon","breadcrumbProps","string","hasFolderTreeBreadcrumbs","headerActionsAccessory","node","func","isRequired","onSelectedClick","onSelectItem","onViewSelectedClick","isSelectAllAllowed","contentExplorerMode","includeSubfoldersProps","object","initialSelectedItems","controlledSelectedItems","onFoldersPathUpdate","onSelectedItemsUpdate","onChooseItems","onMoveItem","onCopyItem","isCreateNewFolderAllowed","onSearchSubmit","onExitSearch","items","numItemsPerPage","number","numTotalItems","onLoadMoreItems","itemIconRenderer","itemNameLinkRenderer","itemButtonRenderer","itemRowHeight","itemRowRenderer","listHeaderHeight","listHeaderRenderer","showCreateNewFolderButton","searchInputProps","chooseButtonText","noItemsRenderer"],"sources":["../../../../src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\n\nimport { BreadcrumbPropType, ContentExplorerModePropType, FoldersPathPropType, ItemsPropType } from '../prop-types';\nimport ContentExplorerModal from '../content-explorer-modal';\nimport NewFolderModal from '../new-folder-modal';\n\nclass ContentExplorerModalContainer extends Component {\n    static propTypes = {\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        /** Custom icon for the breadcrumb. Overrides the default icon */\n        breadcrumbIcon: PropTypes.element,\n        /** Breadcrumb component options */\n        breadcrumbProps: BreadcrumbPropType,\n        /** Adds class name. */\n        className: PropTypes.string,\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        /** Title shown in the ContentExplorerModal. */\n        modalTitle: PropTypes.string,\n        /** Description text shown in the ContentExplorerModal. */\n        modalDescription: PropTypes.string,\n        /** Called when the ContentExplorerModal is closed. */\n        onRequestClose: PropTypes.func.isRequired,\n        /**\n         * Called when the folder creation is submitted.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderSubmit: PropTypes.func,\n        /**\n         * Called with the latest folder name input.\n         *\n         * @param {string} folderName\n         */\n        onCreateFolderInput: PropTypes.func,\n        /** Called when the NewFolderModal is shown. */\n        onNewFolderModalShown: PropTypes.func,\n        /** Called when the NewFolderModal is closed. */\n        onNewFolderModalClosed: PropTypes.func,\n        /** Called when selected button is clicked */\n        onSelectedClick: 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        /** Called when the number of items selected text is clicked */\n        onViewSelectedClick: PropTypes.func,\n        /** Folder is in the process of being created. */\n        isCreatingFolder: PropTypes.bool,\n        /** Whether the user can see select all checkbox */\n        isSelectAllAllowed: PropTypes.bool,\n        /** Message that will be shown when there was an error creating the folder. */\n        createFolderError: 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 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        /** Items that will show up as selected */\n        controlledSelectedItems: PropTypes.object,\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 items are chosen.\n         *\n         * @param {Object[]} chosenItems In non-multi select mode, the chosenItems will be a 1 element array contain the one chosen item\n         */\n        onChooseItems: 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        /** Whether the user has permission to create a new folder */\n        isCreateNewFolderAllowed: 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 */\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        /** Whether the new folder button should be shown */\n        showCreateNewFolderButton: PropTypes.bool,\n        /** Whether the modals should be nested in a Portal or in a div */\n        shouldNotUsePortal: PropTypes.bool,\n        /** Props for the search input */\n        searchInputProps: PropTypes.object,\n        /** Custom text for the choose button */\n        chooseButtonText: PropTypes.node,\n        /** Text for the informational notice, defaults to empty string, which makes notice not visible */\n        infoNoticeText: PropTypes.string,\n        /** Used to render the no items state. Overrides the default no items state. */\n        noItemsRenderer: PropTypes.func,\n    };\n\n    static defaultProps = {\n        onCreateFolderSubmit: () => {},\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            foldersPath: props.initialFoldersPath,\n            isNewFolderModalOpen: false,\n        };\n    }\n\n    componentDidUpdate({ initialFoldersPath: prevInitialFoldersPath }) {\n        const { initialFoldersPath } = this.props;\n\n        if (prevInitialFoldersPath !== initialFoldersPath) {\n            // Close the new folder modal when the folders path has changed\n            this.setState({\n                foldersPath: initialFoldersPath,\n                isNewFolderModalOpen: false,\n            });\n        }\n    }\n\n    handleEnterFolder = (enteredFolder, newFoldersPath) => {\n        const { onEnterFolder } = this.props;\n\n        this.setState({ foldersPath: newFoldersPath });\n        onEnterFolder(enteredFolder, newFoldersPath);\n    };\n\n    handleCreateNewFolderButtonClick = () => {\n        const { onNewFolderModalShown } = this.props;\n\n        this.setState({ isNewFolderModalOpen: true }, () => onNewFolderModalShown && onNewFolderModalShown());\n    };\n\n    handleNewFolderModalClose = () => {\n        const { onNewFolderModalClosed } = this.props;\n\n        this.setState({ isNewFolderModalOpen: false }, () => onNewFolderModalClosed && onNewFolderModalClosed());\n    };\n\n    render() {\n        const {\n            className,\n            modalTitle,\n            modalDescription,\n            onCreateFolderSubmit,\n            onCreateFolderInput,\n            isCreatingFolder,\n            createFolderError,\n            initialFoldersPath,\n            shouldNotUsePortal,\n            infoNoticeText,\n            ...rest\n        } = this.props;\n        const { foldersPath, isNewFolderModalOpen } = this.state;\n        const currentFolder = foldersPath[foldersPath.length - 1];\n\n        return (\n            <div className={classNames('content-explorer-modal-container', className)}>\n                <ContentExplorerModal\n                    className={isNewFolderModalOpen ? 'hidden' : ''}\n                    title={modalTitle}\n                    description={modalDescription}\n                    initialFoldersPath={initialFoldersPath}\n                    isOpen\n                    onEnterFolder={this.handleEnterFolder}\n                    onCreateNewFolderButtonClick={this.handleCreateNewFolderButtonClick}\n                    shouldNotUsePortal={shouldNotUsePortal}\n                    infoNoticeText={infoNoticeText}\n                    {...rest}\n                />\n                {isNewFolderModalOpen && (\n                    <NewFolderModal\n                        isOpen\n                        parentFolderName={currentFolder.name}\n                        onRequestClose={this.handleNewFolderModalClose}\n                        onCreateFolderSubmit={onCreateFolderSubmit}\n                        onCreateFolderInput={onCreateFolderInput}\n                        isCreatingFolder={isCreatingFolder}\n                        createFolderError={createFolderError}\n                        shouldNotUsePortal={shouldNotUsePortal}\n                    />\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ContentExplorerModalContainer;\n"],"mappings":"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","ignoreList":[]}

package/package.json

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

package/src/features/content-explorer/content-explorer/ContentExplorer.js

@@ -31,6 +31,8 @@ class ContentExplorer extends Component {
         controlledSelectedItems: PropTypes.object,
         /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false  */
         isNoSelectionAllowed: PropTypes.bool,
+        /** Custom icon for the breadcrumb. Overrides the default icon */
+        breadcrumbIcon: PropTypes.element,
         /** Props for breadcrumbs */
         breadcrumbProps: PropTypes.object,
         /** Props for the cancel button */
@@ -161,6 +163,8 @@ class ContentExplorer extends Component {
         searchInputProps: PropTypes.object,
         /** Text for the informational notice, defaults to empty string, which makes notice not visible */
         infoNoticeText: PropTypes.string,
+        /** Used to render the no items state. Overrides the default no items state. */
+        noItemsRenderer: PropTypes.func,
     };
 
     static defaultProps = {
@@ -461,6 +465,7 @@ class ContentExplorer extends Component {
             additionalColumns,
             controlledSelectedItems,
             isNoSelectionAllowed = false,
+            breadcrumbIcon,
             breadcrumbProps,
             cancelButtonProps,
             chooseButtonProps,
@@ -500,6 +505,7 @@ class ContentExplorer extends Component {
             listHeight,
             searchInputProps,
             infoNoticeText,
+            noItemsRenderer,
             ...rest
         } = this.props;
         const { isInSearchMode, foldersPath, isSelectAllChecked } = this.state;
@@ -558,6 +564,7 @@ class ContentExplorer extends Component {
             >
                 {infoNoticeText && <ContentExplorerInfoNotice infoNoticeText={infoNoticeText} />}
                 <ContentExplorerHeaderActions
+                    breadcrumbIcon={breadcrumbIcon}
                     breadcrumbProps={breadcrumbProps}
                     contentExplorerMode={contentExplorerMode}
                     customInput={customInput}
@@ -600,7 +607,7 @@ class ContentExplorer extends Component {
                     itemNameLinkRenderer={itemNameLinkRenderer}
                     items={items}
                     itemRowRenderer={itemRowRenderer}
-                    noItemsRenderer={this.renderItemListEmptyState}
+                    noItemsRenderer={noItemsRenderer || this.renderItemListEmptyState}
                     numItemsPerPage={numItemsPerPage}
                     numTotalItems={numTotalItems}
                     onItemClick={this.handleItemClick}

package/src/features/content-explorer/content-explorer/ContentExplorerBreadcrumbs.js

@@ -12,6 +12,7 @@ import { FoldersPathPropType } from '../prop-types';
 import messages from '../messages';
 
 const ContentExplorerBreadcrumbs = ({
+    breadcrumbIcon,
     breadcrumbProps,
     foldersPath,
     intl: { formatMessage },
@@ -39,7 +40,7 @@ const ContentExplorerBreadcrumbs = ({
                         onClick={event => onBreadcrumbClick(i, event)}
                         title={folder.name}
                     >
-                        {i === 0 && <IconAllFiles />}
+                        {i === 0 && (breadcrumbIcon || <IconAllFiles />)}
                         <span>{folder.name}</span>
                     </PlainButton>
                 </div>

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

@@ -16,6 +16,7 @@ const isSearchResultsFolder = folder => folder && folder.id === SEARCH_RESULTS_F
 
 class ContentExplorerHeaderActions extends Component {
     static propTypes = {
+        breadcrumbIcon: PropTypes.element,
         breadcrumbProps: BreadcrumbPropType,
         children: PropTypes.node,
         contentExplorerMode: ContentExplorerModePropType.isRequired,
@@ -151,6 +152,7 @@ class ContentExplorerHeaderActions extends Component {
 
     render() {
         const {
+            breadcrumbIcon,
             breadcrumbProps,
             children,
             contentExplorerMode,
@@ -200,6 +202,7 @@ class ContentExplorerHeaderActions extends Component {
                     />
                 ) : (
                     <ContentExplorerBreadcrumbs
+                        breadcrumbIcon={breadcrumbIcon}
                         breadcrumbProps={breadcrumbProps}
                         foldersPath={foldersPath}
                         isUpButtonDisabled={isBreadcrumbButtonDisabled}

package/src/features/content-explorer/content-explorer/__tests__/ContentExplorer.test.js

@@ -130,6 +130,12 @@ describe('features/content-explorer/content-explorer/ContentExplorer', () => {
             expect(wrapper).toMatchSnapshot();
         });
 
+        test('should pass breadcrumbIcon to ContentExplorerHeaderActions', () => {
+            const breadcrumbIcon = <div>Icon</div>;
+            const wrapper = renderComponent({ breadcrumbIcon });
+            expect(wrapper.find('ContentExplorerHeaderActions').prop('breadcrumbIcon')).toEqual(breadcrumbIcon);
+        });
+
         [
             {
                 contentExplorerMode: ContentExplorerModes.SELECT_FILE,
@@ -579,6 +585,27 @@ describe('features/content-explorer/content-explorer/ContentExplorer', () => {
         });
     });
 
+    describe('noItemsRenderer', () => {
+        const customEmptyStateClassName = 'custom-empty-state';
+
+        test('should render custom empty state when specified', () => {
+            const wrapper = renderComponent(
+                { noItemsRenderer: () => <div className={customEmptyStateClassName} /> },
+                true,
+            );
+
+            expect(wrapper.exists(`.${customEmptyStateClassName}`)).toBe(true);
+            expect(wrapper.exists('ContentExplorerEmptyState')).toBe(false);
+        });
+
+        test('should render default empty state when not specified', () => {
+            const wrapper = renderComponent({}, true);
+
+            expect(wrapper.exists('ContentExplorerEmptyState')).toBe(true);
+            expect(wrapper.exists(`.${customEmptyStateClassName}`)).toBe(false);
+        });
+    });
+
     describe('handleDocumentClick', () => {
         test('should deselect when the click did not occur inside the content explorer and not in multi select mode', () => {
             const item = { id: 'id', name: 'name' };

package/src/features/content-explorer/content-explorer/__tests__/ContentExplorerBreadcrumbs.test.js

@@ -13,13 +13,14 @@ describe('features/content-explorer/content-explorer/ContentExplorerBreadcrumbs'
         sandbox.verifyAndRestore();
     });
 
+    const foldersPath = [
+        { id: '0', name: 'folder1' },
+        { id: '1', name: 'folder2' },
+        { id: '2', name: 'folder3' },
+    ];
+
     describe('render()', () => {
         test('should render correct breadcrumbs', () => {
-            const foldersPath = [
-                { id: '0', name: 'folder1' },
-                { id: '1', name: 'folder2' },
-                { id: '2', name: 'folder3' },
-            ];
             const wrapper = renderComponent({
                 foldersPath,
             });
@@ -27,7 +28,6 @@ describe('features/content-explorer/content-explorer/ContentExplorerBreadcrumbs'
             expect(wrapper.find('.content-explorer-breadcrumbs-container').length).toBe(1);
             expect(wrapper.find('.content-explorer-breadcrumbs-up-button').length).toBe(1);
             expect(wrapper.find('Breadcrumb').length).toBe(1);
-            expect(wrapper.find('IconAllFiles').length).toBe(1);
 
             const breadcrumbs = wrapper.find('[data-testid="breadcrumb-lnk"]');
 
@@ -45,6 +45,22 @@ describe('features/content-explorer/content-explorer/ContentExplorerBreadcrumbs'
 
             expect(wrapper.find('.content-explorer-breadcrumbs-up-button').prop('isDisabled')).toBe(true);
         });
+
+        test('should render custom breadcrumb icon if specified', () => {
+            const wrapper = renderComponent({
+                breadcrumbIcon: <div className="test-icon" />,
+                foldersPath,
+            });
+            expect(wrapper.find('.test-icon').length).toBe(1);
+            expect(wrapper.find('IconAllFiles').length).toBe(0);
+        });
+
+        test('should render IconAllFiles if breadcrumb icon not specified', () => {
+            const wrapper = renderComponent({
+                foldersPath,
+            });
+            expect(wrapper.find('IconAllFiles').length).toBe(1);
+        });
     });
 
     describe('onUpButtonClick', () => {
@@ -64,21 +80,13 @@ describe('features/content-explorer/content-explorer/ContentExplorerBreadcrumbs'
         test('should call onBreadcrumbClick when breadcrumb is clicked', () => {
             const breadcrumbIndex = 1;
             const event = {};
-            const foldersPath = [
-                { id: '0', name: 'folder1' },
-                { id: '1', name: 'folder2' },
-                { id: '2', name: 'folder3' },
-            ];
             const onBreadcrumbClickSpy = sandbox.spy();
             const wrapper = renderComponent({
                 foldersPath,
                 onBreadcrumbClick: onBreadcrumbClickSpy,
             });
 
-            wrapper
-                .find('[data-testid="breadcrumb-lnk"]')
-                .at(breadcrumbIndex)
-                .simulate('click', event);
+            wrapper.find('[data-testid="breadcrumb-lnk"]').at(breadcrumbIndex).simulate('click', event);
 
             expect(onBreadcrumbClickSpy.calledOnce).toBe(true);
             expect(onBreadcrumbClickSpy.calledWithExactly(breadcrumbIndex, event)).toBe(true);

package/src/features/content-explorer/content-explorer/__tests__/ContentExplorerHeaderActions.test.js

@@ -100,6 +100,12 @@ describe('features/content-explorer/content-explorer/ContentExplorerHeaderAction
             expect(wrapper.instance().props.customInput).toEqual(customInput);
             expect(wrapper).toMatchSnapshot();
         });
+
+        test('should pass breadcrumbIcon to ContentExplorerBreadcrumbs', () => {
+            const breadcrumbIcon = <div>Icon</div>;
+            const wrapper = renderComponent({ breadcrumbIcon });
+            expect(wrapper.find('ContentExplorerBreadcrumbs').prop('breadcrumbIcon')).toEqual(breadcrumbIcon);
+        });
     });
 
     describe('onEnterFolder', () => {
@@ -202,10 +208,7 @@ describe('features/content-explorer/content-explorer/ContentExplorerHeaderAction
         test('should call onExitSearch when clicking the breadcrumbs up button to exit search', () => {
             const wrapper = renderComponent({ foldersPath, onExitSearch: onExitSearchSpy }, true);
 
-            wrapper
-                .find('.content-explorer-breadcrumbs-up-button')
-                .hostNodes()
-                .simulate('click');
+            wrapper.find('.content-explorer-breadcrumbs-up-button').hostNodes().simulate('click');
 
             expect(onExitSearchSpy.calledOnce).toBe(true);
         });
@@ -252,10 +255,7 @@ describe('features/content-explorer/content-explorer/ContentExplorerHeaderAction
 
             const wrapper = renderComponent({ foldersPath, onFoldersPathUpdated: onFoldersPathUpdatedSpy }, true);
 
-            wrapper
-                .find('.content-explorer-breadcrumbs-up-button')
-                .hostNodes()
-                .simulate('click');
+            wrapper.find('.content-explorer-breadcrumbs-up-button').hostNodes().simulate('click');
 
             expect(onFoldersPathUpdatedSpy.calledOnce).toBe(true);
         });

package/src/features/content-explorer/content-explorer-modal/ContentExplorerModal.js

@@ -12,6 +12,7 @@ import './ContentExplorerModal.scss';
 
 type Props = {
     additionalColumns?: Array<React.ComponentType<Column>>,
+    breadcrumbIcon?: React.ComponentType<any>,
     breadcrumbProps?: BreadcrumbProps,
     className?: string,
     controlledSelectedItems?: Object,
@@ -36,6 +37,7 @@ type Props = {
     shouldNotUsePortal?: boolean,
     title?: string,
     infoNoticeText?: string,
+    noItemsRenderer?: Function,
 };
 
 const ContentExplorerModal = ({

package/src/features/content-explorer/content-explorer-modal/__tests__/ContentExplorerModal.test.js

@@ -63,18 +63,26 @@ describe('features/content-explorer/content-explorer-modal/ContentExplorerModal'
             expect(wrapper).toMatchSnapshot();
         });
 
-        test('should pass onSelectedClick and onSelectItem to ContentExplorer', () => {
+        test('should pass onSelectedClick, onSelectItem, infoNoticeText, noItemsRenderer and breadcrumbIcon to ContentExplorer', () => {
             const onSelectedClick = () => {};
             const onSelectItem = () => {};
-            const wrapper = renderComponent({ onSelectedClick, onSelectItem });
+            const infoNoticeText = 'info notice text';
+            const noItemsRenderer = () => <div>No items</div>;
+            const breadcrumbIcon = <div>Icon</div>;
+
+            const wrapper = renderComponent({
+                onSelectedClick,
+                onSelectItem,
+                infoNoticeText,
+                noItemsRenderer,
+                breadcrumbIcon,
+            });
+
             expect(wrapper.find('ContentExplorer').prop('onSelectedClick')).toEqual(onSelectedClick);
             expect(wrapper.find('ContentExplorer').prop('onSelectItem')).toEqual(onSelectItem);
-        });
-
-        test('should pass infoNoticeText to ContentExplorer', () => {
-            const infoNoticeText = 'info notice text';
-            const wrapper = renderComponent({ infoNoticeText });
             expect(wrapper.find('ContentExplorer').prop('infoNoticeText')).toEqual(infoNoticeText);
+            expect(wrapper.find('ContentExplorer').prop('noItemsRenderer')).toEqual(noItemsRenderer);
+            expect(wrapper.find('ContentExplorer').prop('breadcrumbIcon')).toEqual(breadcrumbIcon);
         });
     });
 });

package/src/features/content-explorer/content-explorer-modal-container/ContentExplorerModalContainer.js

@@ -15,6 +15,8 @@ class ContentExplorerModalContainer extends Component {
         additionalColumns: PropTypes.arrayOf(PropTypes.element),
         /**  Allow users to choose no selections in MULTI_SELECT mode, defaults to false */
         isNoSelectionAllowed: PropTypes.bool,
+        /** Custom icon for the breadcrumb. Overrides the default icon */
+        breadcrumbIcon: PropTypes.element,
         /** Breadcrumb component options */
         breadcrumbProps: BreadcrumbPropType,
         /** Adds class name. */
@@ -153,6 +155,8 @@ class ContentExplorerModalContainer extends Component {
         chooseButtonText: PropTypes.node,
         /** Text for the informational notice, defaults to empty string, which makes notice not visible */
         infoNoticeText: PropTypes.string,
+        /** Used to render the no items state. Overrides the default no items state. */
+        noItemsRenderer: PropTypes.func,
     };
 
     static defaultProps = {

package/src/features/content-explorer/content-explorer-modal-container/__tests__/ContentExplorerModalContainer.test.js

@@ -66,22 +66,28 @@ describe('features/content-explorer/content-explorer-modal-container/ContentExpl
             expect(wrapper.find('NewFolderModal').prop('parentFolderName')).toEqual(parentFolderName);
         });
 
-        test('should pass searchInputProps, chooseButtonText, onSelectItem, and onSelectedClick to ContentExplorerModal', () => {
+        test('should pass searchInputProps, chooseButtonText, onSelectItem, onSelectedClick, noItemsRenderer and breadcrumbIcon to ContentExplorerModal', () => {
             const searchInputProps = { placeholder: 'test' };
             const chooseButtonText = 'test';
             const onSelectedClick = () => {};
             const onSelectItem = () => {};
+            const noItemsRenderer = () => <div>No items</div>;
+            const breadcrumbIcon = <div>Icon</div>;
             const wrapper = renderComponent({
                 searchInputProps,
                 chooseButtonText,
                 onSelectedClick,
                 onSelectItem,
+                noItemsRenderer,
+                breadcrumbIcon,
             });
 
             expect(wrapper.find('ContentExplorerModal').prop('searchInputProps')).toEqual(searchInputProps);
             expect(wrapper.find('ContentExplorerModal').prop('chooseButtonText')).toEqual(chooseButtonText);
             expect(wrapper.find('ContentExplorerModal').prop('onSelectedClick')).toEqual(onSelectedClick);
             expect(wrapper.find('ContentExplorerModal').prop('onSelectItem')).toEqual(onSelectItem);
+            expect(wrapper.find('ContentExplorerModal').prop('noItemsRenderer')).toEqual(noItemsRenderer);
+            expect(wrapper.find('ContentExplorerModal').prop('breadcrumbIcon')).toEqual(breadcrumbIcon);
         });
 
         test('should render ContentExplorerModal and NewFolderModal in Portal by default', () => {