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

package/es/features/content-explorer/item-list/ItemList.js

@@ -24,6 +24,7 @@ import ItemListButton from './ItemListButton';
 import './ItemList.scss';
 var TABLE_CELL_CLASS = 'table-cell';
 var InfiniteLoaderTable = withInfiniteLoader(Table);
+var DEFAULT_ROW_HEIGHT = 40;
 
 var withAutoSizer = function withAutoSizer(WrappedComponent) {
   return function (props) {
@@ -128,7 +129,8 @@ var itemLoadingPlaceholderRenderer = function itemLoadingPlaceholderRenderer(ren
 };
 
 var ItemList = function ItemList(_ref2) {
-  var contentExplorerMode = _ref2.contentExplorerMode,
+  var additionalColumns = _ref2.additionalColumns,
+      contentExplorerMode = _ref2.contentExplorerMode,
       _ref2$className = _ref2.className,
       className = _ref2$className === void 0 ? '' : _ref2$className,
       _ref2$isResponsive = _ref2.isResponsive,
@@ -142,6 +144,8 @@ var ItemList = function ItemList(_ref2) {
       onItemDoubleClick = _ref2.onItemDoubleClick,
       onItemNameClick = _ref2.onItemNameClick,
       onLoadMoreItems = _ref2.onLoadMoreItems,
+      headerHeight = _ref2.headerHeight,
+      headerRenderer = _ref2.headerRenderer,
       itemIconRenderer = _ref2.itemIconRenderer,
       itemNameLinkRenderer = _ref2.itemNameLinkRenderer,
       itemButtonRenderer = _ref2.itemButtonRenderer,
@@ -149,7 +153,9 @@ var ItemList = function ItemList(_ref2) {
       itemRowRenderer = _ref2$itemRowRenderer === void 0 ? defaultTableRowRenderer : _ref2$itemRowRenderer,
       noItemsRenderer = _ref2.noItemsRenderer,
       width = _ref2.width,
-      height = _ref2.height;
+      height = _ref2.height,
+      _ref2$rowHeight = _ref2.rowHeight,
+      rowHeight = _ref2$rowHeight === void 0 ? DEFAULT_ROW_HEIGHT : _ref2$rowHeight;
 
   var getRow = function getRow(_ref3) {
     var index = _ref3.index;
@@ -221,6 +227,11 @@ var ItemList = function ItemList(_ref2) {
     };
   }
 
+  if (!noItemsRenderer || items.length > 0) {
+    tableProps.headerHeight = headerHeight;
+    tableProps.headerRowRenderer = headerRenderer;
+  }
+
   return React.createElement("div", {
     className: classNames('content-explorer-item-list table', className, {
       'bdl-ContentExplorerItemList--responsive': isResponsive
@@ -230,7 +241,7 @@ var ItemList = function ItemList(_ref2) {
     headerClassName: "table-header-item",
     width: width,
     height: height,
-    rowHeight: 40,
+    rowHeight: rowHeight,
     rowCount: items.length,
     onRowClick: onItemClick,
     onRowDoubleClick: onItemDoubleClick,
@@ -257,7 +268,7 @@ var ItemList = function ItemList(_ref2) {
     width: 0,
     flexGrow: 1,
     flexShrink: 0
-  }), React.createElement(Column, {
+  }), additionalColumns, React.createElement(Column, {
     className: "item-list-button-col",
     cellRenderer: itemButtonCellRenderer,
     columnData: {
@@ -272,6 +283,7 @@ var ItemList = function ItemList(_ref2) {
 
 ItemList.displayName = 'ItemList';
 ItemList.propTypes = {
+  additionalColumns: PropTypes.arrayOf(PropTypes.element),
   className: PropTypes.string,
   contentExplorerMode: ContentExplorerModePropType.isRequired,
   isResponsive: PropTypes.bool,
@@ -283,13 +295,16 @@ ItemList.propTypes = {
   onItemDoubleClick: PropTypes.func,
   onItemNameClick: PropTypes.func,
   onLoadMoreItems: PropTypes.func,
+  headerHeight: PropTypes.number,
+  headerRenderer: PropTypes.func,
   itemIconRenderer: PropTypes.func,
   itemNameLinkRenderer: PropTypes.func,
   itemButtonRenderer: PropTypes.func,
   itemRowRenderer: PropTypes.func,
   noItemsRenderer: PropTypes.func,
   width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired
+  height: PropTypes.number.isRequired,
+  rowHeight: PropTypes.number
 };
 export { ItemList as ItemListBase };
 export default ItemList;

package/es/features/content-explorer/item-list/ItemList.js.flow

@@ -23,6 +23,8 @@ const TABLE_CELL_CLASS = 'table-cell';
 
 const InfiniteLoaderTable = withInfiniteLoader(Table);
 
+const DEFAULT_ROW_HEIGHT = 40;
+
 const withAutoSizer = WrappedComponent => {
     return props => {
         return (
@@ -123,6 +125,7 @@ const itemLoadingPlaceholderRenderer = rendererParams => {
 };
 
 const ItemList = ({
+    additionalColumns,
     contentExplorerMode,
     className = '',
     isResponsive = false,
@@ -134,6 +137,8 @@ const ItemList = ({
     onItemDoubleClick,
     onItemNameClick,
     onLoadMoreItems,
+    headerHeight,
+    headerRenderer,
     itemIconRenderer,
     itemNameLinkRenderer,
     itemButtonRenderer,
@@ -141,6 +146,7 @@ const ItemList = ({
     noItemsRenderer,
     width,
     height,
+    rowHeight = DEFAULT_ROW_HEIGHT,
 }) => {
     const getRow = ({ index }) => items[index];
 
@@ -204,6 +210,11 @@ const ItemList = ({
         };
     }
 
+    if (!noItemsRenderer || items.length > 0) {
+        tableProps.headerHeight = headerHeight;
+        tableProps.headerRowRenderer = headerRenderer;
+    }
+
     return (
         <div
             className={classNames('content-explorer-item-list table', className, {
@@ -215,7 +226,7 @@ const ItemList = ({
                 headerClassName="table-header-item"
                 width={width}
                 height={height}
-                rowHeight={40}
+                rowHeight={rowHeight}
                 rowCount={items.length}
                 onRowClick={onItemClick}
                 onRowDoubleClick={onItemDoubleClick}
@@ -246,6 +257,7 @@ const ItemList = ({
                     flexGrow={1}
                     flexShrink={0}
                 />
+                {additionalColumns}
                 <Column
                     className="item-list-button-col"
                     cellRenderer={itemButtonCellRenderer}
@@ -265,6 +277,7 @@ const ItemList = ({
 ItemList.displayName = 'ItemList';
 
 ItemList.propTypes = {
+    additionalColumns: PropTypes.arrayOf(PropTypes.element),
     className: PropTypes.string,
     contentExplorerMode: ContentExplorerModePropType.isRequired,
     isResponsive: PropTypes.bool,
@@ -276,6 +289,8 @@ ItemList.propTypes = {
     onItemDoubleClick: PropTypes.func,
     onItemNameClick: PropTypes.func,
     onLoadMoreItems: PropTypes.func,
+    headerHeight: PropTypes.number,
+    headerRenderer: PropTypes.func,
     itemIconRenderer: PropTypes.func,
     itemNameLinkRenderer: PropTypes.func,
     itemButtonRenderer: PropTypes.func,
@@ -283,6 +298,7 @@ ItemList.propTypes = {
     noItemsRenderer: PropTypes.func,
     width: PropTypes.number.isRequired,
     height: PropTypes.number.isRequired,
+    rowHeight: PropTypes.number,
 };
 
 export { ItemList as ItemListBase };

package/es/features/content-explorer/item-list/ItemList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemList.js"],"names":["PropTypes","React","classNames","getProp","AutoSizer","Column","Table","defaultTableRowRenderer","withInfiniteLoader","ContentExplorerModePropType","ItemsPropType","ItemsMapPropType","ItemListIcon","ItemListLoadingPlaceholder","ItemListName","ItemListButton","TABLE_CELL_CLASS","InfiniteLoaderTable","withAutoSizer","WrappedComponent","props","flex","w","width","h","height","TableResponsive","itemIconCellRenderer","rendererParams","rowData","type","extension","hasCollaborations","isExternallyOwned","itemIconRenderer","columnData","isItemSelected","itemId","selectedItems","undefined","itemNameCellRenderer","rowIndex","id","name","label","onItemNameClick","itemNameLinkRenderer","event","renderItemListButton","contentExplorerMode","isActionDisabled","isDisabled","itemButtonCellRenderer","itemButtonRenderer","itemLoadingPlaceholderRenderer","loadingPlaceholderColumnWidths","columnIndex","ItemList","className","isResponsive","items","numItemsPerPage","numTotalItems","onItemClick","onItemDoubleClick","onLoadMoreItems","itemRowRenderer","noItemsRenderer","getRow","index","getRowClassNames","item","result","isLoading","renderRow","key","style","rowClassName","columns","itemRowClassname","testId","map","column","defaultRow","cloneElement","TableComponent","tableProps","infiniteLoaderProps","isRowLoaded","loadMoreRows","minimumBatchSize","rowCount","threshold","length","displayName","propTypes","string","isRequired","bool","number","func","ItemListBase"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\nimport AutoSizer from '@box/react-virtualized/dist/commonjs/AutoSizer';\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport Table from '@box/react-virtualized/dist/commonjs/Table';\nimport defaultTableRowRenderer from '@box/react-virtualized/dist/commonjs/Table/defaultRowRenderer';\nimport '@box/react-virtualized/styles.css';\n\nimport { withInfiniteLoader } from '../../../components/react-virtualized-helpers';\n\nimport { ContentExplorerModePropType, ItemsPropType, ItemsMapPropType } from '../prop-types';\n\nimport ItemListIcon from './ItemListIcon';\nimport ItemListLoadingPlaceholder from './ItemListLoadingPlaceholder';\nimport ItemListName from './ItemListName';\nimport ItemListButton from './ItemListButton';\n\nimport './ItemList.scss';\n\nconst TABLE_CELL_CLASS = 'table-cell';\n\nconst InfiniteLoaderTable = withInfiniteLoader(Table);\n\nconst withAutoSizer = WrappedComponent => {\n    return props => {\n        return (\n            <div style={{ flex: 1 }}>\n                <AutoSizer>\n                    {({ width: w, height: h }) => <WrappedComponent {...props} width={w} height={h} />}\n                </AutoSizer>\n            </div>\n        );\n    };\n};\n\nconst TableResponsive = withAutoSizer(Table);\n\nconst itemIconCellRenderer = rendererParams => {\n    const {\n        rowData: { type, extension, hasCollaborations, isExternallyOwned },\n        columnData: { itemIconRenderer },\n    } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            {itemIconRenderer ? (\n                itemIconRenderer(rendererParams)\n            ) : (\n                <ItemListIcon\n                    type={type}\n                    extension={extension}\n                    hasCollaborations={hasCollaborations}\n                    isExternallyOwned={isExternallyOwned}\n                />\n            )}\n        </div>\n    );\n};\n\nconst isItemSelected = (itemId, selectedItems) => selectedItems[itemId] !== undefined;\n\nconst itemNameCellRenderer = rendererParams => {\n    const {\n        rowIndex,\n        rowData: { id, type, name, label },\n        columnData: { selectedItems, onItemNameClick, itemNameLinkRenderer },\n    } = rendererParams;\n    // loading placeholder may not have name and ItemListName requires name\n    return (\n        name && (\n            <div className={TABLE_CELL_CLASS}>\n                <ItemListName\n                    itemId={id}\n                    type={type}\n                    name={name}\n                    label={label}\n                    isSelected={isItemSelected(id, selectedItems)}\n                    onClick={event => onItemNameClick(event, rowIndex)}\n                    linkRenderer={itemNameLinkRenderer}\n                />\n            </div>\n        )\n    );\n};\n\nconst renderItemListButton = (contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems) =>\n    name && (\n        <ItemListButton\n            contentExplorerMode={contentExplorerMode}\n            id={id}\n            isDisabled={isActionDisabled}\n            isSelected={isItemSelected(id, selectedItems)}\n            name={name}\n        />\n    );\n\nconst itemButtonCellRenderer = rendererParams => {\n    const {\n        columnData: { contentExplorerMode, itemButtonRenderer, selectedItems },\n        rowData: { id, isActionDisabled, isDisabled, name },\n    } = rendererParams;\n    return (\n        !isDisabled && (\n            <div className={TABLE_CELL_CLASS}>\n                {itemButtonRenderer\n                    ? itemButtonRenderer(rendererParams)\n                    : renderItemListButton(contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems)}\n            </div>\n        )\n    );\n};\n\nconst itemLoadingPlaceholderRenderer = rendererParams => {\n    const { loadingPlaceholderColumnWidths, columnIndex } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            <ItemListLoadingPlaceholder\n                width={loadingPlaceholderColumnWidths && loadingPlaceholderColumnWidths[columnIndex]}\n            />\n        </div>\n    );\n};\n\nconst ItemList = ({\n    contentExplorerMode,\n    className = '',\n    isResponsive = false,\n    items,\n    numItemsPerPage,\n    numTotalItems,\n    selectedItems = {},\n    onItemClick,\n    onItemDoubleClick,\n    onItemNameClick,\n    onLoadMoreItems,\n    itemIconRenderer,\n    itemNameLinkRenderer,\n    itemButtonRenderer,\n    itemRowRenderer = defaultTableRowRenderer,\n    noItemsRenderer,\n    width,\n    height,\n}) => {\n    const getRow = ({ index }) => items[index];\n\n    const getRowClassNames = (index, item) => {\n        let result = index === -1 ? 'table-header' : 'table-row';\n\n        if (isItemSelected(item.id, selectedItems)) {\n            result = classNames('is-selected', result);\n        }\n        if (item && (item.isDisabled || item.isLoading)) {\n            result = classNames('disabled', result);\n        }\n\n        return result;\n    };\n\n    const renderRow = rendererParams => {\n        const { index, key, style, className: rowClassName, columns } = rendererParams;\n        const item = items[index];\n        const itemRowClassname = classNames(rowClassName, getRowClassNames(index, item));\n        const testId = getProp(rendererParams, 'rowData.id', '');\n\n        if (item.isLoading) {\n            return (\n                <div key={key} style={style} className={itemRowClassname} role=\"row\">\n                    {columns.map((column, columnIndex) => (\n                        <div\n                            key={columnIndex}\n                            className={column.props.className}\n                            style={column.props.style}\n                            role=\"gridcell\"\n                        >\n                            {itemLoadingPlaceholderRenderer({\n                                item,\n                                columnIndex,\n                            })}\n                        </div>\n                    ))}\n                </div>\n            );\n        }\n\n        const defaultRow = itemRowRenderer({\n            ...rendererParams,\n            className: itemRowClassname,\n        });\n        return React.cloneElement(defaultRow, { 'data-testid': `item-row-${testId}` });\n    };\n\n    let TableComponent = isResponsive ? TableResponsive : Table;\n    const tableProps = {};\n\n    if (onLoadMoreItems) {\n        TableComponent = InfiniteLoaderTable;\n        tableProps.infiniteLoaderProps = {\n            isRowLoaded: getRow,\n            loadMoreRows: onLoadMoreItems,\n            minimumBatchSize: numItemsPerPage,\n            rowCount: numTotalItems,\n            threshold: numItemsPerPage,\n        };\n    }\n\n    return (\n        <div\n            className={classNames('content-explorer-item-list table', className, {\n                'bdl-ContentExplorerItemList--responsive': isResponsive,\n            })}\n        >\n            <TableComponent\n                gridClassName=\"table-body\"\n                headerClassName=\"table-header-item\"\n                width={width}\n                height={height}\n                rowHeight={40}\n                rowCount={items.length}\n                onRowClick={onItemClick}\n                onRowDoubleClick={onItemDoubleClick}\n                rowGetter={getRow}\n                rowRenderer={renderRow}\n                noRowsRenderer={noItemsRenderer}\n                {...tableProps}\n            >\n                <Column\n                    className=\"item-list-icon-col\"\n                    cellRenderer={itemIconCellRenderer}\n                    columnData={{\n                        itemIconRenderer,\n                    }}\n                    dataKey=\"icon\"\n                    width={32}\n                />\n                <Column\n                    className=\"item-list-name-col\"\n                    cellRenderer={itemNameCellRenderer}\n                    columnData={{\n                        selectedItems,\n                        onItemNameClick,\n                        itemNameLinkRenderer,\n                    }}\n                    dataKey=\"name\"\n                    width={0}\n                    flexGrow={1}\n                    flexShrink={0}\n                />\n                <Column\n                    className=\"item-list-button-col\"\n                    cellRenderer={itemButtonCellRenderer}\n                    columnData={{\n                        contentExplorerMode,\n                        itemButtonRenderer,\n                        selectedItems,\n                    }}\n                    dataKey=\"button\"\n                    width={30}\n                />\n            </TableComponent>\n        </div>\n    );\n};\n\nItemList.displayName = 'ItemList';\n\nItemList.propTypes = {\n    className: PropTypes.string,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    isResponsive: PropTypes.bool,\n    items: ItemsPropType.isRequired,\n    numItemsPerPage: PropTypes.number,\n    numTotalItems: PropTypes.number,\n    selectedItems: ItemsMapPropType.isRequired,\n    onItemClick: PropTypes.func,\n    onItemDoubleClick: PropTypes.func,\n    onItemNameClick: PropTypes.func,\n    onLoadMoreItems: PropTypes.func,\n    itemIconRenderer: PropTypes.func,\n    itemNameLinkRenderer: PropTypes.func,\n    itemButtonRenderer: PropTypes.func,\n    itemRowRenderer: PropTypes.func,\n    noItemsRenderer: PropTypes.func,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n};\n\nexport { ItemList as ItemListBase };\nexport default ItemList;\n"],"file":"ItemList.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemList.js"],"names":["PropTypes","React","classNames","getProp","AutoSizer","Column","Table","defaultTableRowRenderer","withInfiniteLoader","ContentExplorerModePropType","ItemsPropType","ItemsMapPropType","ItemListIcon","ItemListLoadingPlaceholder","ItemListName","ItemListButton","TABLE_CELL_CLASS","InfiniteLoaderTable","DEFAULT_ROW_HEIGHT","withAutoSizer","WrappedComponent","props","flex","w","width","h","height","TableResponsive","itemIconCellRenderer","rendererParams","rowData","type","extension","hasCollaborations","isExternallyOwned","itemIconRenderer","columnData","isItemSelected","itemId","selectedItems","undefined","itemNameCellRenderer","rowIndex","id","name","label","onItemNameClick","itemNameLinkRenderer","event","renderItemListButton","contentExplorerMode","isActionDisabled","isDisabled","itemButtonCellRenderer","itemButtonRenderer","itemLoadingPlaceholderRenderer","loadingPlaceholderColumnWidths","columnIndex","ItemList","additionalColumns","className","isResponsive","items","numItemsPerPage","numTotalItems","onItemClick","onItemDoubleClick","onLoadMoreItems","headerHeight","headerRenderer","itemRowRenderer","noItemsRenderer","rowHeight","getRow","index","getRowClassNames","item","result","isLoading","renderRow","key","style","rowClassName","columns","itemRowClassname","testId","map","column","defaultRow","cloneElement","TableComponent","tableProps","infiniteLoaderProps","isRowLoaded","loadMoreRows","minimumBatchSize","rowCount","threshold","length","headerRowRenderer","displayName","propTypes","arrayOf","element","string","isRequired","bool","number","func","ItemListBase"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport getProp from 'lodash/get';\nimport AutoSizer from '@box/react-virtualized/dist/commonjs/AutoSizer';\nimport Column from '@box/react-virtualized/dist/commonjs/Table/Column';\nimport Table from '@box/react-virtualized/dist/commonjs/Table';\nimport defaultTableRowRenderer from '@box/react-virtualized/dist/commonjs/Table/defaultRowRenderer';\nimport '@box/react-virtualized/styles.css';\n\nimport { withInfiniteLoader } from '../../../components/react-virtualized-helpers';\n\nimport { ContentExplorerModePropType, ItemsPropType, ItemsMapPropType } from '../prop-types';\n\nimport ItemListIcon from './ItemListIcon';\nimport ItemListLoadingPlaceholder from './ItemListLoadingPlaceholder';\nimport ItemListName from './ItemListName';\nimport ItemListButton from './ItemListButton';\n\nimport './ItemList.scss';\n\nconst TABLE_CELL_CLASS = 'table-cell';\n\nconst InfiniteLoaderTable = withInfiniteLoader(Table);\n\nconst DEFAULT_ROW_HEIGHT = 40;\n\nconst withAutoSizer = WrappedComponent => {\n    return props => {\n        return (\n            <div style={{ flex: 1 }}>\n                <AutoSizer>\n                    {({ width: w, height: h }) => <WrappedComponent {...props} width={w} height={h} />}\n                </AutoSizer>\n            </div>\n        );\n    };\n};\n\nconst TableResponsive = withAutoSizer(Table);\n\nconst itemIconCellRenderer = rendererParams => {\n    const {\n        rowData: { type, extension, hasCollaborations, isExternallyOwned },\n        columnData: { itemIconRenderer },\n    } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            {itemIconRenderer ? (\n                itemIconRenderer(rendererParams)\n            ) : (\n                <ItemListIcon\n                    type={type}\n                    extension={extension}\n                    hasCollaborations={hasCollaborations}\n                    isExternallyOwned={isExternallyOwned}\n                />\n            )}\n        </div>\n    );\n};\n\nconst isItemSelected = (itemId, selectedItems) => selectedItems[itemId] !== undefined;\n\nconst itemNameCellRenderer = rendererParams => {\n    const {\n        rowIndex,\n        rowData: { id, type, name, label },\n        columnData: { selectedItems, onItemNameClick, itemNameLinkRenderer },\n    } = rendererParams;\n    // loading placeholder may not have name and ItemListName requires name\n    return (\n        name && (\n            <div className={TABLE_CELL_CLASS}>\n                <ItemListName\n                    itemId={id}\n                    type={type}\n                    name={name}\n                    label={label}\n                    isSelected={isItemSelected(id, selectedItems)}\n                    onClick={event => onItemNameClick(event, rowIndex)}\n                    linkRenderer={itemNameLinkRenderer}\n                />\n            </div>\n        )\n    );\n};\n\nconst renderItemListButton = (contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems) =>\n    name && (\n        <ItemListButton\n            contentExplorerMode={contentExplorerMode}\n            id={id}\n            isDisabled={isActionDisabled}\n            isSelected={isItemSelected(id, selectedItems)}\n            name={name}\n        />\n    );\n\nconst itemButtonCellRenderer = rendererParams => {\n    const {\n        columnData: { contentExplorerMode, itemButtonRenderer, selectedItems },\n        rowData: { id, isActionDisabled, isDisabled, name },\n    } = rendererParams;\n    return (\n        !isDisabled && (\n            <div className={TABLE_CELL_CLASS}>\n                {itemButtonRenderer\n                    ? itemButtonRenderer(rendererParams)\n                    : renderItemListButton(contentExplorerMode, id, isActionDisabled, isDisabled, name, selectedItems)}\n            </div>\n        )\n    );\n};\n\nconst itemLoadingPlaceholderRenderer = rendererParams => {\n    const { loadingPlaceholderColumnWidths, columnIndex } = rendererParams;\n    return (\n        <div className={TABLE_CELL_CLASS}>\n            <ItemListLoadingPlaceholder\n                width={loadingPlaceholderColumnWidths && loadingPlaceholderColumnWidths[columnIndex]}\n            />\n        </div>\n    );\n};\n\nconst ItemList = ({\n    additionalColumns,\n    contentExplorerMode,\n    className = '',\n    isResponsive = false,\n    items,\n    numItemsPerPage,\n    numTotalItems,\n    selectedItems = {},\n    onItemClick,\n    onItemDoubleClick,\n    onItemNameClick,\n    onLoadMoreItems,\n    headerHeight,\n    headerRenderer,\n    itemIconRenderer,\n    itemNameLinkRenderer,\n    itemButtonRenderer,\n    itemRowRenderer = defaultTableRowRenderer,\n    noItemsRenderer,\n    width,\n    height,\n    rowHeight = DEFAULT_ROW_HEIGHT,\n}) => {\n    const getRow = ({ index }) => items[index];\n\n    const getRowClassNames = (index, item) => {\n        let result = index === -1 ? 'table-header' : 'table-row';\n\n        if (isItemSelected(item.id, selectedItems)) {\n            result = classNames('is-selected', result);\n        }\n        if (item && (item.isDisabled || item.isLoading)) {\n            result = classNames('disabled', result);\n        }\n\n        return result;\n    };\n\n    const renderRow = rendererParams => {\n        const { index, key, style, className: rowClassName, columns } = rendererParams;\n        const item = items[index];\n        const itemRowClassname = classNames(rowClassName, getRowClassNames(index, item));\n        const testId = getProp(rendererParams, 'rowData.id', '');\n\n        if (item.isLoading) {\n            return (\n                <div key={key} style={style} className={itemRowClassname} role=\"row\">\n                    {columns.map((column, columnIndex) => (\n                        <div\n                            key={columnIndex}\n                            className={column.props.className}\n                            style={column.props.style}\n                            role=\"gridcell\"\n                        >\n                            {itemLoadingPlaceholderRenderer({\n                                item,\n                                columnIndex,\n                            })}\n                        </div>\n                    ))}\n                </div>\n            );\n        }\n\n        const defaultRow = itemRowRenderer({\n            ...rendererParams,\n            className: itemRowClassname,\n        });\n        return React.cloneElement(defaultRow, { 'data-testid': `item-row-${testId}` });\n    };\n\n    let TableComponent = isResponsive ? TableResponsive : Table;\n    const tableProps = {};\n\n    if (onLoadMoreItems) {\n        TableComponent = InfiniteLoaderTable;\n        tableProps.infiniteLoaderProps = {\n            isRowLoaded: getRow,\n            loadMoreRows: onLoadMoreItems,\n            minimumBatchSize: numItemsPerPage,\n            rowCount: numTotalItems,\n            threshold: numItemsPerPage,\n        };\n    }\n\n    if (!noItemsRenderer || items.length > 0) {\n        tableProps.headerHeight = headerHeight;\n        tableProps.headerRowRenderer = headerRenderer;\n    }\n\n    return (\n        <div\n            className={classNames('content-explorer-item-list table', className, {\n                'bdl-ContentExplorerItemList--responsive': isResponsive,\n            })}\n        >\n            <TableComponent\n                gridClassName=\"table-body\"\n                headerClassName=\"table-header-item\"\n                width={width}\n                height={height}\n                rowHeight={rowHeight}\n                rowCount={items.length}\n                onRowClick={onItemClick}\n                onRowDoubleClick={onItemDoubleClick}\n                rowGetter={getRow}\n                rowRenderer={renderRow}\n                noRowsRenderer={noItemsRenderer}\n                {...tableProps}\n            >\n                <Column\n                    className=\"item-list-icon-col\"\n                    cellRenderer={itemIconCellRenderer}\n                    columnData={{\n                        itemIconRenderer,\n                    }}\n                    dataKey=\"icon\"\n                    width={32}\n                />\n                <Column\n                    className=\"item-list-name-col\"\n                    cellRenderer={itemNameCellRenderer}\n                    columnData={{\n                        selectedItems,\n                        onItemNameClick,\n                        itemNameLinkRenderer,\n                    }}\n                    dataKey=\"name\"\n                    width={0}\n                    flexGrow={1}\n                    flexShrink={0}\n                />\n                {additionalColumns}\n                <Column\n                    className=\"item-list-button-col\"\n                    cellRenderer={itemButtonCellRenderer}\n                    columnData={{\n                        contentExplorerMode,\n                        itemButtonRenderer,\n                        selectedItems,\n                    }}\n                    dataKey=\"button\"\n                    width={30}\n                />\n            </TableComponent>\n        </div>\n    );\n};\n\nItemList.displayName = 'ItemList';\n\nItemList.propTypes = {\n    additionalColumns: PropTypes.arrayOf(PropTypes.element),\n    className: PropTypes.string,\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    isResponsive: PropTypes.bool,\n    items: ItemsPropType.isRequired,\n    numItemsPerPage: PropTypes.number,\n    numTotalItems: PropTypes.number,\n    selectedItems: ItemsMapPropType.isRequired,\n    onItemClick: PropTypes.func,\n    onItemDoubleClick: PropTypes.func,\n    onItemNameClick: PropTypes.func,\n    onLoadMoreItems: PropTypes.func,\n    headerHeight: PropTypes.number,\n    headerRenderer: PropTypes.func,\n    itemIconRenderer: PropTypes.func,\n    itemNameLinkRenderer: PropTypes.func,\n    itemButtonRenderer: PropTypes.func,\n    itemRowRenderer: PropTypes.func,\n    noItemsRenderer: PropTypes.func,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    rowHeight: PropTypes.number,\n};\n\nexport { ItemList as ItemListBase };\nexport default ItemList;\n"],"file":"ItemList.js"}

package/es/features/content-explorer/item-list/ItemList.scss

@@ -9,7 +9,7 @@
 
 .content-explorer-item-list {
     .table-header-item {
-        color: $bdl-gray-62;
+        color: $bdl-gray-65;
         font-weight: normal;
         font-size: 14px;
         letter-spacing: .035em;

package/es/features/content-explorer/item-list/ItemListButton.js

@@ -13,6 +13,8 @@ var ItemListButton = function ItemListButton(_ref) {
   var contentExplorerMode = _ref.contentExplorerMode,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? '' : _ref$id,
+      _ref$isChecked = _ref.isChecked,
+      isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
       _ref$isDisabled = _ref.isDisabled,
       isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
       _ref$isSelected = _ref.isSelected,
@@ -22,7 +24,7 @@ var ItemListButton = function ItemListButton(_ref) {
   if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {
     return React.createElement(Checkbox, {
       hideLabel: true,
-      isChecked: !isDisabled && isSelected,
+      isChecked: isChecked || !isDisabled && isSelected,
       isDisabled: isDisabled,
       label: React.createElement(FormattedMessage, _extends({}, messages.selectItem, {
         values: {
@@ -52,6 +54,7 @@ var ItemListButton = function ItemListButton(_ref) {
 ItemListButton.propTypes = {
   contentExplorerMode: ContentExplorerModePropType.isRequired,
   id: PropTypes.string,
+  isChecked: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isSelected: PropTypes.bool,
   name: PropTypes.string.isRequired

package/es/features/content-explorer/item-list/ItemListButton.js.flow

@@ -9,12 +9,19 @@ import ContentExplorerModes from '../modes';
 
 import messages from '../messages';
 
-const ItemListButton = ({ contentExplorerMode, id = '', isDisabled = false, isSelected = false, name }) => {
+const ItemListButton = ({
+    contentExplorerMode,
+    id = '',
+    isChecked = false,
+    isDisabled = false,
+    isSelected = false,
+    name,
+}) => {
     if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {
         return (
             <Checkbox
                 hideLabel
-                isChecked={!isDisabled && isSelected}
+                isChecked={isChecked || (!isDisabled && isSelected)}
                 isDisabled={isDisabled}
                 label={<FormattedMessage {...messages.selectItem} values={{ name }} />}
                 name="item"
@@ -38,6 +45,7 @@ const ItemListButton = ({ contentExplorerMode, id = '', isDisabled = false, isSe
 ItemListButton.propTypes = {
     contentExplorerMode: ContentExplorerModePropType.isRequired,
     id: PropTypes.string,
+    isChecked: PropTypes.bool,
     isDisabled: PropTypes.bool,
     isSelected: PropTypes.bool,
     name: PropTypes.string.isRequired,

package/es/features/content-explorer/item-list/ItemListButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListButton.js"],"names":["PropTypes","React","FormattedMessage","Checkbox","RadioButton","ContentExplorerModePropType","ContentExplorerModes","messages","ItemListButton","contentExplorerMode","id","isDisabled","isSelected","name","MULTI_SELECT","selectItem","propTypes","isRequired","string","bool"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,QAAP,MAAqB,uCAArB;AACA,SAASC,WAAT,QAA4B,2BAA5B;AACA,SAASC,2BAAT,QAA4C,eAA5C;AACA,OAAOC,oBAAP,MAAiC,UAAjC;AAEA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAoF;AAAA,MAAjFC,mBAAiF,QAAjFA,mBAAiF;AAAA,qBAA5DC,EAA4D;AAAA,MAA5DA,EAA4D,wBAAvD,EAAuD;AAAA,6BAAnDC,UAAmD;AAAA,MAAnDA,UAAmD,gCAAtC,KAAsC;AAAA,6BAA/BC,UAA+B;AAAA,MAA/BA,UAA+B,gCAAlB,KAAkB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACvG,MAAIJ,mBAAmB,KAAKH,oBAAoB,CAACQ,YAAjD,EAA+D;AAC3D,WACI,oBAAC,QAAD;AACI,MAAA,SAAS,MADb;AAEI,MAAA,SAAS,EAAE,CAACH,UAAD,IAAeC,UAF9B;AAGI,MAAA,UAAU,EAAED,UAHhB;AAII,MAAA,KAAK,EAAE,oBAAC,gBAAD,eAAsBJ,QAAQ,CAACQ,UAA/B;AAA2C,QAAA,MAAM,EAAE;AAAEF,UAAAA,IAAI,EAAJA;AAAF;AAAnD,SAJX;AAKI,MAAA,IAAI,EAAC,MALT;AAMI,MAAA,QAAQ,MANZ;AAOI,MAAA,KAAK,EAAEH;AAPX,MADJ;AAWH;;AACD,SACI,oBAAC,WAAD;AACI,IAAA,SAAS,MADb;AAEI,IAAA,UAAU,EAAEC,UAFhB;AAGI,IAAA,UAAU,EAAE,CAACA,UAAD,IAAeC,UAH/B;AAII,IAAA,KAAK,EAAE,oBAAC,gBAAD,eAAsBL,QAAQ,CAACQ,UAA/B;AAA2C,MAAA,MAAM,EAAE;AAAEF,QAAAA,IAAI,EAAJA;AAAF;AAAnD,OAJX;AAKI,IAAA,IAAI,EAAC,MALT;AAMI,IAAA,KAAK,EAAEH;AANX,IADJ;AAUH,CAxBD;;AA0BAF,cAAc,CAACQ,SAAf,GAA2B;AACvBP,EAAAA,mBAAmB,EAAEJ,2BAA2B,CAACY,UAD1B;AAEvBP,EAAAA,EAAE,EAAEV,SAAS,CAACkB,MAFS;AAGvBP,EAAAA,UAAU,EAAEX,SAAS,CAACmB,IAHC;AAIvBP,EAAAA,UAAU,EAAEZ,SAAS,CAACmB,IAJC;AAKvBN,EAAAA,IAAI,EAAEb,SAAS,CAACkB,MAAV,CAAiBD;AALA,CAA3B;AAQA,eAAeT,cAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Checkbox from '../../../components/checkbox/Checkbox';\nimport { RadioButton } from '../../../components/radio';\nimport { ContentExplorerModePropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\n\nimport messages from '../messages';\n\nconst ItemListButton = ({ contentExplorerMode, id = '', isDisabled = false, isSelected = false, name }) => {\n    if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n        return (\n            <Checkbox\n                hideLabel\n                isChecked={!isDisabled && isSelected}\n                isDisabled={isDisabled}\n                label={<FormattedMessage {...messages.selectItem} values={{ name }} />}\n                name=\"item\"\n                readOnly\n                value={id}\n            />\n        );\n    }\n    return (\n        <RadioButton\n            hideLabel\n            isDisabled={isDisabled}\n            isSelected={!isDisabled && isSelected}\n            label={<FormattedMessage {...messages.selectItem} values={{ name }} />}\n            name=\"item\"\n            value={id}\n        />\n    );\n};\n\nItemListButton.propTypes = {\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    id: PropTypes.string,\n    isDisabled: PropTypes.bool,\n    isSelected: PropTypes.bool,\n    name: PropTypes.string.isRequired,\n};\n\nexport default ItemListButton;\n"],"file":"ItemListButton.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListButton.js"],"names":["PropTypes","React","FormattedMessage","Checkbox","RadioButton","ContentExplorerModePropType","ContentExplorerModes","messages","ItemListButton","contentExplorerMode","id","isChecked","isDisabled","isSelected","name","MULTI_SELECT","selectItem","propTypes","isRequired","string","bool"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,QAAP,MAAqB,uCAArB;AACA,SAASC,WAAT,QAA4B,2BAA5B;AACA,SAASC,2BAAT,QAA4C,eAA5C;AACA,OAAOC,oBAAP,MAAiC,UAAjC;AAEA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAOjB;AAAA,MANFC,mBAME,QANFA,mBAME;AAAA,qBALFC,EAKE;AAAA,MALFA,EAKE,wBALG,EAKH;AAAA,4BAJFC,SAIE;AAAA,MAJFA,SAIE,+BAJU,KAIV;AAAA,6BAHFC,UAGE;AAAA,MAHFA,UAGE,gCAHW,KAGX;AAAA,6BAFFC,UAEE;AAAA,MAFFA,UAEE,gCAFW,KAEX;AAAA,MADFC,IACE,QADFA,IACE;;AACF,MAAIL,mBAAmB,KAAKH,oBAAoB,CAACS,YAAjD,EAA+D;AAC3D,WACI,oBAAC,QAAD;AACI,MAAA,SAAS,MADb;AAEI,MAAA,SAAS,EAAEJ,SAAS,IAAK,CAACC,UAAD,IAAeC,UAF5C;AAGI,MAAA,UAAU,EAAED,UAHhB;AAII,MAAA,KAAK,EAAE,oBAAC,gBAAD,eAAsBL,QAAQ,CAACS,UAA/B;AAA2C,QAAA,MAAM,EAAE;AAAEF,UAAAA,IAAI,EAAJA;AAAF;AAAnD,SAJX;AAKI,MAAA,IAAI,EAAC,MALT;AAMI,MAAA,QAAQ,MANZ;AAOI,MAAA,KAAK,EAAEJ;AAPX,MADJ;AAWH;;AACD,SACI,oBAAC,WAAD;AACI,IAAA,SAAS,MADb;AAEI,IAAA,UAAU,EAAEE,UAFhB;AAGI,IAAA,UAAU,EAAE,CAACA,UAAD,IAAeC,UAH/B;AAII,IAAA,KAAK,EAAE,oBAAC,gBAAD,eAAsBN,QAAQ,CAACS,UAA/B;AAA2C,MAAA,MAAM,EAAE;AAAEF,QAAAA,IAAI,EAAJA;AAAF;AAAnD,OAJX;AAKI,IAAA,IAAI,EAAC,MALT;AAMI,IAAA,KAAK,EAAEJ;AANX,IADJ;AAUH,CA/BD;;AAiCAF,cAAc,CAACS,SAAf,GAA2B;AACvBR,EAAAA,mBAAmB,EAAEJ,2BAA2B,CAACa,UAD1B;AAEvBR,EAAAA,EAAE,EAAEV,SAAS,CAACmB,MAFS;AAGvBR,EAAAA,SAAS,EAAEX,SAAS,CAACoB,IAHE;AAIvBR,EAAAA,UAAU,EAAEZ,SAAS,CAACoB,IAJC;AAKvBP,EAAAA,UAAU,EAAEb,SAAS,CAACoB,IALC;AAMvBN,EAAAA,IAAI,EAAEd,SAAS,CAACmB,MAAV,CAAiBD;AANA,CAA3B;AASA,eAAeV,cAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Checkbox from '../../../components/checkbox/Checkbox';\nimport { RadioButton } from '../../../components/radio';\nimport { ContentExplorerModePropType } from '../prop-types';\nimport ContentExplorerModes from '../modes';\n\nimport messages from '../messages';\n\nconst ItemListButton = ({\n    contentExplorerMode,\n    id = '',\n    isChecked = false,\n    isDisabled = false,\n    isSelected = false,\n    name,\n}) => {\n    if (contentExplorerMode === ContentExplorerModes.MULTI_SELECT) {\n        return (\n            <Checkbox\n                hideLabel\n                isChecked={isChecked || (!isDisabled && isSelected)}\n                isDisabled={isDisabled}\n                label={<FormattedMessage {...messages.selectItem} values={{ name }} />}\n                name=\"item\"\n                readOnly\n                value={id}\n            />\n        );\n    }\n    return (\n        <RadioButton\n            hideLabel\n            isDisabled={isDisabled}\n            isSelected={!isDisabled && isSelected}\n            label={<FormattedMessage {...messages.selectItem} values={{ name }} />}\n            name=\"item\"\n            value={id}\n        />\n    );\n};\n\nItemListButton.propTypes = {\n    contentExplorerMode: ContentExplorerModePropType.isRequired,\n    id: PropTypes.string,\n    isChecked: PropTypes.bool,\n    isDisabled: PropTypes.bool,\n    isSelected: PropTypes.bool,\n    name: PropTypes.string.isRequired,\n};\n\nexport default ItemListButton;\n"],"file":"ItemListButton.js"}

package/es/features/content-explorer/item-list/ItemListIcon.js

@@ -1,57 +1,24 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import BookmarkIcon from '../../../icons/bookmark-icon';
-import FileIcon from '../../../icons/file-icon';
-import FolderIcon from '../../../icons/folder-icon';
-import ItemTypes from '../item-types';
+import PropTypes from 'prop-types';
 import { ItemTypePropType } from '../prop-types';
-import messages from '../messages';
+import IconCell from '../../../elements/common/item/IconCell';
 
 var ItemListIcon = function ItemListIcon(_ref) {
   var type = _ref.type,
-      _ref$extension = _ref.extension,
-      extension = _ref$extension === void 0 ? '' : _ref$extension,
+      extension = _ref.extension,
       _ref$hasCollaboration = _ref.hasCollaborations,
       hasCollaborations = _ref$hasCollaboration === void 0 ? false : _ref$hasCollaboration,
       _ref$isExternallyOwne = _ref.isExternallyOwned,
       isExternallyOwned = _ref$isExternallyOwne === void 0 ? false : _ref$isExternallyOwne;
-
-  switch (type) {
-    case ItemTypes.FOLDER:
-      {
-        var titleID = 'personalFolder';
-
-        if (hasCollaborations) {
-          titleID = 'collaboratedFolder';
-        } else if (isExternallyOwned) {
-          titleID = 'externalFolder';
-        }
-
-        return React.createElement(FolderIcon, {
-          isCollab: hasCollaborations,
-          isExternal: isExternallyOwned,
-          title: React.createElement(FormattedMessage, messages[titleID])
-        });
-      }
-
-    case ItemTypes.FILE:
-      return React.createElement(FileIcon, {
-        extension: extension,
-        title: React.createElement(FormattedMessage, messages.file)
-      });
-
-    case ItemTypes.BOOKMARK:
-      return React.createElement(BookmarkIcon, {
-        title: React.createElement(FormattedMessage, messages.bookmark)
-      });
-
-    default:
-      // Use generic file icon as fallback
-      return React.createElement(FileIcon, {
-        title: React.createElement(FormattedMessage, messages.file)
-      });
-  }
+  var rowData = {
+    type: type,
+    extension: extension,
+    has_collaborations: hasCollaborations,
+    is_externally_owned: isExternallyOwned
+  };
+  return React.createElement(IconCell, {
+    rowData: rowData
+  });
 };
 
 ItemListIcon.propTypes = {

package/es/features/content-explorer/item-list/ItemListIcon.js.flow

@@ -1,40 +1,12 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import BookmarkIcon from '../../../icons/bookmark-icon';
-import FileIcon from '../../../icons/file-icon';
-import FolderIcon from '../../../icons/folder-icon';
+import PropTypes from 'prop-types';
 
-import ItemTypes from '../item-types';
 import { ItemTypePropType } from '../prop-types';
-import messages from '../messages';
+import IconCell from '../../../elements/common/item/IconCell';
 
-const ItemListIcon = ({ type, extension = '', hasCollaborations = false, isExternallyOwned = false }) => {
-    switch (type) {
-        case ItemTypes.FOLDER: {
-            let titleID = 'personalFolder';
-            if (hasCollaborations) {
-                titleID = 'collaboratedFolder';
-            } else if (isExternallyOwned) {
-                titleID = 'externalFolder';
-            }
-            return (
-                <FolderIcon
-                    isCollab={hasCollaborations}
-                    isExternal={isExternallyOwned}
-                    title={<FormattedMessage {...messages[titleID]} />}
-                />
-            );
-        }
-        case ItemTypes.FILE:
-            return <FileIcon extension={extension} title={<FormattedMessage {...messages.file} />} />;
-        case ItemTypes.BOOKMARK:
-            return <BookmarkIcon title={<FormattedMessage {...messages.bookmark} />} />;
-        default:
-            // Use generic file icon as fallback
-            return <FileIcon title={<FormattedMessage {...messages.file} />} />;
-    }
+const ItemListIcon = ({ type, extension, hasCollaborations = false, isExternallyOwned = false }) => {
+    const rowData = { type, extension, has_collaborations: hasCollaborations, is_externally_owned: isExternallyOwned };
+    return <IconCell rowData={rowData} />;
 };
 
 ItemListIcon.propTypes = {

package/es/features/content-explorer/item-list/ItemListIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListIcon.js"],"names":["PropTypes","React","FormattedMessage","BookmarkIcon","FileIcon","FolderIcon","ItemTypes","ItemTypePropType","messages","ItemListIcon","type","extension","hasCollaborations","isExternallyOwned","FOLDER","titleID","FILE","file","BOOKMARK","bookmark","propTypes","string","bool"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,YAAP,MAAyB,8BAAzB;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,UAAP,MAAuB,4BAAvB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,SAASC,gBAAT,QAAiC,eAAjC;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAoF;AAAA,MAAjFC,IAAiF,QAAjFA,IAAiF;AAAA,4BAA3EC,SAA2E;AAAA,MAA3EA,SAA2E,+BAA/D,EAA+D;AAAA,mCAA3DC,iBAA2D;AAAA,MAA3DA,iBAA2D,sCAAvC,KAAuC;AAAA,mCAAhCC,iBAAgC;AAAA,MAAhCA,iBAAgC,sCAAZ,KAAY;;AACrG,UAAQH,IAAR;AACI,SAAKJ,SAAS,CAACQ,MAAf;AAAuB;AACnB,YAAIC,OAAO,GAAG,gBAAd;;AACA,YAAIH,iBAAJ,EAAuB;AACnBG,UAAAA,OAAO,GAAG,oBAAV;AACH,SAFD,MAEO,IAAIF,iBAAJ,EAAuB;AAC1BE,UAAAA,OAAO,GAAG,gBAAV;AACH;;AACD,eACI,oBAAC,UAAD;AACI,UAAA,QAAQ,EAAEH,iBADd;AAEI,UAAA,UAAU,EAAEC,iBAFhB;AAGI,UAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBL,QAAQ,CAACO,OAAD,CAA9B;AAHX,UADJ;AAOH;;AACD,SAAKT,SAAS,CAACU,IAAf;AACI,aAAO,oBAAC,QAAD;AAAU,QAAA,SAAS,EAAEL,SAArB;AAAgC,QAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBH,QAAQ,CAACS,IAA/B;AAAvC,QAAP;;AACJ,SAAKX,SAAS,CAACY,QAAf;AACI,aAAO,oBAAC,YAAD;AAAc,QAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBV,QAAQ,CAACW,QAA/B;AAArB,QAAP;;AACJ;AACI;AACA,aAAO,oBAAC,QAAD;AAAU,QAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBX,QAAQ,CAACS,IAA/B;AAAjB,QAAP;AAtBR;AAwBH,CAzBD;;AA2BAR,YAAY,CAACW,SAAb,GAAyB;AACrBV,EAAAA,IAAI,EAAEH,gBADe;AAErBI,EAAAA,SAAS,EAAEX,SAAS,CAACqB,MAFA;AAGrBT,EAAAA,iBAAiB,EAAEZ,SAAS,CAACsB,IAHR;AAIrBT,EAAAA,iBAAiB,EAAEb,SAAS,CAACsB;AAJR,CAAzB;AAOA,eAAeb,YAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport BookmarkIcon from '../../../icons/bookmark-icon';\nimport FileIcon from '../../../icons/file-icon';\nimport FolderIcon from '../../../icons/folder-icon';\n\nimport ItemTypes from '../item-types';\nimport { ItemTypePropType } from '../prop-types';\nimport messages from '../messages';\n\nconst ItemListIcon = ({ type, extension = '', hasCollaborations = false, isExternallyOwned = false }) => {\n    switch (type) {\n        case ItemTypes.FOLDER: {\n            let titleID = 'personalFolder';\n            if (hasCollaborations) {\n                titleID = 'collaboratedFolder';\n            } else if (isExternallyOwned) {\n                titleID = 'externalFolder';\n            }\n            return (\n                <FolderIcon\n                    isCollab={hasCollaborations}\n                    isExternal={isExternallyOwned}\n                    title={<FormattedMessage {...messages[titleID]} />}\n                />\n            );\n        }\n        case ItemTypes.FILE:\n            return <FileIcon extension={extension} title={<FormattedMessage {...messages.file} />} />;\n        case ItemTypes.BOOKMARK:\n            return <BookmarkIcon title={<FormattedMessage {...messages.bookmark} />} />;\n        default:\n            // Use generic file icon as fallback\n            return <FileIcon title={<FormattedMessage {...messages.file} />} />;\n    }\n};\n\nItemListIcon.propTypes = {\n    type: ItemTypePropType,\n    extension: PropTypes.string,\n    hasCollaborations: PropTypes.bool,\n    isExternallyOwned: PropTypes.bool,\n};\n\nexport default ItemListIcon;\n"],"file":"ItemListIcon.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListIcon.js"],"names":["React","PropTypes","ItemTypePropType","IconCell","ItemListIcon","type","extension","hasCollaborations","isExternallyOwned","rowData","has_collaborations","is_externally_owned","propTypes","string","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,gBAAT,QAAiC,eAAjC;AACA,OAAOC,QAAP,MAAqB,wCAArB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA+E;AAAA,MAA5EC,IAA4E,QAA5EA,IAA4E;AAAA,MAAtEC,SAAsE,QAAtEA,SAAsE;AAAA,mCAA3DC,iBAA2D;AAAA,MAA3DA,iBAA2D,sCAAvC,KAAuC;AAAA,mCAAhCC,iBAAgC;AAAA,MAAhCA,iBAAgC,sCAAZ,KAAY;AAChG,MAAMC,OAAO,GAAG;AAAEJ,IAAAA,IAAI,EAAJA,IAAF;AAAQC,IAAAA,SAAS,EAATA,SAAR;AAAmBI,IAAAA,kBAAkB,EAAEH,iBAAvC;AAA0DI,IAAAA,mBAAmB,EAAEH;AAA/E,GAAhB;AACA,SAAO,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAEC;AAAnB,IAAP;AACH,CAHD;;AAKAL,YAAY,CAACQ,SAAb,GAAyB;AACrBP,EAAAA,IAAI,EAAEH,gBADe;AAErBI,EAAAA,SAAS,EAAEL,SAAS,CAACY,MAFA;AAGrBN,EAAAA,iBAAiB,EAAEN,SAAS,CAACa,IAHR;AAIrBN,EAAAA,iBAAiB,EAAEP,SAAS,CAACa;AAJR,CAAzB;AAOA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ItemTypePropType } from '../prop-types';\nimport IconCell from '../../../elements/common/item/IconCell';\n\nconst ItemListIcon = ({ type, extension, hasCollaborations = false, isExternallyOwned = false }) => {\n    const rowData = { type, extension, has_collaborations: hasCollaborations, is_externally_owned: isExternallyOwned };\n    return <IconCell rowData={rowData} />;\n};\n\nItemListIcon.propTypes = {\n    type: ItemTypePropType,\n    extension: PropTypes.string,\n    hasCollaborations: PropTypes.bool,\n    isExternallyOwned: PropTypes.bool,\n};\n\nexport default ItemListIcon;\n"],"file":"ItemListIcon.js"}

package/es/features/content-explorer/item-list/ItemListName.js

@@ -8,8 +8,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import PlainButton from '../../../components/plain-button';
 import IconChevron from '../../../icons/general/IconChevron';
-import ItemTypes from '../item-types';
 import { ItemTypePropType } from '../prop-types';
+import { TYPE_FOLDER } from '../../../constants';
 var ITEM_LIST_NAME_CLASS = 'item-list-name';
 
 var ItemListName = function ItemListName(_ref) {
@@ -23,7 +23,7 @@ var ItemListName = function ItemListName(_ref) {
       isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
       onClick = _ref.onClick,
       linkRenderer = _ref.linkRenderer;
-  var isFolder = type === ItemTypes.FOLDER;
+  var isFolder = type === TYPE_FOLDER;
   var linkProps = {
     className: "lnk ".concat(ITEM_LIST_NAME_CLASS),
     onClick: onClick,

package/es/features/content-explorer/item-list/ItemListName.js.flow

@@ -4,13 +4,14 @@ import React from 'react';
 import PlainButton from '../../../components/plain-button';
 import IconChevron from '../../../icons/general/IconChevron';
 
-import ItemTypes from '../item-types';
 import { ItemTypePropType } from '../prop-types';
 
+import { TYPE_FOLDER } from '../../../constants';
+
 const ITEM_LIST_NAME_CLASS = 'item-list-name';
 
 const ItemListName = ({ itemId = '', type, name, label = '', isSelected = false, onClick, linkRenderer }) => {
-    const isFolder = type === ItemTypes.FOLDER;
+    const isFolder = type === TYPE_FOLDER;
 
     const linkProps = {
         className: `lnk ${ITEM_LIST_NAME_CLASS}`,

package/es/features/content-explorer/item-list/ItemListName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListName.js"],"names":["PropTypes","React","PlainButton","IconChevron","ItemTypes","ItemTypePropType","ITEM_LIST_NAME_CLASS","ItemListName","itemId","type","name","label","isSelected","onClick","linkRenderer","isFolder","FOLDER","linkProps","className","children","renderLink","propTypes","string","isRequired","bool","func"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,WAAP,MAAwB,oCAAxB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,SAASC,gBAAT,QAAiC,eAAjC;AAEA,IAAMC,oBAAoB,GAAG,gBAA7B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAwF;AAAA,yBAArFC,MAAqF;AAAA,MAArFA,MAAqF,4BAA5E,EAA4E;AAAA,MAAxEC,IAAwE,QAAxEA,IAAwE;AAAA,MAAlEC,IAAkE,QAAlEA,IAAkE;AAAA,wBAA5DC,KAA4D;AAAA,MAA5DA,KAA4D,2BAApD,EAAoD;AAAA,6BAAhDC,UAAgD;AAAA,MAAhDA,UAAgD,gCAAnC,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACzG,MAAMC,QAAQ,GAAGN,IAAI,KAAKL,SAAS,CAACY,MAApC;AAEA,MAAMC,SAAS,GAAG;AACdC,IAAAA,SAAS,gBAASZ,oBAAT,CADK;AAEdO,IAAAA,OAAO,EAAPA,OAFc;AAGdM,IAAAA,QAAQ,EAAE,CACN;AAAM,MAAA,GAAG,EAAC;AAAV,OAAkBT,IAAlB,CADM,EAEN,oBAAC,WAAD;AACI,MAAA,GAAG,EAAC,MADR;AAEI,MAAA,KAAK,EAAEE,UAAU,GAAG,SAAH,GAAe,MAFpC;AAGI,MAAA,SAAS,EAAC,OAHd;AAII,MAAA,IAAI,EAAC,KAJT;AAKI,MAAA,SAAS,EAAC;AALd,MAFM;AAHI,GAAlB;;AAcA,MAAMQ,UAAU,GAAG,SAAbA,UAAa;AAAA,WAAON,YAAY,GAAGA,YAAY,mBAAMG,SAAN;AAAiBT,MAAAA,MAAM,EAANA;AAAjB,OAAf,GAA4C,oBAAC,WAAD,EAAiBS,SAAjB,CAA/D;AAAA,GAAnB;;AAEA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKF,QAAQ,GAAGK,UAAU,EAAb,GAAkB;AAAM,IAAA,SAAS,EAAEd;AAAjB,KAAwCI,IAAxC,CAD/B,EAEK,CAAC,CAACC,KAAF,IAAW;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAwCA,KAAxC,CAFhB,CADJ;AAMH,CAzBD;;AA2BAJ,YAAY,CAACc,SAAb,GAAyB;AACrBb,EAAAA,MAAM,EAAER,SAAS,CAACsB,MADG;AAErBb,EAAAA,IAAI,EAAEJ,gBAFe;AAGrBK,EAAAA,IAAI,EAAEV,SAAS,CAACsB,MAAV,CAAiBC,UAHF;AAIrBZ,EAAAA,KAAK,EAAEX,SAAS,CAACsB,MAJI;AAKrBV,EAAAA,UAAU,EAAEZ,SAAS,CAACwB,IALD;AAMrBX,EAAAA,OAAO,EAAEb,SAAS,CAACyB,IANE;AAOrBX,EAAAA,YAAY,EAAEd,SAAS,CAACyB;AAPH,CAAzB;AAUA,eAAelB,YAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport PlainButton from '../../../components/plain-button';\nimport IconChevron from '../../../icons/general/IconChevron';\n\nimport ItemTypes from '../item-types';\nimport { ItemTypePropType } from '../prop-types';\n\nconst ITEM_LIST_NAME_CLASS = 'item-list-name';\n\nconst ItemListName = ({ itemId = '', type, name, label = '', isSelected = false, onClick, linkRenderer }) => {\n    const isFolder = type === ItemTypes.FOLDER;\n\n    const linkProps = {\n        className: `lnk ${ITEM_LIST_NAME_CLASS}`,\n        onClick,\n        children: [\n            <span key=\"name\">{name}</span>,\n            <IconChevron\n                key=\"icon\"\n                color={isSelected ? '#447991' : '#333'}\n                direction=\"right\"\n                size=\"4px\"\n                thickness=\"1px\"\n            />,\n        ],\n    };\n    const renderLink = () => (linkRenderer ? linkRenderer({ ...linkProps, itemId }) : <PlainButton {...linkProps} />);\n\n    return (\n        <div className=\"item-list-name-container\">\n            {isFolder ? renderLink() : <span className={ITEM_LIST_NAME_CLASS}>{name}</span>}\n            {!!label && <span className=\"item-list-name-label\">{label}</span>}\n        </div>\n    );\n};\n\nItemListName.propTypes = {\n    itemId: PropTypes.string,\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    isSelected: PropTypes.bool,\n    onClick: PropTypes.func,\n    linkRenderer: PropTypes.func,\n};\n\nexport default ItemListName;\n"],"file":"ItemListName.js"}
+{"version":3,"sources":["../../../../src/features/content-explorer/item-list/ItemListName.js"],"names":["PropTypes","React","PlainButton","IconChevron","ItemTypePropType","TYPE_FOLDER","ITEM_LIST_NAME_CLASS","ItemListName","itemId","type","name","label","isSelected","onClick","linkRenderer","isFolder","linkProps","className","children","renderLink","propTypes","string","isRequired","bool","func"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,kCAAxB;AACA,OAAOC,WAAP,MAAwB,oCAAxB;AAEA,SAASC,gBAAT,QAAiC,eAAjC;AAEA,SAASC,WAAT,QAA4B,oBAA5B;AAEA,IAAMC,oBAAoB,GAAG,gBAA7B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAwF;AAAA,yBAArFC,MAAqF;AAAA,MAArFA,MAAqF,4BAA5E,EAA4E;AAAA,MAAxEC,IAAwE,QAAxEA,IAAwE;AAAA,MAAlEC,IAAkE,QAAlEA,IAAkE;AAAA,wBAA5DC,KAA4D;AAAA,MAA5DA,KAA4D,2BAApD,EAAoD;AAAA,6BAAhDC,UAAgD;AAAA,MAAhDA,UAAgD,gCAAnC,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACzG,MAAMC,QAAQ,GAAGN,IAAI,KAAKJ,WAA1B;AAEA,MAAMW,SAAS,GAAG;AACdC,IAAAA,SAAS,gBAASX,oBAAT,CADK;AAEdO,IAAAA,OAAO,EAAPA,OAFc;AAGdK,IAAAA,QAAQ,EAAE,CACN;AAAM,MAAA,GAAG,EAAC;AAAV,OAAkBR,IAAlB,CADM,EAEN,oBAAC,WAAD;AACI,MAAA,GAAG,EAAC,MADR;AAEI,MAAA,KAAK,EAAEE,UAAU,GAAG,SAAH,GAAe,MAFpC;AAGI,MAAA,SAAS,EAAC,OAHd;AAII,MAAA,IAAI,EAAC,KAJT;AAKI,MAAA,SAAS,EAAC;AALd,MAFM;AAHI,GAAlB;;AAcA,MAAMO,UAAU,GAAG,SAAbA,UAAa;AAAA,WAAOL,YAAY,GAAGA,YAAY,mBAAME,SAAN;AAAiBR,MAAAA,MAAM,EAANA;AAAjB,OAAf,GAA4C,oBAAC,WAAD,EAAiBQ,SAAjB,CAA/D;AAAA,GAAnB;;AAEA,SACI;AAAK,IAAA,SAAS,EAAC;AAAf,KACKD,QAAQ,GAAGI,UAAU,EAAb,GAAkB;AAAM,IAAA,SAAS,EAAEb;AAAjB,KAAwCI,IAAxC,CAD/B,EAEK,CAAC,CAACC,KAAF,IAAW;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAwCA,KAAxC,CAFhB,CADJ;AAMH,CAzBD;;AA2BAJ,YAAY,CAACa,SAAb,GAAyB;AACrBZ,EAAAA,MAAM,EAAER,SAAS,CAACqB,MADG;AAErBZ,EAAAA,IAAI,EAAEL,gBAFe;AAGrBM,EAAAA,IAAI,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAHF;AAIrBX,EAAAA,KAAK,EAAEX,SAAS,CAACqB,MAJI;AAKrBT,EAAAA,UAAU,EAAEZ,SAAS,CAACuB,IALD;AAMrBV,EAAAA,OAAO,EAAEb,SAAS,CAACwB,IANE;AAOrBV,EAAAA,YAAY,EAAEd,SAAS,CAACwB;AAPH,CAAzB;AAUA,eAAejB,YAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport PlainButton from '../../../components/plain-button';\nimport IconChevron from '../../../icons/general/IconChevron';\n\nimport { ItemTypePropType } from '../prop-types';\n\nimport { TYPE_FOLDER } from '../../../constants';\n\nconst ITEM_LIST_NAME_CLASS = 'item-list-name';\n\nconst ItemListName = ({ itemId = '', type, name, label = '', isSelected = false, onClick, linkRenderer }) => {\n    const isFolder = type === TYPE_FOLDER;\n\n    const linkProps = {\n        className: `lnk ${ITEM_LIST_NAME_CLASS}`,\n        onClick,\n        children: [\n            <span key=\"name\">{name}</span>,\n            <IconChevron\n                key=\"icon\"\n                color={isSelected ? '#447991' : '#333'}\n                direction=\"right\"\n                size=\"4px\"\n                thickness=\"1px\"\n            />,\n        ],\n    };\n    const renderLink = () => (linkRenderer ? linkRenderer({ ...linkProps, itemId }) : <PlainButton {...linkProps} />);\n\n    return (\n        <div className=\"item-list-name-container\">\n            {isFolder ? renderLink() : <span className={ITEM_LIST_NAME_CLASS}>{name}</span>}\n            {!!label && <span className=\"item-list-name-label\">{label}</span>}\n        </div>\n    );\n};\n\nItemListName.propTypes = {\n    itemId: PropTypes.string,\n    type: ItemTypePropType,\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    isSelected: PropTypes.bool,\n    onClick: PropTypes.func,\n    linkRenderer: PropTypes.func,\n};\n\nexport default ItemListName;\n"],"file":"ItemListName.js"}

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

@@ -1,32 +1,24 @@
 import { defineMessages } from 'react-intl';
 var messages = defineMessages({
-  bookmark: {
-    "id": "boxui.contentExplorer.bookmark",
-    "defaultMessage": "Bookmark"
-  },
   breadcrumb: {
     "id": "boxui.contentExplorer.breadcrumb",
     "defaultMessage": "Breadcrumb"
   },
+  folderTreeBreadcrumbsText: {
+    "id": "boxui.contentExplorer.folderTreeBreadcrumbsText",
+    "defaultMessage": "{folderName} ({totalItems})"
+  },
+  filePath: {
+    "id": "boxui.contentExplorer.filepath",
+    "defaultMessage": "File path"
+  },
   clickToGoBack: {
     "id": "boxui.contentExplorer.clickToGoBack",
     "defaultMessage": "Click to go back"
   },
-  collaboratedFolder: {
-    "id": "boxui.contentExplorer.collaboratedFolder",
-    "defaultMessage": "Collaborated Folder"
-  },
-  externalFolder: {
-    "id": "boxui.contentExplorer.externalFolder",
-    "defaultMessage": "External Folder"
-  },
-  file: {
-    "id": "boxui.contentExplorer.file",
-    "defaultMessage": "File"
-  },
-  personalFolder: {
-    "id": "boxui.contentExplorer.personalFolder",
-    "defaultMessage": "Personal Folder"
+  clickToViewPath: {
+    "id": "boxui.contentExplorer.clickToViewPath",
+    "defaultMessage": "Click to view path"
   },
   selectItem: {
     "id": "boxui.contentExplorer.selectItem",
@@ -72,6 +64,14 @@ var messages = defineMessages({
     "id": "boxui.contentExplorer.numSelected",
     "defaultMessage": "{numSelected} Selected"
   },
+  numItemsSelected: {
+    "id": "boxui.contentExplorer.numItemsSelected",
+    "defaultMessage": "\n            {numSelected, plural,\n                =0 {0 items selected}\n                one {1 item selected}\n                other {# items selected}\n            }\n        "
+  },
+  numFoldersSelected: {
+    "id": "boxui.contentExplorer.numFoldersSelected",
+    "defaultMessage": "\n            {numSelected, plural,\n                =0 {0 folders selected}\n                one {1 folder selected}\n                other {# folders selected}\n            }\n        "
+  },
   emptySearch: {
     "id": "boxui.contentExplorer.emptySearch",
     "defaultMessage": "Sorry, we couldn't find what you're looking for."
@@ -111,6 +111,10 @@ var messages = defineMessages({
   result: {
     "id": "boxui.contentExplorer.result",
     "defaultMessage": "{itemsCount} result"
+  },
+  includeSubfolders: {
+    "id": "boxui.contentExplorer.includeSubfolders",
+    "defaultMessage": "Include Subfolders"
   }
 });
 export default messages;