box-ui-elements 24.0.0-beta.5 → 24.0.0-beta.6

package/es/elements/content-explorer/Content.js

@@ -1,4 +1,4 @@
-const _excluded = ["currentCollection", "features", "fieldsToShow", "gridColumnCount", "metadataTemplate", "metadataViewProps", "onMetadataUpdate", "onSortChange", "view", "viewMode"];
+const _excluded = ["currentCollection", "features", "fieldsToShow", "gridColumnCount", "metadataTemplate", "metadataViewProps", "onMetadataFilter", "onMetadataUpdate", "onSortChange", "view", "viewMode"];
 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 n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -35,6 +35,7 @@ const Content = _ref => {
       gridColumnCount,
       metadataTemplate,
       metadataViewProps,
+      onMetadataFilter,
       onMetadataUpdate,
       onSortChange,
       view,
@@ -68,6 +69,7 @@ const Content = _ref => {
     isLoading: percentLoaded !== 100,
     hasError: view === VIEW_ERROR,
     metadataTemplate: metadataTemplate,
+    onMetadataFilter: onMetadataFilter,
     onSortChange: onSortChange
   }, metadataViewProps)), !isViewEmpty && isListView && /*#__PURE__*/React.createElement(ItemList, _extends({
     items: items,

package/es/elements/content-explorer/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":["React","EmptyView","ItemGrid","ItemList","ProgressBar","MetadataBasedItemList","MetadataViewContainer","isFeatureEnabled","VIEW_ERROR","VIEW_METADATA","VIEW_MODE_LIST","VIEW_MODE_GRID","VIEW_SELECTED","isEmpty","view","currentCollection","fieldsToShow","items","length","Content","_ref","features","gridColumnCount","metadataTemplate","metadataViewProps","onMetadataUpdate","onSortChange","viewMode","rest","_objectWithoutProperties","_excluded","percentLoaded","sortBy","sortDirection","isViewEmpty","isMetadataBasedView","isListView","isGridView","isMetadataViewV2Feature","createElement","className","percent","isLoading","_extends","hasError"],"sources":["../../../src/elements/content-explorer/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport EmptyView from '../common/empty-view';\nimport ItemGrid from '../common/item-grid';\nimport ItemList from '../common/item-list';\nimport ProgressBar from '../common/progress-bar';\nimport MetadataBasedItemList from '../../features/metadata-based-view';\nimport MetadataViewContainer, { MetadataViewContainerProps } from './MetadataViewContainer';\nimport { isFeatureEnabled, type FeatureConfig } from '../common/feature-checking';\nimport { VIEW_ERROR, VIEW_METADATA, VIEW_MODE_LIST, VIEW_MODE_GRID, VIEW_SELECTED } from '../../constants';\nimport type { ViewMode } from '../common/flowTypes';\nimport type { ItemAction, ItemEventHandlers, ItemEventPermissions } from '../common/item';\nimport type { FieldsToShow } from '../../common/types/metadataQueries';\nimport type { BoxItem, Collection, View } from '../../common/types/core';\nimport type { MetadataFieldValue, MetadataTemplate } from '../../common/types/metadata';\nimport './Content.scss';\n\n/**\n * Determines if we should show the empty state\n *\n * @param {string} view the current view\n * @param {Object} currentCollection the current collection\n * @param {FieldsToShow} fieldsToShow list of metadata template fields to show\n * @return {boolean} empty or not\n */\nfunction isEmpty(view: View, currentCollection: Collection, fieldsToShow: FieldsToShow): boolean {\n    const { items = [] }: Collection = currentCollection;\n    return view === VIEW_ERROR || !items.length || (view === VIEW_METADATA && !fieldsToShow.length);\n}\n\nexport interface ContentProps extends Required<ItemEventHandlers>, Required<ItemEventPermissions> {\n    currentCollection: Collection;\n    features?: FeatureConfig;\n    fieldsToShow?: FieldsToShow;\n    gridColumnCount?: number;\n    isMedium: boolean;\n    isSmall: boolean;\n    isTouch: boolean;\n    itemActions?: ItemAction[];\n    metadataTemplate?: MetadataTemplate;\n    metadataViewProps?: Omit<MetadataViewContainerProps, 'currentCollection'>;\n    onMetadataUpdate: (\n        item: BoxItem,\n        field: string,\n        currentValue: MetadataFieldValue,\n        editedValue: MetadataFieldValue,\n    ) => void;\n    onSortChange: (sortBy: string, sortDirection: string) => void;\n    portalElement: HTMLElement;\n    view: View;\n    viewMode?: ViewMode;\n}\n\nconst Content = ({\n    currentCollection,\n    features,\n    fieldsToShow = [],\n    gridColumnCount,\n    metadataTemplate,\n    metadataViewProps,\n    onMetadataUpdate,\n    onSortChange,\n    view,\n    viewMode = VIEW_MODE_LIST,\n    ...rest\n}: ContentProps) => {\n    const { items, percentLoaded, sortBy, sortDirection } = currentCollection;\n\n    const isViewEmpty = isEmpty(view, currentCollection, fieldsToShow);\n    const isMetadataBasedView = view === VIEW_METADATA;\n    const isListView = !isMetadataBasedView && viewMode === VIEW_MODE_LIST; // Folder view or Recents view\n    const isGridView = !isMetadataBasedView && viewMode === VIEW_MODE_GRID; // Folder view or Recents view\n    const isMetadataViewV2Feature = isFeatureEnabled(features, 'contentExplorer.metadataViewV2');\n    return (\n        <div className=\"bce-content\">\n            {view === VIEW_ERROR || view === VIEW_SELECTED ? null : <ProgressBar percent={percentLoaded} />}\n\n            {!isMetadataViewV2Feature && isViewEmpty && <EmptyView view={view} isLoading={percentLoaded !== 100} />}\n            {!isMetadataViewV2Feature && !isViewEmpty && isMetadataBasedView && (\n                <MetadataBasedItemList\n                    currentCollection={currentCollection}\n                    fieldsToShow={fieldsToShow}\n                    onMetadataUpdate={onMetadataUpdate}\n                    {...rest}\n                />\n            )}\n            {isMetadataViewV2Feature && isMetadataBasedView && (\n                <MetadataViewContainer\n                    currentCollection={currentCollection}\n                    isLoading={percentLoaded !== 100}\n                    hasError={view === VIEW_ERROR}\n                    metadataTemplate={metadataTemplate}\n                    onSortChange={onSortChange}\n                    {...metadataViewProps}\n                />\n            )}\n            {!isViewEmpty && isListView && (\n                <ItemList\n                    items={items}\n                    onSortChange={onSortChange}\n                    sortBy={sortBy}\n                    sortDirection={sortDirection}\n                    view={view}\n                    {...rest}\n                />\n            )}\n            {!isViewEmpty && isGridView && (\n                <ItemGrid gridColumnCount={gridColumnCount} items={items} view={view} {...rest} />\n            )}\n        </div>\n    );\n};\n\nexport default Content;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Content.js","names":["React","EmptyView","ItemGrid","ItemList","ProgressBar","MetadataBasedItemList","MetadataViewContainer","isFeatureEnabled","VIEW_ERROR","VIEW_METADATA","VIEW_MODE_LIST","VIEW_MODE_GRID","VIEW_SELECTED","isEmpty","view","currentCollection","fieldsToShow","items","length","Content","_ref","features","gridColumnCount","metadataTemplate","metadataViewProps","onMetadataFilter","onMetadataUpdate","onSortChange","viewMode","rest","_objectWithoutProperties","_excluded","percentLoaded","sortBy","sortDirection","isViewEmpty","isMetadataBasedView","isListView","isGridView","isMetadataViewV2Feature","createElement","className","percent","isLoading","_extends","hasError"],"sources":["../../../src/elements/content-explorer/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport EmptyView from '../common/empty-view';\nimport ItemGrid from '../common/item-grid';\nimport ItemList from '../common/item-list';\nimport ProgressBar from '../common/progress-bar';\nimport MetadataBasedItemList from '../../features/metadata-based-view';\nimport MetadataViewContainer, { ExternalFilterValues, MetadataViewContainerProps } from './MetadataViewContainer';\nimport { isFeatureEnabled, type FeatureConfig } from '../common/feature-checking';\nimport { VIEW_ERROR, VIEW_METADATA, VIEW_MODE_LIST, VIEW_MODE_GRID, VIEW_SELECTED } from '../../constants';\nimport type { ViewMode } from '../common/flowTypes';\nimport type { ItemAction, ItemEventHandlers, ItemEventPermissions } from '../common/item';\nimport type { FieldsToShow } from '../../common/types/metadataQueries';\nimport type { BoxItem, Collection, View } from '../../common/types/core';\nimport type { MetadataFieldValue, MetadataTemplate } from '../../common/types/metadata';\nimport './Content.scss';\n\n/**\n * Determines if we should show the empty state\n *\n * @param {string} view the current view\n * @param {Object} currentCollection the current collection\n * @param {FieldsToShow} fieldsToShow list of metadata template fields to show\n * @return {boolean} empty or not\n */\nfunction isEmpty(view: View, currentCollection: Collection, fieldsToShow: FieldsToShow): boolean {\n    const { items = [] }: Collection = currentCollection;\n    return view === VIEW_ERROR || !items.length || (view === VIEW_METADATA && !fieldsToShow.length);\n}\n\nexport interface ContentProps extends Required<ItemEventHandlers>, Required<ItemEventPermissions> {\n    currentCollection: Collection;\n    features?: FeatureConfig;\n    fieldsToShow?: FieldsToShow;\n    gridColumnCount?: number;\n    isMedium: boolean;\n    isSmall: boolean;\n    isTouch: boolean;\n    itemActions?: ItemAction[];\n    metadataTemplate?: MetadataTemplate;\n    metadataViewProps?: Omit<\n        MetadataViewContainerProps,\n        'hasError' | 'currentCollection' | 'metadataTemplate' | 'onMetadataFilter'\n    >;\n    onMetadataFilter?: (fields: ExternalFilterValues) => void;\n    onMetadataUpdate: (\n        item: BoxItem,\n        field: string,\n        currentValue: MetadataFieldValue,\n        editedValue: MetadataFieldValue,\n    ) => void;\n    onSortChange: (sortBy: string, sortDirection: string) => void;\n    portalElement: HTMLElement;\n    view: View;\n    viewMode?: ViewMode;\n}\n\nconst Content = ({\n    currentCollection,\n    features,\n    fieldsToShow = [],\n    gridColumnCount,\n    metadataTemplate,\n    metadataViewProps,\n    onMetadataFilter,\n    onMetadataUpdate,\n    onSortChange,\n    view,\n    viewMode = VIEW_MODE_LIST,\n    ...rest\n}: ContentProps) => {\n    const { items, percentLoaded, sortBy, sortDirection } = currentCollection;\n\n    const isViewEmpty = isEmpty(view, currentCollection, fieldsToShow);\n    const isMetadataBasedView = view === VIEW_METADATA;\n    const isListView = !isMetadataBasedView && viewMode === VIEW_MODE_LIST; // Folder view or Recents view\n    const isGridView = !isMetadataBasedView && viewMode === VIEW_MODE_GRID; // Folder view or Recents view\n    const isMetadataViewV2Feature = isFeatureEnabled(features, 'contentExplorer.metadataViewV2');\n    return (\n        <div className=\"bce-content\">\n            {view === VIEW_ERROR || view === VIEW_SELECTED ? null : <ProgressBar percent={percentLoaded} />}\n\n            {!isMetadataViewV2Feature && isViewEmpty && <EmptyView view={view} isLoading={percentLoaded !== 100} />}\n            {!isMetadataViewV2Feature && !isViewEmpty && isMetadataBasedView && (\n                <MetadataBasedItemList\n                    currentCollection={currentCollection}\n                    fieldsToShow={fieldsToShow}\n                    onMetadataUpdate={onMetadataUpdate}\n                    {...rest}\n                />\n            )}\n            {isMetadataViewV2Feature && isMetadataBasedView && (\n                <MetadataViewContainer\n                    currentCollection={currentCollection}\n                    isLoading={percentLoaded !== 100}\n                    hasError={view === VIEW_ERROR}\n                    metadataTemplate={metadataTemplate}\n                    onMetadataFilter={onMetadataFilter}\n                    onSortChange={onSortChange}\n                    {...metadataViewProps}\n                />\n            )}\n            {!isViewEmpty && isListView && (\n                <ItemList\n                    items={items}\n                    onSortChange={onSortChange}\n                    sortBy={sortBy}\n                    sortDirection={sortDirection}\n                    view={view}\n                    {...rest}\n                />\n            )}\n            {!isViewEmpty && isGridView && (\n                <ItemGrid gridColumnCount={gridColumnCount} items={items} view={view} {...rest} />\n            )}\n        </div>\n    );\n};\n\nexport default Content;\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,6 @@ import getProp from 'lodash/get';
 import noop from 'lodash/noop';
 import throttle from 'lodash/throttle';
 import uniqueid from 'lodash/uniqueId';
-import { Notification, TooltipProvider } from '@box/blueprint-web';
 import CreateFolderDialog from '../common/create-folder-dialog';
 import UploadDialog from '../common/upload-dialog';
 import Header from '../common/header';
@@ -46,6 +45,7 @@ import '../common/base.scss';
 import '../common/modal.scss';
 import './ContentExplorer.scss';
 import { withBlueprintModernization } from '../common/withBlueprintModernization';
+import Providers from '../common/Providers';
 const GRID_VIEW_MAX_COLUMNS = 7;
 const GRID_VIEW_MIN_COLUMNS = 1;
 const localStoreViewMode = 'bce.defaultViewMode';
@@ -66,6 +66,7 @@ class ContentExplorer extends Component {
      *
      * @private
      * @param {Object} metadataQueryCollection - Metadata query response collection
+     * @param {Object} metadataTemplate - Metadata template object
      * @return {void}
      */
     _defineProperty(this, "showMetadataQueryResultsSuccessCallback", (metadataQueryCollection, metadataTemplate) => {
@@ -1204,6 +1205,11 @@ class ContentExplorer extends Component {
         isMetadataSidePanelOpen: false
       });
     });
+    _defineProperty(this, "filterMetadata", fields => {
+      this.setState({
+        metadataFilters: fields
+      }, this.refreshCollection);
+    });
     const {
       apiHost,
       initialPage,
@@ -1249,6 +1255,7 @@ class ContentExplorer extends Component {
       isShareModalOpen: false,
       isUploadModalOpen: false,
       markers: [],
+      metadataFilters: {},
       metadataTemplate: {},
       rootName: '',
       selectedItemIds: new Set(),
@@ -1346,6 +1353,7 @@ class ContentExplorer extends Component {
     const {
       currentPageNumber,
       markers,
+      metadataFilters,
       sortBy,
       sortDirection
     } = this.state;
@@ -1376,14 +1384,15 @@ class ContentExplorer extends Component {
         direction: sortDirection
       }];
       this.metadataQueryAPIHelper = new MetadataQueryAPIHelperV2(this.api);
+      this.metadataQueryAPIHelper.fetchMetadataQueryResults(metadataQueryClone, this.showMetadataQueryResultsSuccessCallback, this.errorCallback, metadataFilters);
     } else {
       metadataQueryClone.order_by = [{
         field_key: sortBy,
         direction: sortDirection
       }];
       this.metadataQueryAPIHelper = new MetadataQueryAPIHelper(this.api);
+      this.metadataQueryAPIHelper.fetchMetadataQueryResults(metadataQueryClone, this.showMetadataQueryResultsSuccessCallback, this.errorCallback);
     }
-    this.metadataQueryAPIHelper.fetchMetadataQueryResults(metadataQueryClone, this.showMetadataQueryResultsSuccessCallback, this.errorCallback);
   }
   /**
    * Resets the collection so that the loading bar starts showing
@@ -1586,6 +1595,7 @@ class ContentExplorer extends Component {
       contentUploaderProps,
       defaultView,
       features,
+      hasProviders,
       isMedium,
       isSmall,
       isTouch,
@@ -1658,8 +1668,8 @@ class ContentExplorer extends Component {
     return /*#__PURE__*/React.createElement(Internationalize, {
       language: language,
       messages: messages
-    }, /*#__PURE__*/React.createElement(Notification.Provider, null, /*#__PURE__*/React.createElement(Notification.Viewport, null), /*#__PURE__*/React.createElement(TooltipProvider, {
-      container: this.rootElement
+    }, /*#__PURE__*/React.createElement(Providers, {
+      hasProviders: hasProviders
     }, /*#__PURE__*/React.createElement("div", {
       id: this.id,
       className: styleClassName,
@@ -1726,6 +1736,7 @@ class ContentExplorer extends Component {
       onItemRename: this.rename,
       onItemSelect: this.select,
       onItemShare: this.share,
+      onMetadataFilter: this.filterMetadata,
       onMetadataUpdate: this.updateMetadata,
       onSortChange: this.sort,
       portalElement: this.rootElement,
@@ -1819,7 +1830,7 @@ class ContentExplorer extends Component {
       contentPreviewProps: contentPreviewProps,
       requestInterceptor: requestInterceptor,
       responseInterceptor: responseInterceptor
-    }) : null))));
+    }) : null)));
     /* eslint-enable jsx-a11y/no-static-element-interactions */
     /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
   }