box-ui-elements 23.4.0-beta.19 → 23.4.0-beta.20

package/es/elements/common/types/SidebarNavigation.js.flow

@@ -30,7 +30,7 @@ export type SidebarNavigation = {
 };
 
 export type InternalSidebarNavigation = SidebarNavigation & {
-    open: boolean,
+    open?: boolean,
 };
 
 export type SidebarNavigationHandler = (sidebar: SidebarNavigation, replace?: boolean) => void;

package/es/elements/common/types/SidebarNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavigation.js","names":["ViewType","FeedEntryType"],"sources":["../../../../src/elements/common/types/SidebarNavigation.ts"],"sourcesContent":["export enum ViewType {\n    BOXAI = 'boxai',\n    SKILLS = 'skills',\n    ACTIVITY = 'activity',\n    DETAILS = 'details',\n    METADATA = 'metadata',\n    DOCGEN = 'docgen',\n}\n\nexport enum FeedEntryType {\n    ANNOTATIONS = 'annotations',\n    COMMENTS = 'comments',\n    TASKS = 'tasks',\n}\n\ntype VersionSidebarView = {\n    sidebar: ViewType.ACTIVITY | ViewType.DETAILS;\n    versionId: string;\n};\n\nexport type ActivityAnnotationsSidebarView = {\n    sidebar: ViewType.ACTIVITY;\n    activeFeedEntryType: FeedEntryType.ANNOTATIONS;\n    fileVersionId: string;\n    activeFeedEntryId: string;\n};\ntype ActivityCommentsSidebarView = {\n    sidebar: ViewType.ACTIVITY;\n    activeFeedEntryType: FeedEntryType.COMMENTS | FeedEntryType.TASKS;\n    activeFeedEntryId: string;\n};\n\nexport type SidebarNavigation =\n    | {\n          sidebar: ViewType;\n      }\n    | VersionSidebarView\n    | ActivityCommentsSidebarView\n    | ActivityAnnotationsSidebarView;\n\nexport type InternalSidebarNavigation = SidebarNavigation & {\n    open: boolean;\n};\n\nexport type SidebarNavigationHandler = (sidebar: SidebarNavigation, replace?: boolean) => void;\n\nexport type InternalSidebarNavigationHandler = (sidebar: InternalSidebarNavigation, replace?: boolean) => void;\n"],"mappings":"AAAA,WAAYA,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AASpB,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}
+{"version":3,"file":"SidebarNavigation.js","names":["ViewType","FeedEntryType"],"sources":["../../../../src/elements/common/types/SidebarNavigation.ts"],"sourcesContent":["export enum ViewType {\n    BOXAI = 'boxai',\n    SKILLS = 'skills',\n    ACTIVITY = 'activity',\n    DETAILS = 'details',\n    METADATA = 'metadata',\n    DOCGEN = 'docgen',\n}\n\nexport enum FeedEntryType {\n    ANNOTATIONS = 'annotations',\n    COMMENTS = 'comments',\n    TASKS = 'tasks',\n}\n\ntype VersionSidebarView = {\n    sidebar: ViewType.ACTIVITY | ViewType.DETAILS;\n    versionId: string;\n};\n\nexport type ActivityAnnotationsSidebarView = {\n    sidebar: ViewType.ACTIVITY;\n    activeFeedEntryType: FeedEntryType.ANNOTATIONS;\n    fileVersionId: string;\n    activeFeedEntryId: string;\n};\ntype ActivityCommentsSidebarView = {\n    sidebar: ViewType.ACTIVITY;\n    activeFeedEntryType: FeedEntryType.COMMENTS | FeedEntryType.TASKS;\n    activeFeedEntryId: string;\n};\n\nexport type SidebarNavigation =\n    | {\n          sidebar: ViewType;\n      }\n    | VersionSidebarView\n    | ActivityCommentsSidebarView\n    | ActivityAnnotationsSidebarView;\n\nexport type InternalSidebarNavigation = SidebarNavigation & {\n    open?: boolean;\n};\n\nexport type SidebarNavigationHandler = (sidebar: SidebarNavigation, replace?: boolean) => void;\n\nexport type InternalSidebarNavigationHandler = (sidebar: InternalSidebarNavigation, replace?: boolean) => void;\n"],"mappings":"AAAA,WAAYA,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AASpB,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}

package/es/elements/content-sidebar/versions/StaticVersionSidebar.js

@@ -1,3 +1,4 @@
+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); }
 /**
  * 
  * @file Static Versions Sidebar component
@@ -14,10 +15,17 @@ import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import VersionsMenu from './VersionsMenu';
 import messages from './messages';
 import './StaticVersionsSidebar.scss';
-const StaticVersionsSidebar = ({
+const {
+  useCallback
+} = React;
+const StaticVersionsContent = ({
+  history,
+  internalSidebarNavigation,
+  internalSidebarNavigationHandler,
   isLoading,
   onUpgradeClick,
-  parentName
+  parentName,
+  routerDisabled
 }) => {
   const versionTimestamp = new Date();
   versionTimestamp.setDate(versionTimestamp.getDate() - 1);
@@ -36,9 +44,16 @@ const StaticVersionsSidebar = ({
       uploader_display_name: 'John Doe'
     };
   });
-  return /*#__PURE__*/React.createElement(Route, null, ({
-    history
-  }) => /*#__PURE__*/React.createElement("div", {
+  const handleBackClick = useCallback(() => {
+    if (routerDisabled && internalSidebarNavigationHandler) {
+      internalSidebarNavigationHandler({
+        sidebar: parentName
+      });
+    } else if (!routerDisabled && history) {
+      history.push(`/${parentName}`);
+    }
+  }, [parentName, routerDisabled, internalSidebarNavigationHandler, history]);
+  return /*#__PURE__*/React.createElement("div", {
     className: "bcs-StaticVersionSidebar",
     role: "tabpanel",
     "data-resin-component": "preview",
@@ -49,7 +64,7 @@ const StaticVersionsSidebar = ({
     className: "bcs-StaticVersionSidebar-title"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, {
     "data-resin-target": "back",
-    onClick: () => history.push(`/${parentName}`)
+    onClick: handleBackClick
   }), /*#__PURE__*/React.createElement(FormattedMessage, messages.versionsTitle)))), /*#__PURE__*/React.createElement("div", {
     className: "bcs-StaticVersionSidebar-content-wrapper"
   }, /*#__PURE__*/React.createElement(LoadingIndicatorWrapper, {
@@ -60,7 +75,9 @@ const StaticVersionsSidebar = ({
     versions: versions,
     fileId: "1",
     versionCount: 3,
-    versionLimit: 3
+    versionLimit: 3,
+    routerDisabled: routerDisabled,
+    internalSidebarNavigation: internalSidebarNavigation
   }))), /*#__PURE__*/React.createElement("div", {
     className: "bcs-StaticVersionSidebar-upsell-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
@@ -74,7 +91,20 @@ const StaticVersionsSidebar = ({
     "data-resin-target": "versioning_error_upgrade_cta",
     onClick: onUpgradeClick,
     type: "button"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.upgradeButton))))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.upgradeButton)))));
