box-ui-elements 23.4.0-beta.33 → 23.4.0-beta.34

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

@@ -1,9 +1,11 @@
 export let ViewType = /*#__PURE__*/function (ViewType) {
-  ViewType["BOXAI"] = "boxai";
   ViewType["SKILLS"] = "skills";
-  ViewType["ACTIVITY"] = "activity";
   ViewType["DETAILS"] = "details";
   ViewType["METADATA"] = "metadata";
+  ViewType["METADATA_REDESIGN"] = "metadata_redesign";
+  ViewType["BOXAI"] = "boxai";
+  ViewType["ACTIVITY"] = "activity";
+  ViewType["VERSIONS"] = "versions";
   ViewType["DOCGEN"] = "docgen";
   return ViewType;
 }({});

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

@@ -5,10 +5,12 @@
 
 export const ViewType = Object.freeze({
     BOXAI: 'boxai',
-    SKILLS: 'skills',
-    ACTIVITY: 'activity',
     DETAILS: 'details',
     METADATA: 'metadata',
+    METADATA_REDESIGN: 'metadata_redesign',
+    SKILLS: 'skills',
+    ACTIVITY: 'activity',
+    VERSIONS: 'versions',
     DOCGEN: 'docgen',
 });
 
@@ -22,11 +24,12 @@ export type ViewTypeValues = $Values<typeof ViewType>;
 export type FeedEntryTypeValues = $Values<typeof FeedEntryType>;
 
 export type SidebarNavigation = {
-    sidebar: ViewTypeValues,
-    versionId?: string,
     activeFeedEntryType?: FeedEntryTypeValues,
     activeFeedEntryId?: string,
     fileVersionId?: string,
+    filteredTemplateIds?: string,
+    sidebar: ViewTypeValues,
+    versionId?: string,
 };
 
 export type InternalSidebarNavigation = SidebarNavigation & {

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    SKILLS = 'skills',\n    DETAILS = 'details',\n    METADATA = 'metadata',\n    METADATA_REDESIGN = 'metadata_redesign',\n    BOXAI = 'boxai',\n    ACTIVITY = 'activity',\n    VERSIONS = 'versions',\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 MetadataSidebarView = {\n    sidebar: ViewType.METADATA | ViewType.METADATA_REDESIGN;\n    filteredTemplateIds?: 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    | MetadataSidebarView\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;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAWpB,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}

package/es/elements/content-preview/PreviewNavigation.js

@@ -1,3 +1,6 @@
+const _excluded = ["sidebar"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /**
  * 
  * @file Preview Navigation
@@ -12,7 +15,7 @@ import IconNavigateRight from '../../icons/general/IconNavigateRight';
 import PlainButton from '../../components/plain-button/PlainButton';
 import messages from '../common/messages';
 import { SIDEBAR_VIEW_METADATA } from '../../constants';
-const PreviewNavigation = ({
+const PreviewNavigationWithRouter = ({
   collection = [],
   currentIndex,
   intl,
@@ -40,6 +43,7 @@ const PreviewNavigation = ({
     history
   }) => /*#__PURE__*/React.createElement(React.Fragment, null, hasLeftNavigation && /*#__PURE__*/React.createElement(PlainButton, {
     className: "bcpr-navigate-left",
+    "data-testid": "preview-navigation-left",
     onClick: () => {
       goToActiveSidebarTab(match.params, history);
       onNavigateLeft();
@@ -48,6 +52,7 @@ const PreviewNavigation = ({
     type: "button"
   }, /*#__PURE__*/React.createElement(IconNavigateLeft, null)), hasRightNavigation && /*#__PURE__*/React.createElement(PlainButton, {
     className: "bcpr-navigate-right",
+    "data-testid": "preview-navigation-right",
     onClick: () => {
       goToActiveSidebarTab(match.params, history);
       onNavigateRight();
@@ -56,6 +61,64 @@ const PreviewNavigation = ({
     type: "button"
   }, /*#__PURE__*/React.createElement(IconNavigateRight, null))));
 };
-export { PreviewNavigation as PreviewNavigationComponent };
+const PreviewNavigationWithoutRouter = ({
+  collection = [],
+  currentIndex,
+  intl,
+  internalSidebarNavigation,
+  internalSidebarNavigationHandler,
+  onNavigateLeft,
+  onNavigateRight
+}) => {
+  const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;
+  const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;
+  if (!hasLeftNavigation && !hasRightNavigation) {
+    return null;
+  }
+  const handleInternalNavigation = () => {
+    if (internalSidebarNavigationHandler && internalSidebarNavigation && internalSidebarNavigation.sidebar) {
+      const {
+          sidebar
+        } = internalSidebarNavigation,
+        rest = _objectWithoutProperties(internalSidebarNavigation, _excluded);
+      const hasDeeplink = Object.keys(rest).length > 0;
+      if (hasDeeplink && sidebar === SIDEBAR_VIEW_METADATA) {
+        internalSidebarNavigationHandler(internalSidebarNavigation);
+      } else {
+        internalSidebarNavigationHandler({
+          sidebar
+        });
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hasLeftNavigation && /*#__PURE__*/React.createElement(PlainButton, {
+    className: "bcpr-navigate-left",
+    "data-testid": "preview-navigation-left",
+    onClick: () => {
+      handleInternalNavigation();
+      onNavigateLeft();
+    },
+    title: intl.formatMessage(messages.previousFile),
+    type: "button"
+  }, /*#__PURE__*/React.createElement(IconNavigateLeft, null)), hasRightNavigation && /*#__PURE__*/React.createElement(PlainButton, {
+    className: "bcpr-navigate-right",
+    "data-testid": "preview-navigation-right",
+    onClick: () => {
+      handleInternalNavigation();
+      onNavigateRight();
+    },
+    title: intl.formatMessage(messages.nextFile),
+    type: "button"
+  }, /*#__PURE__*/React.createElement(IconNavigateRight, null)));
+};
+const PreviewNavigation = props => {
+  const {
+    routerDisabled = false
+  } = props;
+  if (routerDisabled) {
+    return /*#__PURE__*/React.createElement(PreviewNavigationWithoutRouter, props);
+  }
+  return /*#__PURE__*/React.createElement(PreviewNavigationWithRouter, props);
+};
 export default injectIntl(PreviewNavigation);
 //# sourceMappingURL=PreviewNavigation.js.map

package/es/elements/content-preview/PreviewNavigation.js.flow

@@ -14,16 +14,26 @@ import PlainButton from '../../components/plain-button/PlainButton';
 import messages from '../common/messages';
 import type { BoxItem } from '../../common/types/core';
 import { SIDEBAR_VIEW_METADATA } from '../../constants';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 
 type Props = {
     collection: Array<string | BoxItem>,
     currentIndex: number,
     intl: IntlShape,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     onNavigateLeft: Function,
     onNavigateRight: Function,
+    routerDisabled?: boolean,
 };
 
-const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {
+const PreviewNavigationWithRouter = ({
+    collection = [],
+    currentIndex,
+    intl,
+    onNavigateLeft,
+    onNavigateRight,
+}: Props) => {
     const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;
     const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;
 
@@ -48,6 +58,7 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
                     {hasLeftNavigation && (
                         <PlainButton
                             className="bcpr-navigate-left"
+                            data-testid="preview-navigation-left"
                             onClick={() => {
                                 goToActiveSidebarTab(match.params, history);
                                 onNavigateLeft();
@@ -61,6 +72,7 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
                     {hasRightNavigation && (
                         <PlainButton
                             className="bcpr-navigate-right"
+                            data-testid="preview-navigation-right"
                             onClick={() => {
                                 goToActiveSidebarTab(match.params, history);
                                 onNavigateRight();
@@ -77,5 +89,77 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
     );
 };
 
-export { PreviewNavigation as PreviewNavigationComponent };
+const PreviewNavigationWithoutRouter = ({
+    collection = [],
+    currentIndex,
+    intl,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
+    onNavigateLeft,
+    onNavigateRight,
+}: Props) => {
+    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;
+    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;
+
+    if (!hasLeftNavigation && !hasRightNavigation) {
+        return null;
+    }
+
+    const handleInternalNavigation = () => {
+        if (internalSidebarNavigationHandler && internalSidebarNavigation && internalSidebarNavigation.sidebar) {
+            const { sidebar, ...rest } = internalSidebarNavigation;
+            const hasDeeplink = Object.keys(rest).length > 0;
+
+            if (hasDeeplink && sidebar === SIDEBAR_VIEW_METADATA) {
+                internalSidebarNavigationHandler(internalSidebarNavigation);
+            } else {
+                internalSidebarNavigationHandler({ sidebar });
+            }
+        }
+    };
+
+    return (
+        <>
+            {hasLeftNavigation && (
+                <PlainButton
+                    className="bcpr-navigate-left"
+                    data-testid="preview-navigation-left"
+                    onClick={() => {
+                        handleInternalNavigation();
+                        onNavigateLeft();
+                    }}
+                    title={intl.formatMessage(messages.previousFile)}
+                    type="button"
+                >
+                    <IconNavigateLeft />
+                </PlainButton>
+            )}
+            {hasRightNavigation && (
+                <PlainButton
+                    className="bcpr-navigate-right"
+                    data-testid="preview-navigation-right"
+                    onClick={() => {
+                        handleInternalNavigation();
+                        onNavigateRight();
+                    }}
+                    title={intl.formatMessage(messages.nextFile)}
+                    type="button"
+                >
+                    <IconNavigateRight />
+                </PlainButton>
+            )}
+        </>
+    );
+};
+
+const PreviewNavigation = (props: Props) => {
+    const { routerDisabled = false } = props;
+
+    if (routerDisabled) {
+        return <PreviewNavigationWithoutRouter {...props} />;
+    }
+
+    return <PreviewNavigationWithRouter {...props} />;
+};
+
 export default injectIntl(PreviewNavigation);

package/es/elements/content-preview/PreviewNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewNavigation.js","names":["React","injectIntl","Route","IconNavigateLeft","IconNavigateRight","PlainButton","messages","SIDEBAR_VIEW_METADATA","PreviewNavigation","collection","currentIndex","intl","onNavigateLeft","onNavigateRight","hasLeftNavigation","length","hasRightNavigation","goToActiveSidebarTab","routeParams","history","deeplink","activeTab","push","createElement","path","match","Fragment","className","onClick","params","title","formatMessage","previousFile","type","nextFile","PreviewNavigationComponent"],"sources":["../../../src/elements/content-preview/PreviewNavigation.js"],"sourcesContent":["/**\n * @flow\n * @file Preview Navigation\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport { Route } from 'react-router-dom';\nimport IconNavigateLeft from '../../icons/general/IconNavigateLeft';\nimport IconNavigateRight from '../../icons/general/IconNavigateRight';\nimport PlainButton from '../../components/plain-button/PlainButton';\nimport messages from '../common/messages';\nimport type { BoxItem } from '../../common/types/core';\nimport { SIDEBAR_VIEW_METADATA } from '../../constants';\n\ntype Props = {\n    collection: Array<string | BoxItem>,\n    currentIndex: number,\n    intl: IntlShape,\n    onNavigateLeft: Function,\n    onNavigateRight: Function,\n};\n\nconst PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {\n    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;\n    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;\n\n    if (!hasLeftNavigation && !hasRightNavigation) {\n        return null;\n    }\n\n    const goToActiveSidebarTab = (routeParams, history) => {\n        if (routeParams.deeplink) {\n            if (routeParams.activeTab === SIDEBAR_VIEW_METADATA) {\n                history.push(`/${routeParams.activeTab}/${routeParams.deeplink}/${routeParams[0]}`);\n            } else {\n                history.push(`/${routeParams.activeTab}`);\n            }\n        }\n    };\n\n    return (\n        <Route path={['/:activeTab/:deeplink/*', '/']}>\n            {({ match, history }) => (\n                <>\n                    {hasLeftNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-left\"\n                            onClick={() => {\n                                goToActiveSidebarTab(match.params, history);\n                                onNavigateLeft();\n                            }}\n                            title={intl.formatMessage(messages.previousFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateLeft />\n                        </PlainButton>\n                    )}\n                    {hasRightNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-right\"\n                            onClick={() => {\n                                goToActiveSidebarTab(match.params, history);\n                                onNavigateRight();\n                            }}\n                            title={intl.formatMessage(messages.nextFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateRight />\n                        </PlainButton>\n                    )}\n                </>\n            )}\n        </Route>\n    );\n};\n\nexport { PreviewNavigation as PreviewNavigationComponent };\nexport default injectIntl(PreviewNavigation);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,OAAOC,iBAAiB,MAAM,uCAAuC;AACrE,OAAOC,WAAW,MAAM,2CAA2C;AACnE,OAAOC,QAAQ,MAAM,oBAAoB;AAEzC,SAASC,qBAAqB,QAAQ,iBAAiB;AAUvD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,UAAU,GAAG,EAAE;EAAEC,YAAY;EAAEC,IAAI;EAAEC,cAAc;EAAEC;AAAuB,CAAC,KAAK;EAC3G,MAAMC,iBAAiB,GAAGL,UAAU,CAACM,MAAM,GAAG,CAAC,IAAIL,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAGD,UAAU,CAACM,MAAM;EACvG,MAAMC,kBAAkB,GAAGP,UAAU,CAACM,MAAM,GAAG,CAAC,IAAIL,YAAY,GAAG,CAAC,CAAC,IAAIA,YAAY,GAAGD,UAAU,CAACM,MAAM,GAAG,CAAC;EAE7G,IAAI,CAACD,iBAAiB,IAAI,CAACE,kBAAkB,EAAE;IAC3C,OAAO,IAAI;EACf;EAEA,MAAMC,oBAAoB,GAAGA,CAACC,WAAW,EAAEC,OAAO,KAAK;IACnD,IAAID,WAAW,CAACE,QAAQ,EAAE;MACtB,IAAIF,WAAW,CAACG,SAAS,KAAKd,qBAAqB,EAAE;QACjDY,OAAO,CAACG,IAAI,CAAC,IAAIJ,WAAW,CAACG,SAAS,IAAIH,WAAW,CAACE,QAAQ,IAAIF,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;MACvF,CAAC,MAAM;QACHC,OAAO,CAACG,IAAI,CAAC,IAAIJ,WAAW,CAACG,SAAS,EAAE,CAAC;MAC7C;IACJ;EACJ,CAAC;EAED,oBACIrB,KAAA,CAAAuB,aAAA,CAACrB,KAAK;IAACsB,IAAI,EAAE,CAAC,yBAAyB,EAAE,GAAG;EAAE,GACzC,CAAC;IAAEC,KAAK;IAAEN;EAAQ,CAAC,kBAChBnB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA0B,QAAA,QACKZ,iBAAiB,iBACdd,KAAA,CAAAuB,aAAA,CAAClB,WAAW;IACRsB,SAAS,EAAC,oBAAoB;IAC9BC,OAAO,EAAEA,CAAA,KAAM;MACXX,oBAAoB,CAACQ,KAAK,CAACI,MAAM,EAAEV,OAAO,CAAC;MAC3CP,cAAc,CAAC,CAAC;IACpB,CAAE;IACFkB,KAAK,EAAEnB,IAAI,CAACoB,aAAa,CAACzB,QAAQ,CAAC0B,YAAY,CAAE;IACjDC,IAAI,EAAC;EAAQ,gBAEbjC,KAAA,CAAAuB,aAAA,CAACpB,gBAAgB,MAAE,CACV,CAChB,EACAa,kBAAkB,iBACfhB,KAAA,CAAAuB,aAAA,CAAClB,WAAW;IACRsB,SAAS,EAAC,qBAAqB;IAC/BC,OAAO,EAAEA,CAAA,KAAM;MACXX,oBAAoB,CAACQ,KAAK,CAACI,MAAM,EAAEV,OAAO,CAAC;MAC3CN,eAAe,CAAC,CAAC;IACrB,CAAE;IACFiB,KAAK,EAAEnB,IAAI,CAACoB,aAAa,CAACzB,QAAQ,CAAC4B,QAAQ,CAAE;IAC7CD,IAAI,EAAC;EAAQ,gBAEbjC,KAAA,CAAAuB,aAAA,CAACnB,iBAAiB,MAAE,CACX,CAEnB,CAEH,CAAC;AAEhB,CAAC;AAED,SAASI,iBAAiB,IAAI2B,0BAA0B;AACxD,eAAelC,UAAU,CAACO,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"PreviewNavigation.js","names":["React","injectIntl","Route","IconNavigateLeft","IconNavigateRight","PlainButton","messages","SIDEBAR_VIEW_METADATA","PreviewNavigationWithRouter","collection","currentIndex","intl","onNavigateLeft","onNavigateRight","hasLeftNavigation","length","hasRightNavigation","goToActiveSidebarTab","routeParams","history","deeplink","activeTab","push","createElement","path","match","Fragment","className","onClick","params","title","formatMessage","previousFile","type","nextFile","PreviewNavigationWithoutRouter","internalSidebarNavigation","internalSidebarNavigationHandler","handleInternalNavigation","sidebar","rest","_objectWithoutProperties","_excluded","hasDeeplink","Object","keys","PreviewNavigation","props","routerDisabled"],"sources":["../../../src/elements/content-preview/PreviewNavigation.js"],"sourcesContent":["/**\n * @flow\n * @file Preview Navigation\n * @author Box\n */\n\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport { Route } from 'react-router-dom';\nimport IconNavigateLeft from '../../icons/general/IconNavigateLeft';\nimport IconNavigateRight from '../../icons/general/IconNavigateRight';\nimport PlainButton from '../../components/plain-button/PlainButton';\nimport messages from '../common/messages';\nimport type { BoxItem } from '../../common/types/core';\nimport { SIDEBAR_VIEW_METADATA } from '../../constants';\nimport type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';\n\ntype Props = {\n    collection: Array<string | BoxItem>,\n    currentIndex: number,\n    intl: IntlShape,\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,\n    onNavigateLeft: Function,\n    onNavigateRight: Function,\n    routerDisabled?: boolean,\n};\n\nconst PreviewNavigationWithRouter = ({\n    collection = [],\n    currentIndex,\n    intl,\n    onNavigateLeft,\n    onNavigateRight,\n}: Props) => {\n    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;\n    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;\n\n    if (!hasLeftNavigation && !hasRightNavigation) {\n        return null;\n    }\n\n    const goToActiveSidebarTab = (routeParams, history) => {\n        if (routeParams.deeplink) {\n            if (routeParams.activeTab === SIDEBAR_VIEW_METADATA) {\n                history.push(`/${routeParams.activeTab}/${routeParams.deeplink}/${routeParams[0]}`);\n            } else {\n                history.push(`/${routeParams.activeTab}`);\n            }\n        }\n    };\n\n    return (\n        <Route path={['/:activeTab/:deeplink/*', '/']}>\n            {({ match, history }) => (\n                <>\n                    {hasLeftNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-left\"\n                            data-testid=\"preview-navigation-left\"\n                            onClick={() => {\n                                goToActiveSidebarTab(match.params, history);\n                                onNavigateLeft();\n                            }}\n                            title={intl.formatMessage(messages.previousFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateLeft />\n                        </PlainButton>\n                    )}\n                    {hasRightNavigation && (\n                        <PlainButton\n                            className=\"bcpr-navigate-right\"\n                            data-testid=\"preview-navigation-right\"\n                            onClick={() => {\n                                goToActiveSidebarTab(match.params, history);\n                                onNavigateRight();\n                            }}\n                            title={intl.formatMessage(messages.nextFile)}\n                            type=\"button\"\n                        >\n                            <IconNavigateRight />\n                        </PlainButton>\n                    )}\n                </>\n            )}\n        </Route>\n    );\n};\n\nconst PreviewNavigationWithoutRouter = ({\n    collection = [],\n    currentIndex,\n    intl,\n    internalSidebarNavigation,\n    internalSidebarNavigationHandler,\n    onNavigateLeft,\n    onNavigateRight,\n}: Props) => {\n    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;\n    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;\n\n    if (!hasLeftNavigation && !hasRightNavigation) {\n        return null;\n    }\n\n    const handleInternalNavigation = () => {\n        if (internalSidebarNavigationHandler && internalSidebarNavigation && internalSidebarNavigation.sidebar) {\n            const { sidebar, ...rest } = internalSidebarNavigation;\n            const hasDeeplink = Object.keys(rest).length > 0;\n\n            if (hasDeeplink && sidebar === SIDEBAR_VIEW_METADATA) {\n                internalSidebarNavigationHandler(internalSidebarNavigation);\n            } else {\n                internalSidebarNavigationHandler({ sidebar });\n            }\n        }\n    };\n\n    return (\n        <>\n            {hasLeftNavigation && (\n                <PlainButton\n                    className=\"bcpr-navigate-left\"\n                    data-testid=\"preview-navigation-left\"\n                    onClick={() => {\n                        handleInternalNavigation();\n                        onNavigateLeft();\n                    }}\n                    title={intl.formatMessage(messages.previousFile)}\n                    type=\"button\"\n                >\n                    <IconNavigateLeft />\n                </PlainButton>\n            )}\n            {hasRightNavigation && (\n                <PlainButton\n                    className=\"bcpr-navigate-right\"\n                    data-testid=\"preview-navigation-right\"\n                    onClick={() => {\n                        handleInternalNavigation();\n                        onNavigateRight();\n                    }}\n                    title={intl.formatMessage(messages.nextFile)}\n                    type=\"button\"\n                >\n                    <IconNavigateRight />\n                </PlainButton>\n            )}\n        </>\n    );\n};\n\nconst PreviewNavigation = (props: Props) => {\n    const { routerDisabled = false } = props;\n\n    if (routerDisabled) {\n        return <PreviewNavigationWithoutRouter {...props} />;\n    }\n\n    return <PreviewNavigationWithRouter {...props} />;\n};\n\nexport default injectIntl(PreviewNavigation);\n"],"mappings":"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","ignoreList":[]}

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

@@ -33,6 +33,7 @@ import { withFeatureConsumer, isFeatureEnabled } from '../common/feature-checkin
 import { withLogger } from '../common/logger';
 import { withRouterAndRef } from '../common/routing';
 import ActivitySidebarFilter from './ActivitySidebarFilter';
+import { ViewType, FeedEntryType } from '../common/types/SidebarNavigation';
 import { ACTIVITY_FILTER_OPTION_ALL, ACTIVITY_FILTER_OPTION_RESOLVED, ACTIVITY_FILTER_OPTION_TASKS, ACTIVITY_FILTER_OPTION_UNRESOLVED, DEFAULT_COLLAB_DEBOUNCE, ERROR_CODE_FETCH_ACTIVITY, FEED_ITEM_TYPE_ANNOTATION, FEED_ITEM_TYPE_COMMENT, FEED_ITEM_TYPE_TASK, FEED_ITEM_TYPE_VERSION, ORIGIN_ACTIVITY_SIDEBAR, SIDEBAR_VIEW_ACTIVITY, TASK_COMPLETION_RULE_ALL, METRIC_TYPE_UAA_PARITY_METRIC } from '../../constants';
 import './ActivitySidebar.scss';
 export const activityFeedInlineError = {
@@ -339,7 +340,9 @@ class ActivitySidebar extends React.PureComponent {
         activeFeedEntryId,
         api,
         file,
-        history
+        history,
+        internalSidebarNavigationHandler,
+        routerDisabled
       } = this.props;
       const {
         feedItems
@@ -353,7 +356,13 @@ class ActivitySidebar extends React.PureComponent {
       // Detect if replies are being hidden and activeFeedEntryId belongs to a reply
       // that is in currently being updated parent, in order to disable active item
       if (activeFeedEntryId && replies.length === 1 && feedItems.some(item => item.id === id && item === this.getCommentFeedItemByReplyId(feedItems, activeFeedEntryId))) {
-        history.replace(this.getActiveCommentPath());
+        if (routerDisabled && internalSidebarNavigationHandler) {
+          internalSidebarNavigationHandler({
+            sidebar: ViewType.ACTIVITY
+          }, true);
+        } else {
+          history.replace(this.getActiveCommentPath());
+        }
       }
       feedAPI.updateFeedItem({
         replies
@@ -827,16 +836,33 @@ class ActivitySidebar extends React.PureComponent {
         getAnnotationsMatchPath,
         getAnnotationsPath,
         history,
+        internalSidebarNavigation,
+        internalSidebarNavigationHandler,
         location,
-        onAnnotationSelect
+        onAnnotationSelect,
+        routerDisabled
       } = this.props;
       const annotationFileVersionId = getProp(file_version, 'id');
       const currentFileVersionId = getProp(file, 'file_version.id');
-      const match = getAnnotationsMatchPath(location);
-      const selectedFileVersionId = getProp(match, 'params.fileVersionId', currentFileVersionId);
+      let selectedFileVersionId = currentFileVersionId;
+      if (routerDisabled && internalSidebarNavigation) {
+        selectedFileVersionId = getProp(internalSidebarNavigation, 'fileVersionId', currentFileVersionId);
+      } else {
+        const match = getAnnotationsMatchPath(location);
+        selectedFileVersionId = getProp(match, 'params.fileVersionId', currentFileVersionId);
+      }
       emitActiveAnnotationChangeEvent(nextActiveAnnotationId);
       if (annotationFileVersionId && annotationFileVersionId !== selectedFileVersionId) {
-        history.push(getAnnotationsPath(annotationFileVersionId, nextActiveAnnotationId));
+        if (routerDisabled && internalSidebarNavigationHandler) {
+          internalSidebarNavigationHandler({
+            sidebar: ViewType.ACTIVITY,
+            activeFeedEntryId: nextActiveAnnotationId,
+            activeFeedEntryType: FeedEntryType.ANNOTATIONS,
+            fileVersionId: annotationFileVersionId
+          });
+        } else {
+          history.push(getAnnotationsPath(annotationFileVersionId, nextActiveAnnotationId));
+        }
       }
       onAnnotationSelect(annotation);
     });
@@ -873,7 +899,10 @@ class ActivitySidebar extends React.PureComponent {
     _defineProperty(this, "renderAddTaskButton", () => {
       const {
         isDisabled,
-        hasTasks
+        hasTasks,
+        internalSidebarNavigation,
+        internalSidebarNavigationHandler,
+        routerDisabled
       } = this.props;
       const {
         approverSelectorContacts
@@ -888,8 +917,11 @@ class ActivitySidebar extends React.PureComponent {
         return null;
       }
       return /*#__PURE__*/React.createElement(AddTaskButton, {
+        internalSidebarNavigation: internalSidebarNavigation,
+        internalSidebarNavigationHandler: internalSidebarNavigationHandler,
         isDisabled: isDisabled,
         onTaskModalClose: onTaskModalClose,
+        routerDisabled: routerDisabled,
         taskFormProps: {
           approvers: [],
           approverSelectorContacts,

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

@@ -28,6 +28,7 @@ import { withFeatureConsumer, isFeatureEnabled } from '../common/feature-checkin
 import { withLogger } from '../common/logger';
 import { withRouterAndRef } from '../common/routing';
 import ActivitySidebarFilter from './ActivitySidebarFilter';
+import { ViewType, FeedEntryType } from '../common/types/SidebarNavigation';
 import {
     ACTIVITY_FILTER_OPTION_ALL,
     ACTIVITY_FILTER_OPTION_RESOLVED,
@@ -76,6 +77,7 @@ import type { WithAnnotatorContextProps } from '../common/annotator-context';
 import './ActivitySidebar.scss';
 
 import type { OnAnnotationEdit, OnAnnotationStatusChange } from './activity-feed/comment/types';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 
 type ExternalProps = {
     activeFeedEntryId?: string,
@@ -86,6 +88,8 @@ type ExternalProps = {
     hasReplies?: boolean,
     hasTasks?: boolean,
     hasVersions?: boolean,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     onCommentCreate: Function,
     onCommentDelete: (comment: Comment) => any,
     onCommentUpdate: () => any,
@@ -94,6 +98,7 @@ type ExternalProps = {
     onTaskDelete: (id: string) => any,
     onTaskUpdate: () => any,
     onTaskView: (id: string, isCreator: boolean) => any,
+    routerDisabled?: boolean,
 } & ErrorContextProps &
     WithAnnotatorContextProps;
 
@@ -547,7 +552,7 @@ class ActivitySidebar extends React.PureComponent<Props, State> {
      * @return {void}
      */
     updateReplies = (id: string, replies: Array<Comment>) => {
-        const { activeFeedEntryId, api, file, history } = this.props;
+        const { activeFeedEntryId, api, file, history, internalSidebarNavigationHandler, routerDisabled } = this.props;
         const { feedItems } = this.state;
 
         if (!feedItems) {
@@ -567,7 +572,16 @@ class ActivitySidebar extends React.PureComponent<Props, State> {
                     item.id === id && item === this.getCommentFeedItemByReplyId(feedItems, activeFeedEntryId),
             )
         ) {
-            history.replace(this.getActiveCommentPath());
+            if (routerDisabled && internalSidebarNavigationHandler) {
+                internalSidebarNavigationHandler(
+                    {
+                        sidebar: ViewType.ACTIVITY,
+                    },
+                    true,
+                );
+            } else {
+                history.replace(this.getActiveCommentPath());
+            }
         }
 
         feedAPI.updateFeedItem({ replies }, id);
@@ -1108,18 +1122,36 @@ class ActivitySidebar extends React.PureComponent<Props, State> {
             getAnnotationsMatchPath,
             getAnnotationsPath,
             history,
+            internalSidebarNavigation,
+            internalSidebarNavigationHandler,
             location,
             onAnnotationSelect,
+            routerDisabled,
         } = this.props;
         const annotationFileVersionId = getProp(file_version, 'id');
         const currentFileVersionId = getProp(file, 'file_version.id');
-        const match = getAnnotationsMatchPath(location);
-        const selectedFileVersionId = getProp(match, 'params.fileVersionId', currentFileVersionId);
+
+        let selectedFileVersionId = currentFileVersionId;
+        if (routerDisabled && internalSidebarNavigation) {
+            selectedFileVersionId = getProp(internalSidebarNavigation, 'fileVersionId', currentFileVersionId);
+        } else {
+            const match = getAnnotationsMatchPath(location);
+            selectedFileVersionId = getProp(match, 'params.fileVersionId', currentFileVersionId);
+        }
 
         emitActiveAnnotationChangeEvent(nextActiveAnnotationId);
 
         if (annotationFileVersionId && annotationFileVersionId !== selectedFileVersionId) {
-            history.push(getAnnotationsPath(annotationFileVersionId, nextActiveAnnotationId));
+            if (routerDisabled && internalSidebarNavigationHandler) {
+                internalSidebarNavigationHandler({
+                    sidebar: ViewType.ACTIVITY,
+                    activeFeedEntryId: nextActiveAnnotationId,
+                    activeFeedEntryType: FeedEntryType.ANNOTATIONS,
+                    fileVersionId: annotationFileVersionId,
+                });
+            } else {
+                history.push(getAnnotationsPath(annotationFileVersionId, nextActiveAnnotationId));
+            }
         }
 
         onAnnotationSelect(annotation);
@@ -1161,7 +1193,8 @@ class ActivitySidebar extends React.PureComponent<Props, State> {
     }
 
     renderAddTaskButton = () => {
-        const { isDisabled, hasTasks } = this.props;
+        const { isDisabled, hasTasks, internalSidebarNavigation, internalSidebarNavigationHandler, routerDisabled } =
+            this.props;
         const { approverSelectorContacts } = this.state;
         const { getApprover, getAvatarUrl, createTask, onTaskModalClose } = this;
 
@@ -1171,8 +1204,11 @@ class ActivitySidebar extends React.PureComponent<Props, State> {
 
         return (
             <AddTaskButton
+                internalSidebarNavigation={internalSidebarNavigation}
+                internalSidebarNavigationHandler={internalSidebarNavigationHandler}
                 isDisabled={isDisabled}
                 onTaskModalClose={onTaskModalClose}
+                routerDisabled={routerDisabled}
                 taskFormProps={{
                     approvers: [],
                     approverSelectorContacts,