box-ui-elements 23.4.0-beta.22 → 23.4.0-beta.24

package/es/api/uploads/PlainUpload.js.flow

@@ -116,7 +116,7 @@ class PlainUpload extends BaseUpload {
      * @param {Function} [options.errorCallback] - Function to call with errors
      * @param {Function} [options.progressCallback] - Function to call with progress
      * @param {Function} [options.conflictCallback] - Function to call on conflicting file names
-     * @param {boolean} [overwrite] - Should upload overwrite file with same name
+     * @param {boolean|'error'} [overwrite] - Should upload overwrite file with same name, throw error, or call conflictCallback to rename
      * @return {void}
      */
     upload({
@@ -128,6 +128,7 @@ class PlainUpload extends BaseUpload {
         errorCallback = noop,
         progressCallback = noop,
         conflictCallback,
+        // $FlowFixMe
         overwrite = true,
     }: {
         conflictCallback?: Function,
@@ -136,7 +137,7 @@ class PlainUpload extends BaseUpload {
         fileDescription: ?string,
         fileId: ?string,
         folderId: string,
-        overwrite: boolean,
+        overwrite: boolean | 'error',
         progressCallback: Function,
         successCallback: Function,
     }): void {

package/es/api/uploads/PlainUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlainUpload.js","names":["noop","digest","getFileLastModifiedAsISONoMSIfPossible","BaseUpload","CONTENT_MD5_HEADER","PlainUpload","constructor","args","_defineProperty","data","entries","isDestroyed","successCallback","event","progressCallback","uploadUrl","upload_url","getBaseUploadUrl","fileId","replace","attributes","JSON","stringify","name","fileName","parent","id","folderId","description","fileDescription","content_modified_at","file","options","url","headers","successHandler","uploadSuccessHandler","errorHandler","preflightErrorHandler","progressHandler","uploadProgressHandler","sha1","computeSHA1","xhr","uploadFile","upload","errorCallback","conflictCallback","overwrite","makePreflightRequest","cancel","clearTimeout","retryTimeout","destroy","reader","window","FileReader","buffer","readFile","hashBuffer","hashArray","Array","from","Uint8Array","map","b","toString","slice","join","e"],"sources":["../../../src/api/uploads/PlainUpload.js"],"sourcesContent":["/**\n * @flow\n * @file Helper for the plain Box Upload API\n * @author Box\n */\n\nimport noop from 'lodash/noop';\nimport { digest } from '../../utils/webcrypto';\nimport { getFileLastModifiedAsISONoMSIfPossible } from '../../utils/uploads';\nimport BaseUpload from './BaseUpload';\nimport type { BoxItem } from '../../common/types/core';\n\nconst CONTENT_MD5_HEADER = 'Content-MD5';\n\nclass PlainUpload extends BaseUpload {\n    successCallback: Function;\n\n    progressCallback: Function;\n\n    /**\n     * Handles an upload success response\n     *\n     * @param {Object} data - Upload success data\n     * @return {void}\n     */\n    uploadSuccessHandler = ({ data }: Object): void => {\n        const { entries }: { entries: BoxItem[] } = data;\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        if (typeof this.successCallback === 'function') {\n            // Response entries are the successfully created Box File objects\n            this.successCallback(entries);\n        }\n    };\n\n    /**\n     * Handles an upload progress event\n     *\n     * @param {Object} event - Progress event\n     * @return {void}\n     */\n    uploadProgressHandler = (event: ProgressEvent): void => {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        if (typeof this.progressCallback === 'function') {\n            this.progressCallback(event);\n        }\n    };\n\n    /**\n     * Uploads a file. If a file ID is supplied, use the Upload File\n     * Version API to replace the file.\n     *\n     * @param {Object} - Request options\n     * @param {boolean} [options.url] - Upload URL to use\n     * @return {Promise} Async function promise\n     */\n    preflightSuccessHandler = async ({ data }: { data: { upload_url?: string } }): Promise<any> => {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        // Use provided upload URL if passed in, otherwise construct\n        let uploadUrl = data.upload_url;\n        if (!uploadUrl) {\n            uploadUrl = `${this.getBaseUploadUrl()}/files/content`;\n\n            if (this.fileId) {\n                uploadUrl = uploadUrl.replace('content', `${this.fileId}/content`);\n            }\n        }\n\n        const attributes = JSON.stringify({\n            name: this.fileName,\n            parent: { id: this.folderId },\n            description: this.fileDescription,\n            content_modified_at: getFileLastModifiedAsISONoMSIfPossible(this.file),\n        });\n\n        const options = {\n            url: uploadUrl,\n            data: {\n                attributes,\n                file: this.file,\n            },\n            headers: {},\n            successHandler: this.uploadSuccessHandler,\n            errorHandler: this.preflightErrorHandler,\n            progressHandler: this.uploadProgressHandler,\n        };\n\n        // Calculate SHA1 for file consistency check\n        const sha1 = await this.computeSHA1(this.file);\n        if (sha1) {\n            options.headers = {\n                [CONTENT_MD5_HEADER]: sha1,\n            };\n        }\n\n        this.xhr.uploadFile(options);\n    };\n\n    /**\n     * Uploads a file. If there is a conflict and overwrite is true, replace the file.\n     * Otherwise, re-upload with a different name.\n     *\n     * @param {Object} options - Upload options\n     * @param {string} options.folderId - untyped folder id\n     * @param {string} [options.fileId] - Untyped file id (e.g. no \"file_\" prefix)\n     * @param {File} options.file - File blob object\n     * @param {Function} [options.successCallback] - Function to call with response\n     * @param {Function} [options.errorCallback] - Function to call with errors\n     * @param {Function} [options.progressCallback] - Function to call with progress\n     * @param {Function} [options.conflictCallback] - Function to call on conflicting file names\n     * @param {boolean} [overwrite] - Should upload overwrite file with same name\n     * @return {void}\n     */\n    upload({\n        folderId,\n        fileId,\n        file,\n        fileDescription,\n        successCallback = noop,\n        errorCallback = noop,\n        progressCallback = noop,\n        conflictCallback,\n        overwrite = true,\n    }: {\n        conflictCallback?: Function,\n        errorCallback: Function,\n        file: File,\n        fileDescription: ?string,\n        fileId: ?string,\n        folderId: string,\n        overwrite: boolean,\n        progressCallback: Function,\n        successCallback: Function,\n    }): void {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        // Save references\n        this.folderId = folderId;\n        this.fileId = fileId;\n        this.file = file;\n        this.fileDescription = fileDescription;\n        this.fileName = this.file.name;\n        this.successCallback = successCallback;\n        this.errorCallback = errorCallback;\n        this.progressCallback = progressCallback;\n        this.overwrite = overwrite;\n        this.conflictCallback = conflictCallback;\n\n        this.makePreflightRequest();\n    }\n\n    /**\n     * Cancels upload of a file.\n     *\n     * @return {void}\n     */\n    cancel() {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        clearTimeout(this.retryTimeout);\n        this.destroy();\n    }\n\n    /**\n     * Calculates SHA1 of a file\n     *\n     * @param {File} file\n     * @return {Promise} Promise that resolves with SHA1 digest\n     */\n    async computeSHA1(file: File): Promise<any> {\n        let sha1 = '';\n\n        try {\n            // Adapted from https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest\n            const reader = new window.FileReader();\n            const { buffer } = await this.readFile(reader, file);\n            const hashBuffer: ArrayBuffer = await digest('SHA-1', buffer);\n            const hashArray = Array.from(new Uint8Array(hashBuffer));\n            sha1 = hashArray.map(b => `00${b.toString(16)}`.slice(-2)).join('');\n        } catch (e) {\n            // Return empty sha1 if hashing fails\n        }\n\n        return sha1;\n    }\n}\n\nexport default PlainUpload;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PlainUpload.js","names":["noop","digest","getFileLastModifiedAsISONoMSIfPossible","BaseUpload","CONTENT_MD5_HEADER","PlainUpload","constructor","args","_defineProperty","data","entries","isDestroyed","successCallback","event","progressCallback","uploadUrl","upload_url","getBaseUploadUrl","fileId","replace","attributes","JSON","stringify","name","fileName","parent","id","folderId","description","fileDescription","content_modified_at","file","options","url","headers","successHandler","uploadSuccessHandler","errorHandler","preflightErrorHandler","progressHandler","uploadProgressHandler","sha1","computeSHA1","xhr","uploadFile","upload","errorCallback","conflictCallback","overwrite","makePreflightRequest","cancel","clearTimeout","retryTimeout","destroy","reader","window","FileReader","buffer","readFile","hashBuffer","hashArray","Array","from","Uint8Array","map","b","toString","slice","join","e"],"sources":["../../../src/api/uploads/PlainUpload.js"],"sourcesContent":["/**\n * @flow\n * @file Helper for the plain Box Upload API\n * @author Box\n */\n\nimport noop from 'lodash/noop';\nimport { digest } from '../../utils/webcrypto';\nimport { getFileLastModifiedAsISONoMSIfPossible } from '../../utils/uploads';\nimport BaseUpload from './BaseUpload';\nimport type { BoxItem } from '../../common/types/core';\n\nconst CONTENT_MD5_HEADER = 'Content-MD5';\n\nclass PlainUpload extends BaseUpload {\n    successCallback: Function;\n\n    progressCallback: Function;\n\n    /**\n     * Handles an upload success response\n     *\n     * @param {Object} data - Upload success data\n     * @return {void}\n     */\n    uploadSuccessHandler = ({ data }: Object): void => {\n        const { entries }: { entries: BoxItem[] } = data;\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        if (typeof this.successCallback === 'function') {\n            // Response entries are the successfully created Box File objects\n            this.successCallback(entries);\n        }\n    };\n\n    /**\n     * Handles an upload progress event\n     *\n     * @param {Object} event - Progress event\n     * @return {void}\n     */\n    uploadProgressHandler = (event: ProgressEvent): void => {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        if (typeof this.progressCallback === 'function') {\n            this.progressCallback(event);\n        }\n    };\n\n    /**\n     * Uploads a file. If a file ID is supplied, use the Upload File\n     * Version API to replace the file.\n     *\n     * @param {Object} - Request options\n     * @param {boolean} [options.url] - Upload URL to use\n     * @return {Promise} Async function promise\n     */\n    preflightSuccessHandler = async ({ data }: { data: { upload_url?: string } }): Promise<any> => {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        // Use provided upload URL if passed in, otherwise construct\n        let uploadUrl = data.upload_url;\n        if (!uploadUrl) {\n            uploadUrl = `${this.getBaseUploadUrl()}/files/content`;\n\n            if (this.fileId) {\n                uploadUrl = uploadUrl.replace('content', `${this.fileId}/content`);\n            }\n        }\n\n        const attributes = JSON.stringify({\n            name: this.fileName,\n            parent: { id: this.folderId },\n            description: this.fileDescription,\n            content_modified_at: getFileLastModifiedAsISONoMSIfPossible(this.file),\n        });\n\n        const options = {\n            url: uploadUrl,\n            data: {\n                attributes,\n                file: this.file,\n            },\n            headers: {},\n            successHandler: this.uploadSuccessHandler,\n            errorHandler: this.preflightErrorHandler,\n            progressHandler: this.uploadProgressHandler,\n        };\n\n        // Calculate SHA1 for file consistency check\n        const sha1 = await this.computeSHA1(this.file);\n        if (sha1) {\n            options.headers = {\n                [CONTENT_MD5_HEADER]: sha1,\n            };\n        }\n\n        this.xhr.uploadFile(options);\n    };\n\n    /**\n     * Uploads a file. If there is a conflict and overwrite is true, replace the file.\n     * Otherwise, re-upload with a different name.\n     *\n     * @param {Object} options - Upload options\n     * @param {string} options.folderId - untyped folder id\n     * @param {string} [options.fileId] - Untyped file id (e.g. no \"file_\" prefix)\n     * @param {File} options.file - File blob object\n     * @param {Function} [options.successCallback] - Function to call with response\n     * @param {Function} [options.errorCallback] - Function to call with errors\n     * @param {Function} [options.progressCallback] - Function to call with progress\n     * @param {Function} [options.conflictCallback] - Function to call on conflicting file names\n     * @param {boolean|'error'} [overwrite] - Should upload overwrite file with same name, throw error, or call conflictCallback to rename\n     * @return {void}\n     */\n    upload({\n        folderId,\n        fileId,\n        file,\n        fileDescription,\n        successCallback = noop,\n        errorCallback = noop,\n        progressCallback = noop,\n        conflictCallback,\n        // $FlowFixMe\n        overwrite = true,\n    }: {\n        conflictCallback?: Function,\n        errorCallback: Function,\n        file: File,\n        fileDescription: ?string,\n        fileId: ?string,\n        folderId: string,\n        overwrite: boolean | 'error',\n        progressCallback: Function,\n        successCallback: Function,\n    }): void {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        // Save references\n        this.folderId = folderId;\n        this.fileId = fileId;\n        this.file = file;\n        this.fileDescription = fileDescription;\n        this.fileName = this.file.name;\n        this.successCallback = successCallback;\n        this.errorCallback = errorCallback;\n        this.progressCallback = progressCallback;\n        this.overwrite = overwrite;\n        this.conflictCallback = conflictCallback;\n\n        this.makePreflightRequest();\n    }\n\n    /**\n     * Cancels upload of a file.\n     *\n     * @return {void}\n     */\n    cancel() {\n        if (this.isDestroyed()) {\n            return;\n        }\n\n        clearTimeout(this.retryTimeout);\n        this.destroy();\n    }\n\n    /**\n     * Calculates SHA1 of a file\n     *\n     * @param {File} file\n     * @return {Promise} Promise that resolves with SHA1 digest\n     */\n    async computeSHA1(file: File): Promise<any> {\n        let sha1 = '';\n\n        try {\n            // Adapted from https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest\n            const reader = new window.FileReader();\n            const { buffer } = await this.readFile(reader, file);\n            const hashBuffer: ArrayBuffer = await digest('SHA-1', buffer);\n            const hashArray = Array.from(new Uint8Array(hashBuffer));\n            sha1 = hashArray.map(b => `00${b.toString(16)}`.slice(-2)).join('');\n        } catch (e) {\n            // Return empty sha1 if hashing fails\n        }\n\n        return sha1;\n    }\n}\n\nexport default PlainUpload;\n"],"mappings":"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","ignoreList":[]}

package/es/components/flyout/OverlayHeader.js

@@ -6,11 +6,14 @@ import FlyoutContext from './FlyoutContext';
 import './OverlayHeader.scss';
 const OverlayHeader = ({
   children,
-  className
+  className,
+  isOverlayHeaderActionEnabled = false
 }) => {
   const handleClick = event => {
-    event.preventDefault();
-    event.stopPropagation();
+    if (!isOverlayHeaderActionEnabled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   // @ts-ignore TODO: figure out why this is giving a TS error
   const {

package/es/components/flyout/OverlayHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayHeader.js","names":["React","classNames","CloseButton","FlyoutContext","OverlayHeader","children","className","handleClick","event","preventDefault","stopPropagation","closeOverlay","useContext","createElement","onClick","role"],"sources":["../../../src/components/flyout/OverlayHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport classNames from 'classnames';\nimport CloseButton from '../close-button/CloseButton';\n// @ts-ignore flow\nimport FlyoutContext from './FlyoutContext';\n\nimport './OverlayHeader.scss';\n\nexport interface OverlayHeaderProps {\n    /** Components to render in the header */\n    children?: React.ReactNode;\n    /** Set className to the overlay header */\n    className?: string;\n}\n\nconst OverlayHeader = ({ children, className }: OverlayHeaderProps) => {\n    const handleClick = (event: React.SyntheticEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        event.stopPropagation();\n    };\n    // @ts-ignore TODO: figure out why this is giving a TS error\n    const { closeOverlay } = React.useContext(FlyoutContext);\n\n    return (\n        <div\n            className={classNames('bdl-OverlayHeader', className)}\n            data-testid=\"bdl-OverlayHeader\"\n            onClick={handleClick}\n            role=\"presentation\"\n        >\n            <div className=\"bdl-OverlayHeader-content\">{children}</div>\n            <CloseButton onClick={closeOverlay} />\n        </div>\n    );\n};\n\nexport default OverlayHeader;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,6BAA6B;AACrD;AACA,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAO,sBAAsB;AAS7B,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EACnE,MAAMC,WAAW,GAAIC,KAA2C,IAAW;IACvEA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;EAC3B,CAAC;EACD;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGX,KAAK,CAACY,UAAU,CAACT,aAAa,CAAC;EAExD,oBACIH,KAAA,CAAAa,aAAA;IACIP,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,mBAAmB;IAC/BQ,OAAO,EAAEP,WAAY;IACrBQ,IAAI,EAAC;EAAc,gBAEnBf,KAAA,CAAAa,aAAA;IAAKP,SAAS,EAAC;EAA2B,GAAED,QAAc,CAAC,eAC3DL,KAAA,CAAAa,aAAA,CAACX,WAAW;IAACY,OAAO,EAAEH;EAAa,CAAE,CACpC,CAAC;AAEd,CAAC;AAED,eAAeP,aAAa","ignoreList":[]}
+{"version":3,"file":"OverlayHeader.js","names":["React","classNames","CloseButton","FlyoutContext","OverlayHeader","children","className","isOverlayHeaderActionEnabled","handleClick","event","preventDefault","stopPropagation","closeOverlay","useContext","createElement","onClick","role"],"sources":["../../../src/components/flyout/OverlayHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport classNames from 'classnames';\nimport CloseButton from '../close-button/CloseButton';\n// @ts-ignore flow\nimport FlyoutContext from './FlyoutContext';\n\nimport './OverlayHeader.scss';\n\nexport interface OverlayHeaderProps {\n    /** Components to render in the header */\n    children?: React.ReactNode;\n    /** Set className to the overlay header */\n    className?: string;\n    /** Are OverlayHeader actions enabled */\n    isOverlayHeaderActionEnabled?: boolean;\n}\n\nconst OverlayHeader = ({ children, className, isOverlayHeaderActionEnabled = false }: OverlayHeaderProps) => {\n    const handleClick = (event: React.SyntheticEvent<HTMLDivElement>): void => {\n        if (!isOverlayHeaderActionEnabled) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n    // @ts-ignore TODO: figure out why this is giving a TS error\n    const { closeOverlay } = React.useContext(FlyoutContext);\n\n    return (\n        <div\n            className={classNames('bdl-OverlayHeader', className)}\n            data-testid=\"bdl-OverlayHeader\"\n            onClick={handleClick}\n            role=\"presentation\"\n        >\n            <div className=\"bdl-OverlayHeader-content\">{children}</div>\n            <CloseButton onClick={closeOverlay} />\n        </div>\n    );\n};\n\nexport default OverlayHeader;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,6BAA6B;AACrD;AACA,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAO,sBAAsB;AAW7B,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,4BAA4B,GAAG;AAA0B,CAAC,KAAK;EACzG,MAAMC,WAAW,GAAIC,KAA2C,IAAW;IACvE,IAAI,CAACF,4BAA4B,EAAE;MAC/BE,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;IAC3B;EACJ,CAAC;EACD;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGZ,KAAK,CAACa,UAAU,CAACV,aAAa,CAAC;EAExD,oBACIH,KAAA,CAAAc,aAAA;IACIR,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,mBAAmB;IAC/BS,OAAO,EAAEP,WAAY;IACrBQ,IAAI,EAAC;EAAc,gBAEnBhB,KAAA,CAAAc,aAAA;IAAKR,SAAS,EAAC;EAA2B,GAAED,QAAc,CAAC,eAC3DL,KAAA,CAAAc,aAAA,CAACZ,WAAW;IAACa,OAAO,EAAEH;EAAa,CAAE,CACpC,CAAC;AAEd,CAAC;AAED,eAAeR,aAAa","ignoreList":[]}

package/es/elements/common/nav-router/NavRouter.js

@@ -1,17 +1,21 @@
-const _excluded = ["children", "history"];
+const _excluded = ["children", "features", "history"];
 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; }
 import * as React from 'react';
 import { MemoryRouter, Router } from 'react-router';
+import { isFeatureEnabled } from '../feature-checking';
 const NavRouter = _ref => {
   let {
       children,
+      features,
       history
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
+  const isRouterDisabled = isFeatureEnabled(features, 'routerDisabled.value');
+  if (isRouterDisabled) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
   if (history) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
     return /*#__PURE__*/React.createElement(Router, {
       history: history
     }, children);

package/es/elements/common/nav-router/NavRouter.js.flow

@@ -6,13 +6,22 @@
 import * as React from 'react';
 import { MemoryRouter, Router } from 'react-router-dom';
 import type { RouterHistory } from 'react-router-dom';
+import { isFeatureEnabled, type FeatureConfig } from '../feature-checking';
 
 type Props = {
     children: React.Node,
+    features?: FeatureConfig,
     history?: RouterHistory,
+    initialEntries?: Array<any>,
 };
 
-const NavRouter = ({ children, history, ...rest }: Props) => {
+const NavRouter = ({ children, features, history, ...rest }: Props) => {
+    const isRouterDisabled = isFeatureEnabled(features, 'routerDisabled.value');
+    
+    if (isRouterDisabled) {
+        return <>{children}</>;
+    }
+
     if (history) {
         return <Router history={history}>{children}</Router>;
     }

package/es/elements/common/nav-router/NavRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavRouter.js","names":["React","MemoryRouter","Router","NavRouter","_ref","children","history","rest","_objectWithoutProperties","_excluded","createElement"],"sources":["../../../../src/elements/common/nav-router/NavRouter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MemoryRouter, Router } from 'react-router';\nimport { History } from 'history';\n\ntype Props = {\n    children: React.ReactNode;\n    history?: History;\n    initialEntries?: History.LocationDescriptor[];\n};\n\nconst NavRouter = ({ children, history, ...rest }: Props) => {\n    if (history) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        return <Router history={history}>{children}</Router>;\n    }\n\n    return <MemoryRouter {...rest}>{children}</MemoryRouter>;\n};\n\nexport default NavRouter;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,EAAEC,MAAM,QAAQ,cAAc;AASnD,MAAMC,SAAS,GAAGC,IAAA,IAA2C;EAAA,IAA1C;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC3C,IAAIH,OAAO,EAAE;IACT;IACA;IACA,oBAAON,KAAA,CAAAU,aAAA,CAACR,MAAM;MAACI,OAAO,EAAEA;IAAQ,GAAED,QAAiB,CAAC;EACxD;EAEA,oBAAOL,KAAA,CAAAU,aAAA,CAACT,YAAY,EAAKM,IAAI,EAAGF,QAAuB,CAAC;AAC5D,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"file":"NavRouter.js","names":["React","MemoryRouter","Router","isFeatureEnabled","NavRouter","_ref","children","features","history","rest","_objectWithoutProperties","_excluded","isRouterDisabled","createElement","Fragment"],"sources":["../../../../src/elements/common/nav-router/NavRouter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MemoryRouter, Router } from 'react-router';\nimport { History } from 'history';\nimport { isFeatureEnabled, type FeatureConfig } from '../feature-checking';\n\ntype Props = {\n    children: React.ReactNode;\n    features?: FeatureConfig;\n    history?: History;\n    initialEntries?: History.LocationDescriptor[];\n};\n\nconst NavRouter = ({ children, features, history, ...rest }: Props) => {\n    const isRouterDisabled = isFeatureEnabled(features, 'routerDisabled.value');\n    \n    if (isRouterDisabled) {\n        return <>{children}</>;\n    }\n\n    if (history) {\n        return <Router history={history}>{children}</Router>;\n    }\n\n    return <MemoryRouter {...rest}>{children}</MemoryRouter>;\n};\n\nexport default NavRouter;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,EAAEC,MAAM,QAAQ,cAAc;AAEnD,SAASC,gBAAgB,QAA4B,qBAAqB;AAS1E,MAAMC,SAAS,GAAGC,IAAA,IAAqD;EAAA,IAApD;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAAH,IAAA;IAAbI,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACrD,MAAMC,gBAAgB,GAAGT,gBAAgB,CAACI,QAAQ,EAAE,sBAAsB,CAAC;EAE3E,IAAIK,gBAAgB,EAAE;IAClB,oBAAOZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAGR,QAAW,CAAC;EAC1B;EAEA,IAAIE,OAAO,EAAE;IACT,oBAAOR,KAAA,CAAAa,aAAA,CAACX,MAAM;MAACM,OAAO,EAAEA;IAAQ,GAAEF,QAAiB,CAAC;EACxD;EAEA,oBAAON,KAAA,CAAAa,aAAA,CAACZ,YAAY,EAAKQ,IAAI,EAAGH,QAAuB,CAAC;AAC5D,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/es/elements/common/nav-router/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/common/nav-router/types.ts"],"sourcesContent":["import { History } from 'history';\n\nexport type WithNavRouterProps = {\n    history?: History;\n    initialEntries?: History.LocationDescriptor[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/common/nav-router/types.ts"],"sourcesContent":["import { History } from 'history';\nimport { FeatureConfig } from '../feature-checking';\n\nexport type WithNavRouterProps = {\n    features?: FeatureConfig;\n    history?: History;\n    initialEntries?: History.LocationDescriptor[];\n};\n"],"mappings":"","ignoreList":[]}

package/es/elements/common/nav-router/withNavRouter.js

@@ -3,6 +3,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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; }
 import * as React from 'react';
 import NavRouter from './NavRouter';
+import { isFeatureEnabled } from '../feature-checking';
 const withNavRouter = Component => {
   function WithNavRouter(_ref) {
     let {
@@ -10,9 +11,17 @@ const withNavRouter = Component => {
         initialEntries
       } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
+    const {
+      features
+    } = rest;
+    const isRouterDisabled = isFeatureEnabled(features, 'routerDisabled.value');
+    if (isRouterDisabled) {
+      return /*#__PURE__*/React.createElement(Component, rest);
+    }
     return /*#__PURE__*/React.createElement(NavRouter, {
       history: history,
-      initialEntries: initialEntries
+      initialEntries: initialEntries,
+      features: features
     }, /*#__PURE__*/React.createElement(Component, rest));
   }
   WithNavRouter.displayName = `withNavRouter(${Component.displayName || Component.name || 'Component'}`;

package/es/elements/common/nav-router/withNavRouter.js.flow

@@ -6,9 +6,14 @@
 
 import React from "react";
 import { History } from "history";
+import { type FeatureConfig } from '../feature-checking';
 import NavRouter from "./NavRouter";
+
 export type WithNavRouterProps = {
+  features?: FeatureConfig,
   history?: History,
+  initialEntries?: Array<any>,
   ...
 };
+
 declare export var withNavRouter: any; // /* NO PRINT IMPLEMENTED: ArrowFunction */ any

package/es/elements/common/nav-router/withNavRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"withNavRouter.js","names":["React","NavRouter","withNavRouter","Component","WithNavRouter","_ref","history","initialEntries","rest","_objectWithoutProperties","_excluded","createElement","displayName","name"],"sources":["../../../../src/elements/common/nav-router/withNavRouter.tsx"],"sourcesContent":["import * as React from 'react';\nimport NavRouter from './NavRouter';\nimport { WithNavRouterProps } from './types';\n\nconst withNavRouter = <P extends object>(Component: React.ComponentType<P>): React.FC<P & WithNavRouterProps> => {\n    function WithNavRouter({ history, initialEntries, ...rest }: P & WithNavRouterProps) {\n        return (\n            <NavRouter history={history} initialEntries={initialEntries}>\n                <Component {...(rest as P)} />\n            </NavRouter>\n        );\n    }\n\n    WithNavRouter.displayName = `withNavRouter(${Component.displayName || Component.name || 'Component'}`;\n\n    return WithNavRouter;\n};\n\nexport default withNavRouter;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,SAAS,MAAM,aAAa;AAGnC,MAAMC,aAAa,GAAsBC,SAAiC,IAAuC;EAC7G,SAASC,aAAaA,CAAAC,IAAA,EAA+D;IAAA,IAA9D;QAAEC,OAAO;QAAEC;MAAgD,CAAC,GAAAF,IAAA;MAA9BG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;IACrD,oBACIV,KAAA,CAAAW,aAAA,CAACV,SAAS;MAACK,OAAO,EAAEA,OAAQ;MAACC,cAAc,EAAEA;IAAe,gBACxDP,KAAA,CAAAW,aAAA,CAACR,SAAS,EAAMK,IAAa,CACtB,CAAC;EAEpB;EAEAJ,aAAa,CAACQ,WAAW,GAAG,iBAAiBT,SAAS,CAACS,WAAW,IAAIT,SAAS,CAACU,IAAI,IAAI,WAAW,EAAE;EAErG,OAAOT,aAAa;AACxB,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}
+{"version":3,"file":"withNavRouter.js","names":["React","NavRouter","isFeatureEnabled","withNavRouter","Component","WithNavRouter","_ref","history","initialEntries","rest","_objectWithoutProperties","_excluded","features","isRouterDisabled","createElement","displayName","name"],"sources":["../../../../src/elements/common/nav-router/withNavRouter.tsx"],"sourcesContent":["import * as React from 'react';\nimport NavRouter from './NavRouter';\nimport { WithNavRouterProps } from './types';\nimport { isFeatureEnabled } from '../feature-checking';\n\nconst withNavRouter = <P extends object>(Component: React.ComponentType<P>): React.FC<P & WithNavRouterProps> => {\n    function WithNavRouter({ history, initialEntries, ...rest }: P & WithNavRouterProps) {\n        const { features } = rest;\n        const isRouterDisabled = isFeatureEnabled(features, 'routerDisabled.value');\n        \n        if (isRouterDisabled) {\n            return <Component {...(rest as P)} />;\n        }\n\n        return (\n            <NavRouter history={history} initialEntries={initialEntries} features={features}>\n                <Component {...(rest as P)} />\n            </NavRouter>\n        );\n    }\n\n    WithNavRouter.displayName = `withNavRouter(${Component.displayName || Component.name || 'Component'}`;\n\n    return WithNavRouter;\n};\n\nexport default withNavRouter;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,SAAS,MAAM,aAAa;AAEnC,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,MAAMC,aAAa,GAAsBC,SAAiC,IAAuC;EAC7G,SAASC,aAAaA,CAAAC,IAAA,EAA+D;IAAA,IAA9D;QAAEC,OAAO;QAAEC;MAAgD,CAAC,GAAAF,IAAA;MAA9BG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;IACrD,MAAM;MAAEC;IAAS,CAAC,GAAGH,IAAI;IACzB,MAAMI,gBAAgB,GAAGX,gBAAgB,CAACU,QAAQ,EAAE,sBAAsB,CAAC;IAE3E,IAAIC,gBAAgB,EAAE;MAClB,oBAAOb,KAAA,CAAAc,aAAA,CAACV,SAAS,EAAMK,IAAa,CAAC;IACzC;IAEA,oBACIT,KAAA,CAAAc,aAAA,CAACb,SAAS;MAACM,OAAO,EAAEA,OAAQ;MAACC,cAAc,EAAEA,cAAe;MAACI,QAAQ,EAAEA;IAAS,gBAC5EZ,KAAA,CAAAc,aAAA,CAACV,SAAS,EAAMK,IAAa,CACtB,CAAC;EAEpB;EAEAJ,aAAa,CAACU,WAAW,GAAG,iBAAiBX,SAAS,CAACW,WAAW,IAAIX,SAAS,CAACY,IAAI,IAAI,WAAW,EAAE;EAErG,OAAOX,aAAa;AACxB,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

package/es/elements/common/routing/withRouterAndRef.js

@@ -5,9 +5,23 @@ import { Route } from 'react-router-dom';
 // Basically a workaround for the fact that react-router's withRouter cannot forward ref's through
 // functional components. Use this instead to gain the benefits of withRouter but also ref forwarding
 export default function withRouterAndRef(Wrapped) {
-  const WithRouterAndRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Route, null, routeProps => /*#__PURE__*/React.createElement(Wrapped, _extends({
-    ref: ref
-  }, routeProps, props))));
+  const WithRouterAndRef = /*#__PURE__*/React.forwardRef((props, ref) => {
+    const {
+      routerDisabled
+    } = props;
+
+    // If router is disabled, return component directly without Route wrapper
+    if (routerDisabled) {
+      return /*#__PURE__*/React.createElement(Wrapped, _extends({
+        ref: ref
+      }, props));
+    }
+
+    // Default behavior: wrap with Route to get router props
+    return /*#__PURE__*/React.createElement(Route, null, routeProps => /*#__PURE__*/React.createElement(Wrapped, _extends({
+      ref: ref
+    }, routeProps, props)));
+  });
   const name = Wrapped.displayName || Wrapped.name || 'Component';
   WithRouterAndRef.displayName = `withRouterAndRef(${name})`;
   return WithRouterAndRef;

package/es/elements/common/routing/withRouterAndRef.js.flow

@@ -5,9 +5,17 @@ import { Route } from 'react-router-dom';
 // Basically a workaround for the fact that react-router's withRouter cannot forward ref's through
 // functional components. Use this instead to gain the benefits of withRouter but also ref forwarding
 export default function withRouterAndRef(Wrapped: React.ComponentType<any>) {
-    const WithRouterAndRef = React.forwardRef<Object, React.Ref<any>>((props, ref) => (
-        <Route>{routeProps => <Wrapped ref={ref} {...routeProps} {...props} />}</Route>
-    ));
+    const WithRouterAndRef = React.forwardRef<Object, React.Ref<any>>((props, ref) => {
+        const { routerDisabled } = props;
+        
+        // If router is disabled, return component directly without Route wrapper
+        if (routerDisabled) {
+            return <Wrapped ref={ref} {...props} />;
+        }
+        
+        // Default behavior: wrap with Route to get router props
+        return <Route>{routeProps => <Wrapped ref={ref} {...routeProps} {...props} />}</Route>;
+    });
     const name = Wrapped.displayName || Wrapped.name || 'Component';
     WithRouterAndRef.displayName = `withRouterAndRef(${name})`;
     return WithRouterAndRef;

package/es/elements/common/routing/withRouterAndRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"withRouterAndRef.js","names":["React","Route","withRouterAndRef","Wrapped","WithRouterAndRef","forwardRef","props","ref","createElement","routeProps","_extends","name","displayName"],"sources":["../../../../src/elements/common/routing/withRouterAndRef.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\n\n// Basically a workaround for the fact that react-router's withRouter cannot forward ref's through\n// functional components. Use this instead to gain the benefits of withRouter but also ref forwarding\nexport default function withRouterAndRef(Wrapped: React.ComponentType<any>) {\n    const WithRouterAndRef = React.forwardRef<Object, React.Ref<any>>((props, ref) => (\n        <Route>{routeProps => <Wrapped ref={ref} {...routeProps} {...props} />}</Route>\n    ));\n    const name = Wrapped.displayName || Wrapped.name || 'Component';\n    WithRouterAndRef.displayName = `withRouterAndRef(${name})`;\n    return WithRouterAndRef;\n}\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA,eAAe,SAASC,gBAAgBA,CAACC,OAAiC,EAAE;EACxE,MAAMC,gBAAgB,gBAAGJ,KAAK,CAACK,UAAU,CAAyB,CAACC,KAAK,EAAEC,GAAG,kBACzEP,KAAA,CAAAQ,aAAA,CAACP,KAAK,QAAEQ,UAAU,iBAAIT,KAAA,CAAAQ,aAAA,CAACL,OAAO,EAAAO,QAAA;IAACH,GAAG,EAAEA;EAAI,GAAKE,UAAU,EAAMH,KAAK,CAAG,CAAS,CACjF,CAAC;EACF,MAAMK,IAAI,GAAGR,OAAO,CAACS,WAAW,IAAIT,OAAO,CAACQ,IAAI,IAAI,WAAW;EAC/DP,gBAAgB,CAACQ,WAAW,GAAG,oBAAoBD,IAAI,GAAG;EAC1D,OAAOP,gBAAgB;AAC3B","ignoreList":[]}
+{"version":3,"file":"withRouterAndRef.js","names":["React","Route","withRouterAndRef","Wrapped","WithRouterAndRef","forwardRef","props","ref","routerDisabled","createElement","_extends","routeProps","name","displayName"],"sources":["../../../../src/elements/common/routing/withRouterAndRef.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\n\n// Basically a workaround for the fact that react-router's withRouter cannot forward ref's through\n// functional components. Use this instead to gain the benefits of withRouter but also ref forwarding\nexport default function withRouterAndRef(Wrapped: React.ComponentType<any>) {\n    const WithRouterAndRef = React.forwardRef<Object, React.Ref<any>>((props, ref) => {\n        const { routerDisabled } = props;\n        \n        // If router is disabled, return component directly without Route wrapper\n        if (routerDisabled) {\n            return <Wrapped ref={ref} {...props} />;\n        }\n        \n        // Default behavior: wrap with Route to get router props\n        return <Route>{routeProps => <Wrapped ref={ref} {...routeProps} {...props} />}</Route>;\n    });\n    const name = Wrapped.displayName || Wrapped.name || 'Component';\n    WithRouterAndRef.displayName = `withRouterAndRef(${name})`;\n    return WithRouterAndRef;\n}\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA,eAAe,SAASC,gBAAgBA,CAACC,OAAiC,EAAE;EACxE,MAAMC,gBAAgB,gBAAGJ,KAAK,CAACK,UAAU,CAAyB,CAACC,KAAK,EAAEC,GAAG,KAAK;IAC9E,MAAM;MAAEC;IAAe,CAAC,GAAGF,KAAK;;IAEhC;IACA,IAAIE,cAAc,EAAE;MAChB,oBAAOR,KAAA,CAAAS,aAAA,CAACN,OAAO,EAAAO,QAAA;QAACH,GAAG,EAAEA;MAAI,GAAKD,KAAK,CAAG,CAAC;IAC3C;;IAEA;IACA,oBAAON,KAAA,CAAAS,aAAA,CAACR,KAAK,QAAEU,UAAU,iBAAIX,KAAA,CAAAS,aAAA,CAACN,OAAO,EAAAO,QAAA;MAACH,GAAG,EAAEA;IAAI,GAAKI,UAAU,EAAML,KAAK,CAAG,CAAS,CAAC;EAC1F,CAAC,CAAC;EACF,MAAMM,IAAI,GAAGT,OAAO,CAACU,WAAW,IAAIV,OAAO,CAACS,IAAI,IAAI,WAAW;EAC/DR,gBAAgB,CAACS,WAAW,GAAG,oBAAoBD,IAAI,GAAG;EAC1D,OAAOR,gBAAgB;AAC3B","ignoreList":[]}

package/es/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js

@@ -4,6 +4,7 @@ import ContentExplorer from '../../ContentExplorer';
 import { mockEmptyRootFolder, mockRootFolder } from '../../../common/__mocks__/mockRootFolder';
 import mockSubfolder from '../../../common/__mocks__/mockSubfolder';
 import mockRecentItems from '../../../common/__mocks__/mockRecentItems';
+import { mockUserRequest } from '../../../common/__mocks__/mockRequests';
 import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 export const basic = {
   play: async ({
@@ -224,10 +225,30 @@ export const closeCreateFolderDialog = {
 //     },
 // };
 
+const defaultHandlers = [http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {
+  return HttpResponse.json(mockRootFolder);
+}), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {
+  return HttpResponse.json(mockSubfolder);
+}), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {
+  return HttpResponse.json(mockEmptyRootFolder);
+}), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {
+  return new HttpResponse('Internal Server Error', {
+    status: 500
+  });
+}), http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {
+  return HttpResponse.json(mockRecentItems);
+})];
 export const emptyState = {
   args: {
     rootFolderId: '74729718131'
   },
+  parameters: {
+    msw: {
+      handlers: [...defaultHandlers, http.get(mockUserRequest.url, () => {
+        return HttpResponse.json(mockUserRequest.response);
+      })]
+    }
+  },
   play: async ({
     canvasElement
   }) => {
@@ -270,19 +291,7 @@ export default {
   },
   parameters: {
     msw: {
-      handlers: [http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {
-        return HttpResponse.json(mockRootFolder);
-      }), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {
-        return HttpResponse.json(mockSubfolder);
-      }), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {
-        return HttpResponse.json(mockEmptyRootFolder);
-      }), http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {
-        return new HttpResponse('Internal Server Error', {
-          status: 500
-        });
-      }), http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {
-        return HttpResponse.json(mockRecentItems);
-      })]
+      handlers: defaultHandlers
     }
   }
 };

package/es/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js.flow

@@ -5,6 +5,7 @@ import ContentExplorer from '../../ContentExplorer';
 import { mockEmptyRootFolder, mockRootFolder } from '../../../common/__mocks__/mockRootFolder';
 import mockSubfolder from '../../../common/__mocks__/mockSubfolder';
 import mockRecentItems from '../../../common/__mocks__/mockRecentItems';
+import { mockUserRequest } from '../../../common/__mocks__/mockRequests';
 
 import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 
@@ -227,10 +228,38 @@ export const closeCreateFolderDialog = {
 //     },
 // };
 
+const defaultHandlers = [
+    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {
+        return HttpResponse.json(mockRootFolder);
+    }),
+    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {
+        return HttpResponse.json(mockSubfolder);
+    }),
+    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {
+        return HttpResponse.json(mockEmptyRootFolder);
+    }),
+    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {
+        return new HttpResponse('Internal Server Error', { status: 500 });
+    }),
+    http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {
+        return HttpResponse.json(mockRecentItems);
+    }),
+];
+
 export const emptyState = {
     args: {
         rootFolderId: '74729718131',
     },
+    parameters: {
+        msw: {
+            handlers: [
+                ...defaultHandlers,
+                http.get(mockUserRequest.url, () => {
+                    return HttpResponse.json(mockUserRequest.response);
+                }),
+            ],
+        },
+    },
     play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         await waitFor(() => {
@@ -271,23 +300,7 @@ export default {
     },
     parameters: {
         msw: {
-            handlers: [
-                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {
-                    return HttpResponse.json(mockRootFolder);
-                }),
-                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {
-                    return HttpResponse.json(mockSubfolder);
-                }),
-                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {
-                    return HttpResponse.json(mockEmptyRootFolder);
-                }),
-                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {
-                    return new HttpResponse('Internal Server Error', { status: 500 });
-                }),
-                http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {
-                    return HttpResponse.json(mockRecentItems);
-                }),
-            ],
+            handlers: defaultHandlers,
         },
     },
 };

package/es/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentExplorer-visual.stories.js","names":["http","HttpResponse","expect","screen","userEvent","waitFor","within","ContentExplorer","mockEmptyRootFolder","mockRootFolder","mockSubfolder","mockRecentItems","DEFAULT_HOSTNAME_API","basic","play","canvasElement","canvas","folder","findByText","toBeInTheDocument","getByText","openExistingFolder","subFolder","click","openCreateFolderDialog","addButton","findByRole","name","dropdown","newFolderButton","closeCreateFolderDialog","cancelButton","queryByText","not","emptyState","args","rootFolderId","errorEmptyState","withTheming","title","component","features","global","FEATURE_FLAGS","FOLDER_ID","token","TOKEN","parameters","msw","handlers","get","json","status"],"sources":["../../../../../src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js"],"sourcesContent":["import { http, HttpResponse } from 'msw';\nimport { expect, screen, userEvent, waitFor, within } from '@storybook/test';\n\nimport ContentExplorer from '../../ContentExplorer';\nimport { mockEmptyRootFolder, mockRootFolder } from '../../../common/__mocks__/mockRootFolder';\nimport mockSubfolder from '../../../common/__mocks__/mockSubfolder';\nimport mockRecentItems from '../../../common/__mocks__/mockRecentItems';\n\nimport { DEFAULT_HOSTNAME_API } from '../../../../constants';\n\nexport const basic = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(async () => {\n            const folder = await canvas.findByText('An Ordered Folder');\n            expect(folder).toBeInTheDocument();\n            expect(canvas.getByText('Apr 16, 2019 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Archive')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 16, 2020 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Archived Folder')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 17, 2020 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Book Sample.pdf')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 8, 2022 by Preview')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const openExistingFolder = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const subFolder = await canvas.findByText('An Ordered Folder');\n        await userEvent.click(subFolder);\n\n        expect(await canvas.findByText('Audio.mp3')).toBeInTheDocument();\n    },\n};\n\nexport const openCreateFolderDialog = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addButton = await canvas.findByRole('button', { name: 'Add' });\n        await userEvent.click(addButton);\n\n        const dropdown = await screen.findByRole('menu');\n        const newFolderButton = await within(dropdown).findByRole('menuitem', { name: 'New Folder' });\n        expect(newFolderButton).toBeInTheDocument();\n        await userEvent.click(newFolderButton);\n\n        expect(await screen.findByText('Please enter a name.')).toBeInTheDocument();\n    },\n};\n\nexport const closeCreateFolderDialog = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addButton = await canvas.findByRole('button', { name: 'Add' });\n        await userEvent.click(addButton);\n\n        const dropdown = await screen.findByRole('menu');\n        const newFolderButton = await within(dropdown).findByRole('menuitem', { name: 'New Folder' });\n        expect(newFolderButton).toBeInTheDocument();\n        await userEvent.click(newFolderButton);\n\n        expect(await screen.findByText('Please enter a name.')).toBeInTheDocument();\n\n        const cancelButton = screen.getByText('Cancel');\n        await userEvent.click(cancelButton);\n\n        await waitFor(() => {\n            expect(screen.queryByText('Please enter a name.')).not.toBeInTheDocument();\n        });\n    },\n};\n\n// export const openDeleteConfirmationDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const deleteButton = await screen.findByRole('menuitem', { name: 'Delete' });\n//             await userEvent.hover(deleteButton);\n//             await userEvent.click(deleteButton);\n//         });\n\n//         expect(\n//             await screen.findByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//         ).toBeInTheDocument();\n//     },\n// };\n\n// export const closeDeleteConfirmationDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const deleteButton = await screen.findByRole('menuitem', { name: 'Delete' });\n//             await userEvent.hover(deleteButton);\n//             await userEvent.click(deleteButton);\n//         });\n\n//         expect(\n//             await screen.findByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//         ).toBeInTheDocument();\n\n//         const cancelButton = screen.getByText('Cancel');\n//         await userEvent.click(cancelButton);\n\n//         await waitFor(() => {\n//             expect(\n//                 screen.queryByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//             ).not.toBeInTheDocument();\n//         });\n//     },\n// };\n\n// export const openRenameDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const renameButton = await screen.findByRole('menuitem', { name: 'Rename' });\n//             await userEvent.hover(renameButton);\n//             await userEvent.click(renameButton);\n//         });\n\n//         expect(await screen.findByText('Please enter a new name for An Ordered Folder:')).toBeInTheDocument();\n//     },\n// };\n\n// export const closeRenameDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const renameButton = await screen.findByRole('menuitem', { name: 'Rename' });\n//             await userEvent.hover(renameButton);\n//             await userEvent.click(renameButton);\n//         });\n\n//         expect(await screen.findByText('Please enter a new name for An Ordered Folder:')).toBeInTheDocument();\n//         const cancelButton = screen.getByText('Cancel');\n//         await userEvent.click(cancelButton);\n\n//         await waitFor(() => {\n//             expect(screen.queryByText('Please enter a new name for An Ordered Folder:')).not.toBeInTheDocument();\n//         });\n//     },\n// };\n\n// export const openShareDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const shareButton = await screen.findByRole('menuitem', { name: 'Share' });\n//             await userEvent.hover(shareButton);\n//             await userEvent.click(shareButton);\n//         });\n\n//         expect(await screen.findByText('Shared Link:')).toBeInTheDocument();\n\n//         const inputElement = screen.getByDisplayValue('https://example.com/share-link');\n//         expect(inputElement).toBeInTheDocument();\n//     },\n// };\n\n// export const closeShareDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const shareButton = await screen.findByRole('menuitem', { name: 'Share' });\n//             await userEvent.hover(shareButton);\n//             await userEvent.click(shareButton);\n//         });\n\n//         expect(await screen.findByText('Shared Link:')).toBeInTheDocument();\n//         const closeButton = screen.getByText('Close');\n//         await userEvent.click(closeButton);\n\n//         await waitFor(() => {\n//             expect(screen.queryByText('Shared Link:')).not.toBeInTheDocument();\n//         });\n//         const inputElement = screen.queryByDisplayValue('https://example.com/share-link');\n//         expect(inputElement).not.toBeInTheDocument();\n//     },\n// };\n\nexport const emptyState = {\n    args: {\n        rootFolderId: '74729718131',\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(() => {\n            expect(canvas.getByText('There are no items in this folder.')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const errorEmptyState = {\n    args: {\n        rootFolderId: '191354690948',\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(() => {\n            expect(canvas.getByText('A network error has occurred while trying to load.')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const withTheming = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        await waitFor(async () => {\n            expect(await canvas.getByText('Preview Test Folder')).toBeInTheDocument();\n        });\n    },\n};\n\nexport default {\n    title: 'Elements/ContentExplorer/tests/ContentExplorer/visual',\n    component: ContentExplorer,\n    args: {\n        features: global.FEATURE_FLAGS,\n        rootFolderId: global.FOLDER_ID,\n        token: global.TOKEN,\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {\n                    return HttpResponse.json(mockRootFolder);\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {\n                    return HttpResponse.json(mockSubfolder);\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {\n                    return HttpResponse.json(mockEmptyRootFolder);\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {\n                    return new HttpResponse('Internal Server Error', { status: 500 });\n                }),\n                http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {\n                    return HttpResponse.json(mockRecentItems);\n                }),\n            ],\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentExplorer-visual.stories.js","names":["http","HttpResponse","expect","screen","userEvent","waitFor","within","ContentExplorer","mockEmptyRootFolder","mockRootFolder","mockSubfolder","mockRecentItems","mockUserRequest","DEFAULT_HOSTNAME_API","basic","play","canvasElement","canvas","folder","findByText","toBeInTheDocument","getByText","openExistingFolder","subFolder","click","openCreateFolderDialog","addButton","findByRole","name","dropdown","newFolderButton","closeCreateFolderDialog","cancelButton","queryByText","not","defaultHandlers","get","json","status","emptyState","args","rootFolderId","parameters","msw","handlers","url","response","errorEmptyState","withTheming","title","component","features","global","FEATURE_FLAGS","FOLDER_ID","token","TOKEN"],"sources":["../../../../../src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js"],"sourcesContent":["import { http, HttpResponse } from 'msw';\nimport { expect, screen, userEvent, waitFor, within } from '@storybook/test';\n\nimport ContentExplorer from '../../ContentExplorer';\nimport { mockEmptyRootFolder, mockRootFolder } from '../../../common/__mocks__/mockRootFolder';\nimport mockSubfolder from '../../../common/__mocks__/mockSubfolder';\nimport mockRecentItems from '../../../common/__mocks__/mockRecentItems';\nimport { mockUserRequest } from '../../../common/__mocks__/mockRequests';\n\nimport { DEFAULT_HOSTNAME_API } from '../../../../constants';\n\nexport const basic = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(async () => {\n            const folder = await canvas.findByText('An Ordered Folder');\n            expect(folder).toBeInTheDocument();\n            expect(canvas.getByText('Apr 16, 2019 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Archive')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 16, 2020 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Archived Folder')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 17, 2020 by Preview')).toBeInTheDocument();\n\n            expect(canvas.getByText('Book Sample.pdf')).toBeInTheDocument();\n            expect(canvas.getByText('Dec 8, 2022 by Preview')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const openExistingFolder = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const subFolder = await canvas.findByText('An Ordered Folder');\n        await userEvent.click(subFolder);\n\n        expect(await canvas.findByText('Audio.mp3')).toBeInTheDocument();\n    },\n};\n\nexport const openCreateFolderDialog = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addButton = await canvas.findByRole('button', { name: 'Add' });\n        await userEvent.click(addButton);\n\n        const dropdown = await screen.findByRole('menu');\n        const newFolderButton = await within(dropdown).findByRole('menuitem', { name: 'New Folder' });\n        expect(newFolderButton).toBeInTheDocument();\n        await userEvent.click(newFolderButton);\n\n        expect(await screen.findByText('Please enter a name.')).toBeInTheDocument();\n    },\n};\n\nexport const closeCreateFolderDialog = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        const addButton = await canvas.findByRole('button', { name: 'Add' });\n        await userEvent.click(addButton);\n\n        const dropdown = await screen.findByRole('menu');\n        const newFolderButton = await within(dropdown).findByRole('menuitem', { name: 'New Folder' });\n        expect(newFolderButton).toBeInTheDocument();\n        await userEvent.click(newFolderButton);\n\n        expect(await screen.findByText('Please enter a name.')).toBeInTheDocument();\n\n        const cancelButton = screen.getByText('Cancel');\n        await userEvent.click(cancelButton);\n\n        await waitFor(() => {\n            expect(screen.queryByText('Please enter a name.')).not.toBeInTheDocument();\n        });\n    },\n};\n\n// export const openDeleteConfirmationDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const deleteButton = await screen.findByRole('menuitem', { name: 'Delete' });\n//             await userEvent.hover(deleteButton);\n//             await userEvent.click(deleteButton);\n//         });\n\n//         expect(\n//             await screen.findByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//         ).toBeInTheDocument();\n//     },\n// };\n\n// export const closeDeleteConfirmationDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const deleteButton = await screen.findByRole('menuitem', { name: 'Delete' });\n//             await userEvent.hover(deleteButton);\n//             await userEvent.click(deleteButton);\n//         });\n\n//         expect(\n//             await screen.findByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//         ).toBeInTheDocument();\n\n//         const cancelButton = screen.getByText('Cancel');\n//         await userEvent.click(cancelButton);\n\n//         await waitFor(() => {\n//             expect(\n//                 screen.queryByText('Are you sure you want to delete An Ordered Folder and all its contents?'),\n//             ).not.toBeInTheDocument();\n//         });\n//     },\n// };\n\n// export const openRenameDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const renameButton = await screen.findByRole('menuitem', { name: 'Rename' });\n//             await userEvent.hover(renameButton);\n//             await userEvent.click(renameButton);\n//         });\n\n//         expect(await screen.findByText('Please enter a new name for An Ordered Folder:')).toBeInTheDocument();\n//     },\n// };\n\n// export const closeRenameDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const renameButton = await screen.findByRole('menuitem', { name: 'Rename' });\n//             await userEvent.hover(renameButton);\n//             await userEvent.click(renameButton);\n//         });\n\n//         expect(await screen.findByText('Please enter a new name for An Ordered Folder:')).toBeInTheDocument();\n//         const cancelButton = screen.getByText('Cancel');\n//         await userEvent.click(cancelButton);\n\n//         await waitFor(() => {\n//             expect(screen.queryByText('Please enter a new name for An Ordered Folder:')).not.toBeInTheDocument();\n//         });\n//     },\n// };\n\n// export const openShareDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.hover(moreOptionsButton[0]);\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const shareButton = await screen.findByRole('menuitem', { name: 'Share' });\n//             await userEvent.hover(shareButton);\n//             await userEvent.click(shareButton);\n//         });\n\n//         expect(await screen.findByText('Shared Link:')).toBeInTheDocument();\n\n//         const inputElement = screen.getByDisplayValue('https://example.com/share-link');\n//         expect(inputElement).toBeInTheDocument();\n//     },\n// };\n\n// export const closeShareDialog = {\n//     play: async ({ canvasElement }) => {\n//         const canvas = within(canvasElement);\n\n//         await waitFor(async () => {\n//             await canvas.findByRole('grid', { name: 'List view' });\n\n//             const moreOptionsButton = await canvas.findAllByRole('button', { name: 'More options' });\n//             await userEvent.click(moreOptionsButton[0]);\n\n//             const shareButton = await screen.findByRole('menuitem', { name: 'Share' });\n//             await userEvent.hover(shareButton);\n//             await userEvent.click(shareButton);\n//         });\n\n//         expect(await screen.findByText('Shared Link:')).toBeInTheDocument();\n//         const closeButton = screen.getByText('Close');\n//         await userEvent.click(closeButton);\n\n//         await waitFor(() => {\n//             expect(screen.queryByText('Shared Link:')).not.toBeInTheDocument();\n//         });\n//         const inputElement = screen.queryByDisplayValue('https://example.com/share-link');\n//         expect(inputElement).not.toBeInTheDocument();\n//     },\n// };\n\nconst defaultHandlers = [\n    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => {\n        return HttpResponse.json(mockRootFolder);\n    }),\n    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/73426618530`, () => {\n        return HttpResponse.json(mockSubfolder);\n    }),\n    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/74729718131`, () => {\n        return HttpResponse.json(mockEmptyRootFolder);\n    }),\n    http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/191354690948`, () => {\n        return new HttpResponse('Internal Server Error', { status: 500 });\n    }),\n    http.get(`${DEFAULT_HOSTNAME_API}/2.0/recent_items`, () => {\n        return HttpResponse.json(mockRecentItems);\n    }),\n];\n\nexport const emptyState = {\n    args: {\n        rootFolderId: '74729718131',\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                ...defaultHandlers,\n                http.get(mockUserRequest.url, () => {\n                    return HttpResponse.json(mockUserRequest.response);\n                }),\n            ],\n        },\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(() => {\n            expect(canvas.getByText('There are no items in this folder.')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const errorEmptyState = {\n    args: {\n        rootFolderId: '191354690948',\n    },\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        await waitFor(() => {\n            expect(canvas.getByText('A network error has occurred while trying to load.')).toBeInTheDocument();\n        });\n    },\n};\n\nexport const withTheming = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n\n        await waitFor(async () => {\n            expect(await canvas.getByText('Preview Test Folder')).toBeInTheDocument();\n        });\n    },\n};\n\nexport default {\n    title: 'Elements/ContentExplorer/tests/ContentExplorer/visual',\n    component: ContentExplorer,\n    args: {\n        features: global.FEATURE_FLAGS,\n        rootFolderId: global.FOLDER_ID,\n        token: global.TOKEN,\n    },\n    parameters: {\n        msw: {\n            handlers: defaultHandlers,\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/es/elements/content-sidebar/ContentSidebar.js

@@ -263,6 +263,7 @@ class ContentSidebar extends React.Component {
       defaultView,
       detailsSidebarProps,
       docGenSidebarProps,
+      features,
       fileId,
       getPreview,
       getViewer,
@@ -302,7 +303,8 @@ class ContentSidebar extends React.Component {
       value: this.api
     }, /*#__PURE__*/React.createElement(NavRouter, {
       history: history,
-      initialEntries: [initialPath]
+      initialEntries: [initialPath],
+      features: features
     }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Sidebar, {
       activitySidebarProps: activitySidebarProps,
       additionalTabs: additionalTabs,

package/es/elements/content-sidebar/ContentSidebar.js.flow

@@ -349,6 +349,7 @@ class ContentSidebar extends React.Component<Props, State> {
             defaultView,
             detailsSidebarProps,
             docGenSidebarProps,
+            features,
             fileId,
             getPreview,
             getViewer,
@@ -382,7 +383,7 @@ class ContentSidebar extends React.Component<Props, State> {
         return (
             <Internationalize language={language} messages={messages}>
                 <APIContext.Provider value={(this.api: any)}>
-                    <NavRouter history={history} initialEntries={[initialPath]}>
+                    <NavRouter history={history} initialEntries={[initialPath]} features={features}>
                         <TooltipProvider>
                             <Sidebar
                                 activitySidebarProps={activitySidebarProps}