+};
+const StaticVersionsSidebar = props => {
+  const {
+    routerDisabled
+  } = props;
+  if (routerDisabled) {
+    return /*#__PURE__*/React.createElement(StaticVersionsContent, props);
+  }
+  return /*#__PURE__*/React.createElement(Route, null, ({
+    history
+  }) => /*#__PURE__*/React.createElement(StaticVersionsContent, _extends({}, props, {
+    history: history
+  })));
 };
 export default StaticVersionsSidebar;
 //# sourceMappingURL=StaticVersionSidebar.js.map

package/es/elements/content-sidebar/versions/StaticVersionSidebar.js.flow

@@ -14,18 +14,46 @@ import BackButton from '../../common/back-button';
 import PrimaryButton from '../../../components/primary-button';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import VersionsMenu from './VersionsMenu';
+import type {
+    InternalSidebarNavigation,
+    InternalSidebarNavigationHandler,
+    ViewTypeValues,
+} from '../../common/types/SidebarNavigation';
 
 import messages from './messages';
 
 import './StaticVersionsSidebar.scss';
 
+const { useCallback } = React;
+
 type Props = {
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
+    isLoading: boolean,
+    onUpgradeClick: () => void,
+    parentName: ViewTypeValues,
+    routerDisabled?: boolean,
+};
+
+type StaticVersionsContentProps = {
+    history?: any,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     isLoading: boolean,
     onUpgradeClick: () => void,
-    parentName: string,
+    parentName: ViewTypeValues,
+    routerDisabled?: boolean,
 };
 
-const StaticVersionsSidebar = ({ isLoading, onUpgradeClick, parentName }: Props): React.Node => {
+const StaticVersionsContent = ({
+    history,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
+    isLoading,
+    onUpgradeClick,
+    parentName,
+    routerDisabled,
+}: StaticVersionsContentProps): React.Node => {
     const versionTimestamp = new Date();
     versionTimestamp.setDate(versionTimestamp.getDate() - 1);
 
@@ -45,55 +73,83 @@ const StaticVersionsSidebar = ({ isLoading, onUpgradeClick, parentName }: Props)
         };
     });
 
+    const handleBackClick = useCallback(() => {
+        if (routerDisabled && internalSidebarNavigationHandler) {
+            internalSidebarNavigationHandler({ sidebar: parentName });
+        } else if (!routerDisabled && history) {
+            history.push(`/${parentName}`);
+        }
+    }, [parentName, routerDisabled, internalSidebarNavigationHandler, history]);
+
     return (
-        <Route>
-            {({ history }) => (
-                <div
-                    className="bcs-StaticVersionSidebar"
-                    role="tabpanel"
-                    data-resin-component="preview"
-                    data-resin-feature="versions"
+        <div
+            className="bcs-StaticVersionSidebar"
+            role="tabpanel"
+            data-resin-component="preview"
+            data-resin-feature="versions"
+        >
+            <div className="bcs-StaticVersionSidebar-header">
+                <h3 className="bcs-StaticVersionSidebar-title">
+                    <>
+                        <BackButton 
+                            data-resin-target="back" 
+                            onClick={handleBackClick} 
+                        />
+                        <FormattedMessage {...messages.versionsTitle} />
+                    </>
+                </h3>
+            </div>
+
+            <div className="bcs-StaticVersionSidebar-content-wrapper">
+                <LoadingIndicatorWrapper
+                    className="bcs-StaticVersionSidebar-content"
+                    crawlerPosition="top"
+                    isLoading={isLoading}
                 >
-                    <div className="bcs-StaticVersionSidebar-header">
-                        <h3 className="bcs-StaticVersionSidebar-title">
-                            <>
-                                <BackButton data-resin-target="back" onClick={() => history.push(`/${parentName}`)} />
-                                <FormattedMessage {...messages.versionsTitle} />
-                            </>
-                        </h3>
-                    </div>
-
-                    <div className="bcs-StaticVersionSidebar-content-wrapper">
-                        <LoadingIndicatorWrapper
-                            className="bcs-StaticVersionSidebar-content"
-                            crawlerPosition="top"
-                            isLoading={isLoading}
-                        >
-                            <VersionsMenu versions={versions} fileId="1" versionCount={3} versionLimit={3} />
-                        </LoadingIndicatorWrapper>
-                    </div>
-
-                    <div className="bcs-StaticVersionSidebar-upsell-wrapper">
-                        <div className="bcs-StaticVersionSidebar-upsell">
-                            <BoxDrive140 className="bcs-StaticVersionSidebar-upsell-icon" />
-                            <p className="bcs-StaticVersionSidebar-upsell-header">
-                                <FormattedMessage {...messages.versionUpgradeLink} />
-                            </p>
-                            <p>
-                                <FormattedMessage {...messages.versionUpsell} />
-                            </p>
-                            <PrimaryButton
-                                className="bcs-StaticVersionSidebar-upsell-button"
-                                data-resin-target="versioning_error_upgrade_cta"
-                                onClick={onUpgradeClick}
-                                type="button"
-                            >
-                                <FormattedMessage {...messages.upgradeButton} />
-                            </PrimaryButton>
-                        </div>
-                    </div>
+                    <VersionsMenu
+                        versions={versions}
+                        fileId="1"
+                        versionCount={3}
+                        versionLimit={3}
+                        routerDisabled={routerDisabled}
+                        internalSidebarNavigation={internalSidebarNavigation}
+                    />
+                </LoadingIndicatorWrapper>
+            </div>
+
+            <div className="bcs-StaticVersionSidebar-upsell-wrapper">
+                <div className="bcs-StaticVersionSidebar-upsell">
+                    <BoxDrive140 className="bcs-StaticVersionSidebar-upsell-icon" />
+                    <p className="bcs-StaticVersionSidebar-upsell-header">
+                        <FormattedMessage {...messages.versionUpgradeLink} />
+                    </p>
+                    <p>
+                        <FormattedMessage {...messages.versionUpsell} />
+                    </p>
+                    <PrimaryButton
+                        className="bcs-StaticVersionSidebar-upsell-button"
+                        data-resin-target="versioning_error_upgrade_cta"
+                        onClick={onUpgradeClick}
+                        type="button"
+                    >
+                        <FormattedMessage {...messages.upgradeButton} />
+                    </PrimaryButton>
                 </div>
-            )}
+            </div>
+        </div>
+    );
+};
+
+const StaticVersionsSidebar = (props: Props): React.Node => {
+    const { routerDisabled } = props;
+
+    if (routerDisabled) {
+        return <StaticVersionsContent {...props} />;
+    }
+
+    return (
+        <Route>
+            {({ history }) => <StaticVersionsContent {...props} history={history} />}
         </Route>
     );
 };

package/es/elements/content-sidebar/versions/StaticVersionSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticVersionSidebar.js","names":["React","FormattedMessage","Route","BoxDrive140","BackButton","PrimaryButton","LoadingIndicatorWrapper","VersionsMenu","messages","StaticVersionsSidebar","isLoading","onUpgradeClick","parentName","versionTimestamp","Date","setDate","getDate","versions","map","versionNumber","id","version_number","type","permissions","can_preview","created_at","toUTCString","modified_by","size","trashed_at","uploader_display_name","createElement","history","className","role","Fragment","onClick","push","versionsTitle","crawlerPosition","fileId","versionCount","versionLimit","versionUpgradeLink","versionUpsell","upgradeButton"],"sources":["../../../../src/elements/content-sidebar/versions/StaticVersionSidebar.js"],"sourcesContent":["/**\n * @flow\n * @file Static Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Route } from 'react-router-dom';\n\nimport BoxDrive140 from '../../../illustration/BoxDrive140';\n\nimport BackButton from '../../common/back-button';\nimport PrimaryButton from '../../../components/primary-button';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport VersionsMenu from './VersionsMenu';\n\nimport messages from './messages';\n\nimport './StaticVersionsSidebar.scss';\n\ntype Props = {\n    isLoading: boolean,\n    onUpgradeClick: () => void,\n    parentName: string,\n};\n\nconst StaticVersionsSidebar = ({ isLoading, onUpgradeClick, parentName }: Props): React.Node => {\n    const versionTimestamp = new Date();\n    versionTimestamp.setDate(versionTimestamp.getDate() - 1);\n\n    const versions = ['1', '2', '3'].map(versionNumber => {\n        return {\n            id: versionNumber,\n            version_number: versionNumber,\n            type: 'file_version',\n            permissions: {\n                can_preview: true,\n            },\n            created_at: versionTimestamp.toUTCString(),\n            modified_by: null,\n            size: 1875887,\n            trashed_at: null,\n            uploader_display_name: 'John Doe',\n        };\n    });\n\n    return (\n        <Route>\n            {({ history }) => (\n                <div\n                    className=\"bcs-StaticVersionSidebar\"\n                    role=\"tabpanel\"\n                    data-resin-component=\"preview\"\n                    data-resin-feature=\"versions\"\n                >\n                    <div className=\"bcs-StaticVersionSidebar-header\">\n                        <h3 className=\"bcs-StaticVersionSidebar-title\">\n                            <>\n                                <BackButton data-resin-target=\"back\" onClick={() => history.push(`/${parentName}`)} />\n                                <FormattedMessage {...messages.versionsTitle} />\n                            </>\n                        </h3>\n                    </div>\n\n                    <div className=\"bcs-StaticVersionSidebar-content-wrapper\">\n                        <LoadingIndicatorWrapper\n                            className=\"bcs-StaticVersionSidebar-content\"\n                            crawlerPosition=\"top\"\n                            isLoading={isLoading}\n                        >\n                            <VersionsMenu versions={versions} fileId=\"1\" versionCount={3} versionLimit={3} />\n                        </LoadingIndicatorWrapper>\n                    </div>\n\n                    <div className=\"bcs-StaticVersionSidebar-upsell-wrapper\">\n                        <div className=\"bcs-StaticVersionSidebar-upsell\">\n                            <BoxDrive140 className=\"bcs-StaticVersionSidebar-upsell-icon\" />\n                            <p className=\"bcs-StaticVersionSidebar-upsell-header\">\n                                <FormattedMessage {...messages.versionUpgradeLink} />\n                            </p>\n                            <p>\n                                <FormattedMessage {...messages.versionUpsell} />\n                            </p>\n                            <PrimaryButton\n                                className=\"bcs-StaticVersionSidebar-upsell-button\"\n                                data-resin-target=\"versioning_error_upgrade_cta\"\n                                onClick={onUpgradeClick}\n                                type=\"button\"\n                            >\n                                <FormattedMessage {...messages.upgradeButton} />\n                            </PrimaryButton>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Route>\n    );\n};\n\nexport default StaticVersionsSidebar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StaticVersionSidebar.js","names":["React","FormattedMessage","Route","BoxDrive140","BackButton","PrimaryButton","LoadingIndicatorWrapper","VersionsMenu","messages","useCallback","StaticVersionsContent","history","internalSidebarNavigation","internalSidebarNavigationHandler","isLoading","onUpgradeClick","parentName","routerDisabled","versionTimestamp","Date","setDate","getDate","versions","map","versionNumber","id","version_number","type","permissions","can_preview","created_at","toUTCString","modified_by","size","trashed_at","uploader_display_name","handleBackClick","sidebar","push","createElement","className","role","Fragment","onClick","versionsTitle","crawlerPosition","fileId","versionCount","versionLimit","versionUpgradeLink","versionUpsell","upgradeButton","StaticVersionsSidebar","props","_extends"],"sources":["../../../../src/elements/content-sidebar/versions/StaticVersionSidebar.js"],"sourcesContent":["/**\n * @flow\n * @file Static Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Route } from 'react-router-dom';\n\nimport BoxDrive140 from '../../../illustration/BoxDrive140';\n\nimport BackButton from '../../common/back-button';\nimport PrimaryButton from '../../../components/primary-button';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport VersionsMenu from './VersionsMenu';\nimport type {\n    InternalSidebarNavigation,\n    InternalSidebarNavigationHandler,\n    ViewTypeValues,\n} from '../../common/types/SidebarNavigation';\n\nimport messages from './messages';\n\nimport './StaticVersionsSidebar.scss';\n\nconst { useCallback } = React;\n\ntype Props = {\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,\n    isLoading: boolean,\n    onUpgradeClick: () => void,\n    parentName: ViewTypeValues,\n    routerDisabled?: boolean,\n};\n\ntype StaticVersionsContentProps = {\n    history?: any,\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,\n    isLoading: boolean,\n    onUpgradeClick: () => void,\n    parentName: ViewTypeValues,\n    routerDisabled?: boolean,\n};\n\nconst StaticVersionsContent = ({\n    history,\n    internalSidebarNavigation,\n    internalSidebarNavigationHandler,\n    isLoading,\n    onUpgradeClick,\n    parentName,\n    routerDisabled,\n}: StaticVersionsContentProps): React.Node => {\n    const versionTimestamp = new Date();\n    versionTimestamp.setDate(versionTimestamp.getDate() - 1);\n\n    const versions = ['1', '2', '3'].map(versionNumber => {\n        return {\n            id: versionNumber,\n            version_number: versionNumber,\n            type: 'file_version',\n            permissions: {\n                can_preview: true,\n            },\n            created_at: versionTimestamp.toUTCString(),\n            modified_by: null,\n            size: 1875887,\n            trashed_at: null,\n            uploader_display_name: 'John Doe',\n        };\n    });\n\n    const handleBackClick = useCallback(() => {\n        if (routerDisabled && internalSidebarNavigationHandler) {\n            internalSidebarNavigationHandler({ sidebar: parentName });\n        } else if (!routerDisabled && history) {\n            history.push(`/${parentName}`);\n        }\n    }, [parentName, routerDisabled, internalSidebarNavigationHandler, history]);\n\n    return (\n        <div\n            className=\"bcs-StaticVersionSidebar\"\n            role=\"tabpanel\"\n            data-resin-component=\"preview\"\n            data-resin-feature=\"versions\"\n        >\n            <div className=\"bcs-StaticVersionSidebar-header\">\n                <h3 className=\"bcs-StaticVersionSidebar-title\">\n                    <>\n                        <BackButton \n                            data-resin-target=\"back\" \n                            onClick={handleBackClick} \n                        />\n                        <FormattedMessage {...messages.versionsTitle} />\n                    </>\n                </h3>\n            </div>\n\n            <div className=\"bcs-StaticVersionSidebar-content-wrapper\">\n                <LoadingIndicatorWrapper\n                    className=\"bcs-StaticVersionSidebar-content\"\n                    crawlerPosition=\"top\"\n                    isLoading={isLoading}\n                >\n                    <VersionsMenu\n                        versions={versions}\n                        fileId=\"1\"\n                        versionCount={3}\n                        versionLimit={3}\n                        routerDisabled={routerDisabled}\n                        internalSidebarNavigation={internalSidebarNavigation}\n                    />\n                </LoadingIndicatorWrapper>\n            </div>\n\n            <div className=\"bcs-StaticVersionSidebar-upsell-wrapper\">\n                <div className=\"bcs-StaticVersionSidebar-upsell\">\n                    <BoxDrive140 className=\"bcs-StaticVersionSidebar-upsell-icon\" />\n                    <p className=\"bcs-StaticVersionSidebar-upsell-header\">\n                        <FormattedMessage {...messages.versionUpgradeLink} />\n                    </p>\n                    <p>\n                        <FormattedMessage {...messages.versionUpsell} />\n                    </p>\n                    <PrimaryButton\n                        className=\"bcs-StaticVersionSidebar-upsell-button\"\n                        data-resin-target=\"versioning_error_upgrade_cta\"\n                        onClick={onUpgradeClick}\n                        type=\"button\"\n                    >\n                        <FormattedMessage {...messages.upgradeButton} />\n                    </PrimaryButton>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nconst StaticVersionsSidebar = (props: Props): React.Node => {\n    const { routerDisabled } = props;\n\n    if (routerDisabled) {\n        return <StaticVersionsContent {...props} />;\n    }\n\n    return (\n        <Route>\n            {({ history }) => <StaticVersionsContent {...props} history={history} />}\n        </Route>\n    );\n};\n\nexport default StaticVersionsSidebar;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAOC,WAAW,MAAM,mCAAmC;AAE3D,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,aAAa,MAAM,oCAAoC;AAC9D,SAASC,uBAAuB,QAAQ,uCAAuC;AAC/E,OAAOC,YAAY,MAAM,gBAAgB;AAOzC,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,8BAA8B;AAErC,MAAM;EAAEC;AAAY,CAAC,GAAGT,KAAK;AAqB7B,MAAMU,qBAAqB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,yBAAyB;EACzBC,gCAAgC;EAChCC,SAAS;EACTC,cAAc;EACdC,UAAU;EACVC;AACwB,CAAC,KAAiB;EAC1C,MAAMC,gBAAgB,GAAG,IAAIC,IAAI,CAAC,CAAC;EACnCD,gBAAgB,CAACE,OAAO,CAACF,gBAAgB,CAACG,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;EAExD,MAAMC,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAACC,GAAG,CAACC,aAAa,IAAI;IAClD,OAAO;MACHC,EAAE,EAAED,aAAa;MACjBE,cAAc,EAAEF,aAAa;MAC7BG,IAAI,EAAE,cAAc;MACpBC,WAAW,EAAE;QACTC,WAAW,EAAE;MACjB,CAAC;MACDC,UAAU,EAAEZ,gBAAgB,CAACa,WAAW,CAAC,CAAC;MAC1CC,WAAW,EAAE,IAAI;MACjBC,IAAI,EAAE,OAAO;MACbC,UAAU,EAAE,IAAI;MAChBC,qBAAqB,EAAE;IAC3B,CAAC;EACL,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG3B,WAAW,CAAC,MAAM;IACtC,IAAIQ,cAAc,IAAIJ,gCAAgC,EAAE;MACpDA,gCAAgC,CAAC;QAAEwB,OAAO,EAAErB;MAAW,CAAC,CAAC;IAC7D,CAAC,MAAM,IAAI,CAACC,cAAc,IAAIN,OAAO,EAAE;MACnCA,OAAO,CAAC2B,IAAI,CAAC,IAAItB,UAAU,EAAE,CAAC;IAClC;EACJ,CAAC,EAAE,CAACA,UAAU,EAAEC,cAAc,EAAEJ,gCAAgC,EAAEF,OAAO,CAAC,CAAC;EAE3E,oBACIX,KAAA,CAAAuC,aAAA;IACIC,SAAS,EAAC,0BAA0B;IACpCC,IAAI,EAAC,UAAU;IACf,wBAAqB,SAAS;IAC9B,sBAAmB;EAAU,gBAE7BzC,KAAA,CAAAuC,aAAA;IAAKC,SAAS,EAAC;EAAiC,gBAC5CxC,KAAA,CAAAuC,aAAA;IAAIC,SAAS,EAAC;EAAgC,gBAC1CxC,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAA0C,QAAA,qBACI1C,KAAA,CAAAuC,aAAA,CAACnC,UAAU;IACP,qBAAkB,MAAM;IACxBuC,OAAO,EAAEP;EAAgB,CAC5B,CAAC,eACFpC,KAAA,CAAAuC,aAAA,CAACtC,gBAAgB,EAAKO,QAAQ,CAACoC,aAAgB,CACjD,CACF,CACH,CAAC,eAEN5C,KAAA,CAAAuC,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACrDxC,KAAA,CAAAuC,aAAA,CAACjC,uBAAuB;IACpBkC,SAAS,EAAC,kCAAkC;IAC5CK,eAAe,EAAC,KAAK;IACrB/B,SAAS,EAAEA;EAAU,gBAErBd,KAAA,CAAAuC,aAAA,CAAChC,YAAY;IACTe,QAAQ,EAAEA,QAAS;IACnBwB,MAAM,EAAC,GAAG;IACVC,YAAY,EAAE,CAAE;IAChBC,YAAY,EAAE,CAAE;IAChB/B,cAAc,EAAEA,cAAe;IAC/BL,yBAAyB,EAAEA;EAA0B,CACxD,CACoB,CACxB,CAAC,eAENZ,KAAA,CAAAuC,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACpDxC,KAAA,CAAAuC,aAAA;IAAKC,SAAS,EAAC;EAAiC,gBAC5CxC,KAAA,CAAAuC,aAAA,CAACpC,WAAW;IAACqC,SAAS,EAAC;EAAsC,CAAE,CAAC,eAChExC,KAAA,CAAAuC,aAAA;IAAGC,SAAS,EAAC;EAAwC,gBACjDxC,KAAA,CAAAuC,aAAA,CAACtC,gBAAgB,EAAKO,QAAQ,CAACyC,kBAAqB,CACrD,CAAC,eACJjD,KAAA,CAAAuC,aAAA,yBACIvC,KAAA,CAAAuC,aAAA,CAACtC,gBAAgB,EAAKO,QAAQ,CAAC0C,aAAgB,CAChD,CAAC,eACJlD,KAAA,CAAAuC,aAAA,CAAClC,aAAa;IACVmC,SAAS,EAAC,wCAAwC;IAClD,qBAAkB,8BAA8B;IAChDG,OAAO,EAAE5B,cAAe;IACxBY,IAAI,EAAC;EAAQ,gBAEb3B,KAAA,CAAAuC,aAAA,CAACtC,gBAAgB,EAAKO,QAAQ,CAAC2C,aAAgB,CACpC,CACd,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,MAAMC,qBAAqB,GAAIC,KAAY,IAAiB;EACxD,MAAM;IAAEpC;EAAe,CAAC,GAAGoC,KAAK;EAEhC,IAAIpC,cAAc,EAAE;IAChB,oBAAOjB,KAAA,CAAAuC,aAAA,CAAC7B,qBAAqB,EAAK2C,KAAQ,CAAC;EAC/C;EAEA,oBACIrD,KAAA,CAAAuC,aAAA,CAACrC,KAAK,QACD,CAAC;IAAES;EAAQ,CAAC,kBAAKX,KAAA,CAAAuC,aAAA,CAAC7B,qBAAqB,EAAA4C,QAAA,KAAKD,KAAK;IAAE1C,OAAO,EAAEA;EAAQ,EAAE,CACpE,CAAC;AAEhB,CAAC;AAED,eAAeyC,qBAAqB","ignoreList":[]}

package/es/elements/content-sidebar/versions/VersionsSidebar.js

@@ -1,4 +1,4 @@
-const _excluded = ["error", "isLoading", "parentName", "versions"];
+const _excluded = ["error", "history", "internalSidebarNavigation", "internalSidebarNavigationHandler", "isLoading", "parentName", "routerDisabled", "versions"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -19,12 +19,19 @@ import BackButton from '../../common/back-button';
 import { DEFAULT_FETCH_END } from '../../../constants';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import './VersionsSidebar.scss';
+const {
+  useCallback
+} = React;
 const MAX_VERSIONS = DEFAULT_FETCH_END;
-const VersionsSidebar = _ref => {
+const VersionsContent = _ref => {
   let {
       error,
+      history,
+      internalSidebarNavigation,
+      internalSidebarNavigationHandler,
       isLoading,
       parentName,
+      routerDisabled,
       versions
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -32,15 +39,22 @@ const VersionsSidebar = _ref => {
   const showVersions = !!versions.length;
   const showEmpty = !isLoading && !showVersions;
   const showError = !!error;
-  return /*#__PURE__*/React.createElement(Route, null, ({
-    history
-  }) => /*#__PURE__*/React.createElement(SidebarContent, {
+  const handleBackClick = useCallback(() => {
+    if (routerDisabled && internalSidebarNavigationHandler) {
+      internalSidebarNavigationHandler({
+        sidebar: parentName
+      });
+    } else if (!routerDisabled && history) {
+      history.push(`/${parentName}`);
+    }
+  }, [parentName, routerDisabled, internalSidebarNavigationHandler, history]);
+  return /*#__PURE__*/React.createElement(SidebarContent, {
     className: "bcs-Versions",
     "data-resin-component": "preview",
     "data-resin-feature": "versions",
     title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, {
       "data-resin-target": "back",
-      onClick: () => history.push(`/${parentName}`)
+      onClick: handleBackClick
     }), /*#__PURE__*/React.createElement(FormattedMessage, messages.versionsTitle))
   }, /*#__PURE__*/React.createElement(LoadingIndicatorWrapper, {
     className: "bcs-Versions-content",
@@ -54,7 +68,9 @@ const VersionsSidebar = _ref => {
     className: "bcs-Versions-menu",
     "data-testid": "bcs-Versions-menu"
   }, /*#__PURE__*/React.createElement(VersionsMenu, _extends({
-    versions: versions
+    versions: versions,
+    routerDisabled: routerDisabled,
+    internalSidebarNavigation: internalSidebarNavigation
   }, rest))), showLimit && /*#__PURE__*/React.createElement("div", {
     className: "bcs-Versions-maxEntries",
     "data-testid": "max-versions"
@@ -62,7 +78,20 @@ const VersionsSidebar = _ref => {
     values: {
       maxVersions: MAX_VERSIONS
     }
-  }))))));
+  })))));
+};
+const VersionsSidebar = props => {
+  const {
+    routerDisabled
+  } = props;
+  if (routerDisabled) {
+    return /*#__PURE__*/React.createElement(VersionsContent, props);
+  }
+  return /*#__PURE__*/React.createElement(Route, null, ({
+    history
+  }) => /*#__PURE__*/React.createElement(VersionsContent, _extends({}, props, {
+    history: history
+  })));
 };
 export default VersionsSidebar;
 //# sourceMappingURL=VersionsSidebar.js.map

package/es/elements/content-sidebar/versions/VersionsSidebar.js.flow

@@ -16,75 +16,128 @@ import BackButton from '../../common/back-button';
 import { DEFAULT_FETCH_END } from '../../../constants';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import type { BoxItemVersion } from '../../../common/types/core';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler, ViewTypeValues } from '../../common/types/SidebarNavigation';
 import './VersionsSidebar.scss';
 
+const { useCallback } = React;
+
 const MAX_VERSIONS = DEFAULT_FETCH_END;
 
 type Props = {
     error?: MessageDescriptor,
     fileId: string,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
+    isLoading: boolean,
+    parentName: ViewTypeValues,
+    routerDisabled?: boolean,
+    versionCount: number,
+    versionLimit: number,
+    versions: Array<BoxItemVersion>,
+};
+
+type VersionsContentProps = {
+    error?: MessageDescriptor,
+    fileId: string,
+    history?: any,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     isLoading: boolean,
-    parentName: string,
+    parentName: ViewTypeValues,
+    routerDisabled?: boolean,
     versionCount: number,
     versionLimit: number,
     versions: Array<BoxItemVersion>,
 };
 
-const VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Props) => {
+const VersionsContent = ({ 
+    error, 
+    history,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
+    isLoading, 
+    parentName, 
+    routerDisabled,
+    versions, 
+    ...rest 
+}: VersionsContentProps) => {
     const showLimit = versions.length >= MAX_VERSIONS;
     const showVersions = !!versions.length;
     const showEmpty = !isLoading && !showVersions;
     const showError = !!error;
 
+    const handleBackClick = useCallback(() => {
+        if (routerDisabled && internalSidebarNavigationHandler) {
+            internalSidebarNavigationHandler({ sidebar: parentName });
+        } else if (!routerDisabled && history) {
+            history.push(`/${parentName}`);
+        }
+    }, [parentName, routerDisabled, internalSidebarNavigationHandler, history]);
+
     return (
-        <Route>
-            {({ history }) => (
-                <SidebarContent
-                    className="bcs-Versions"
-                    data-resin-component="preview"
-                    data-resin-feature="versions"
-                    title={
-                        <>
-                            <BackButton data-resin-target="back" onClick={() => history.push(`/${parentName}`)} />
-                            <FormattedMessage {...messages.versionsTitle} />
-                        </>
-                    }
-                >
-                    <LoadingIndicatorWrapper
-                        className="bcs-Versions-content"
-                        crawlerPosition="top"
-                        isLoading={isLoading}
-                    >
-                        {showError && (
-                            <InlineError title={<FormattedMessage {...messages.versionServerError} />}>
-                                <FormattedMessage {...error} />
-                            </InlineError>
-                        )}
+        <SidebarContent
+            className="bcs-Versions"
+            data-resin-component="preview"
+            data-resin-feature="versions"
+            title={
+                <>
+                    <BackButton data-resin-target="back" onClick={handleBackClick} />
+                    <FormattedMessage {...messages.versionsTitle} />
+                </>
+            }
+        >
+            <LoadingIndicatorWrapper
+                className="bcs-Versions-content"
+                crawlerPosition="top"
+                isLoading={isLoading}
+            >
+                {showError && (
+                    <InlineError title={<FormattedMessage {...messages.versionServerError} />}>
+                        <FormattedMessage {...error} />
+                    </InlineError>
+                )}
+
+                {showEmpty && (
+                    <div className="bcs-Versions-empty">
+                        <FormattedMessage {...messages.versionsEmpty} />
+                    </div>
+                )}
 
-                        {showEmpty && (
-                            <div className="bcs-Versions-empty">
-                                <FormattedMessage {...messages.versionsEmpty} />
-                            </div>
-                        )}
+                {showVersions && (
+                    <div className="bcs-Versions-menu" data-testid="bcs-Versions-menu">
+                        <VersionsMenu 
+                            versions={versions} 
+                            routerDisabled={routerDisabled}
+                            internalSidebarNavigation={internalSidebarNavigation}
+                            {...rest} 
+                        />
+                    </div>
+                )}
+                {showLimit && (
+                    <div className="bcs-Versions-maxEntries" data-testid="max-versions">
+                        <FormattedMessage
+                            {...messages.versionMaxEntries}
+                            values={{
+                                maxVersions: MAX_VERSIONS,
+                            }}
+                        />
+                    </div>
+                )}
+            </LoadingIndicatorWrapper>
+        </SidebarContent>
+    );
+};
 
-                        {showVersions && (
-                            <div className="bcs-Versions-menu" data-testid="bcs-Versions-menu">
-                                <VersionsMenu versions={versions} {...rest} />
-                            </div>
-                        )}
-                        {showLimit && (
-                            <div className="bcs-Versions-maxEntries" data-testid="max-versions">
-                                <FormattedMessage
-                                    {...messages.versionMaxEntries}
-                                    values={{
-                                        maxVersions: MAX_VERSIONS,
-                                    }}
-                                />
-                            </div>
-                        )}
-                    </LoadingIndicatorWrapper>
-                </SidebarContent>
-            )}
+const VersionsSidebar = (props: Props) => {
+    const { routerDisabled } = props;
+
+    if (routerDisabled) {
+        return <VersionsContent {...props} />;
+    }
+
+    return (
+        <Route>
+            {({ history }) => <VersionsContent {...props} history={history} />}
         </Route>
     );
 };