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

package/es/elements/common/back-button/BackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackButton.js","names":["React","classNames","FormattedMessage","IconNavigateLeft","messages","PlainButton","BackButton","_ref","className","onClick","rest","_objectWithoutProperties","_excluded","createElement","_extends","type","height","width","back"],"sources":["../../../../src/elements/common/back-button/BackButton.js"],"sourcesContent":["/**\n * @flow\n * @file Back Button component\n * @author Box\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\nimport IconNavigateLeft from '../../../icons/general/IconNavigateLeft';\nimport messages from '../messages';\nimport PlainButton from '../../../components/plain-button';\nimport './BackButton.scss';\n\ntype Props = {\n    className?: string,\n    onClick: () => void,\n};\n\nconst BackButton = ({ className, onClick, ...rest }: Props) => (\n    <PlainButton className={classNames('bdl-BackButton', className)} onClick={onClick} type=\"button\" {...rest}>\n        <IconNavigateLeft height={24} width={24} />\n        <span className=\"accessibility-hidden\">\n            <FormattedMessage {...messages.back} />\n        </span>\n    </PlainButton>\n);\n\nexport default BackButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,yCAAyC;AACtE,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,WAAW,MAAM,kCAAkC;AAC1D,OAAO,mBAAmB;AAO1B,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;MAAEC,SAAS;MAAEC;IAAwB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAC7CZ,KAAA,CAAAa,aAAA,CAACR,WAAW,EAAAS,QAAA;IAACN,SAAS,EAAEP,UAAU,CAAC,gBAAgB,EAAEO,SAAS,CAAE;IAACC,OAAO,EAAEA,OAAQ;IAACM,IAAI,EAAC;EAAQ,GAAKL,IAAI,gBACrGV,KAAA,CAAAa,aAAA,CAACV,gBAAgB;IAACa,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,CAAE,CAAC,eAC3CjB,KAAA,CAAAa,aAAA;IAAML,SAAS,EAAC;EAAsB,gBAClCR,KAAA,CAAAa,aAAA,CAACX,gBAAgB,EAAKE,QAAQ,CAACc,IAAO,CACpC,CACG,CAAC;AAAA,CACjB;AAED,eAAeZ,UAAU","ignoreList":[]}

package/es/elements/common/back-button/index.js

@@ -0,0 +1,3 @@
+export { default as BackButton } from './BackButton';
+export { default } from './BackButton';
+//# sourceMappingURL=index.js.map

package/es/elements/common/{nav-button → back-button}/index.js.flow

@@ -1,2 +1,2 @@
 export { default as BackButton } from './BackButton';
-export { default } from './NavButton';
+export { default } from './BackButton';

package/es/elements/common/back-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","BackButton"],"sources":["../../../../src/elements/common/back-button/index.js"],"sourcesContent":["export { default as BackButton } from './BackButton';\nexport { default } from './BackButton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,QAAQ,cAAc","ignoreList":[]}

package/{src/elements/common/types/SidebarNavigation.flow.js → es/elements/common/types/SidebarNavigation.js.flow}

@@ -1,5 +1,8 @@
 /* @flow */
 
+// flow version is simplified compared to Type Script due to difficult to resolve problems with Union Types
+// Type Script works better with Union Types
+
 export const ViewType = Object.freeze({
     BOXAI: 'boxai',
     SKILLS: 'skills',
@@ -18,30 +21,13 @@ export const FeedEntryType = Object.freeze({
 export type ViewTypeValues = $Values<typeof ViewType>;
 export type FeedEntryTypeValues = $Values<typeof FeedEntryType>;
 
-type VersionSidebarView = {
-    sidebar: 'activity' | 'details',
-    versionId: string,
-};
-
-export type ActivityAnnotationsSidebarView = {
-    sidebar: 'activity',
-    activeFeedEntryType: 'annotations',
-    fileVersionId: string,
-    activeFeedEntryId: string,
+export type SidebarNavigation = {
+    sidebar: ViewTypeValues,
+    versionId?: string,
+    activeFeedEntryType?: FeedEntryTypeValues,
+    activeFeedEntryId?: string,
+    fileVersionId?: string,
 };
-type ActivityCommentsSidebarView = {
-    sidebar: 'activity',
-    activeFeedEntryType: 'comments' | 'tasks',
-    activeFeedEntryId: string,
-};
-
-export type SidebarNavigation =
-    | {|
-          sidebar: ViewTypeValues,
-      |}
-    | VersionSidebarView
-    | ActivityCommentsSidebarView
-    | ActivityAnnotationsSidebarView;
 
 export type InternalSidebarNavigation = SidebarNavigation & {
     open: boolean,

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

@@ -7,8 +7,10 @@
 import * as React from 'react';
 import { Route } from 'react-router-dom';
 import noop from 'lodash/noop';
-import NavButton from '../common/nav-button';
+import classNames from 'classnames';
+import { Button } from '@box/blueprint-web';
 import Tooltip from '../../components/tooltip/Tooltip';
+import { isLeftClick } from '../../utils/dom';
 import './SidebarNavButton.scss';
 const SidebarNavButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
@@ -23,46 +25,51 @@ const SidebarNavButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     tooltip
   } = props;
   const sidebarPath = `/${sidebarView}`;
-  const handleNavButtonClick = () => {
-    onClick(sidebarView);
-  };
   return /*#__PURE__*/React.createElement(Route, {
     path: sidebarPath
   }, ({
-    match
+    match,
+    history
   }) => {
     const isMatch = !!match;
-    const isActive = () => isMatch && !!isOpen;
-    const isActiveValue = isActive();
+    const isActiveValue = isMatch && !!isOpen;
     const isExactMatch = isMatch && match.isExact;
     const id = `${elementId}${elementId === '' ? '' : '_'}${sidebarView}`;
+    const handleNavButtonClick = event => {
+      onClick(sidebarView);
+      if (!event.defaultPrevented && isLeftClick(event)) {
+        const method = isExactMatch ? history.replace : history.push;
+        method({
+          pathname: sidebarPath,
+          state: {
+            open: true
+          }
+        });
+      }
+    };
     return /*#__PURE__*/React.createElement(Tooltip, {
       position: "middle-left",
       text: tooltip,
       isTabbable: false
-    }, /*#__PURE__*/React.createElement(NavButton, {
-      activeClassName: "bcs-is-selected",
-      "aria-selected": isActiveValue,
+    }, /*#__PURE__*/React.createElement(Button, {
+      accessibleWhenDisabled: true,
       "aria-controls": `${id}-content`,
       "aria-label": tooltip,
-      className: "bcs-NavButton",
+      "aria-selected": isActiveValue,
+      className: classNames('bcs-NavButton', {
+        'bcs-is-selected': isActiveValue,
+        'bdl-is-disabled': isDisabled
+      }),
       "data-resin-target": dataResinTarget,
       "data-testid": dataTestId,
-      getDOMRef: ref,
+      ref: ref,
       id: id,
-      isActive: isActive,
-      isDisabled: isDisabled,
+      disabled: isDisabled,
       onClick: handleNavButtonClick,
-      replace: isExactMatch,
       role: "tab",
       tabIndex: isActiveValue ? '0' : '-1',
-      to: {
-        pathname: sidebarPath,
-        state: {
-          open: true
-        }
-      },
-      type: "button"
+      type: "button",
+      variant: "tertiary"
     }, children));
   });
 });

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

@@ -7,8 +7,10 @@
 import * as React from 'react';
 import { Route } from 'react-router-dom';
 import noop from 'lodash/noop';
-import NavButton from '../common/nav-button';
+import classNames from 'classnames';
+import { Button } from '@box/blueprint-web';
 import Tooltip from '../../components/tooltip/Tooltip';
+import { isLeftClick } from '../../utils/dom';
 import './SidebarNavButton.scss';
 
 type Props = {
@@ -37,45 +39,50 @@ const SidebarNavButton = React.forwardRef<Props, React.Ref<any>>((props: Props,
     } = props;
     const sidebarPath = `/${sidebarView}`;
 
-    const handleNavButtonClick = () => {
-        onClick(sidebarView);
-    };
-
     return (
         <Route path={sidebarPath}>
-            {({ match }) => {
+            {({ match, history }) => {
                 const isMatch = !!match;
-                const isActive = () => isMatch && !!isOpen;
-                const isActiveValue = isActive();
+                const isActiveValue = isMatch && !!isOpen;
                 const isExactMatch = isMatch && match.isExact;
                 const id = `${elementId}${elementId === '' ? '' : '_'}${sidebarView}`;
 
+                const handleNavButtonClick = event => {
+                    onClick(sidebarView);
+
+                    if (!event.defaultPrevented && isLeftClick(event)) {
+                        const method = isExactMatch ? history.replace : history.push;
+                        method({
+                            pathname: sidebarPath,
+                            state: { open: true },
+                        });
+                    }
+                };
+
                 return (
                     <Tooltip position="middle-left" text={tooltip} isTabbable={false}>
-                        <NavButton
-                            activeClassName="bcs-is-selected"
-                            aria-selected={isActiveValue}
+                        <Button
+                            accessibleWhenDisabled={true}
                             aria-controls={`${id}-content`}
                             aria-label={tooltip}
-                            className="bcs-NavButton"
+                            aria-selected={isActiveValue}
+                            className={classNames('bcs-NavButton', {
+                                'bcs-is-selected': isActiveValue,
+                                'bdl-is-disabled': isDisabled,
+                            })}
                             data-resin-target={dataResinTarget}
                             data-testid={dataTestId}
-                            getDOMRef={ref}
+                            ref={ref}
                             id={id}
-                            isActive={isActive}
-                            isDisabled={isDisabled}
+                            disabled={isDisabled}
                             onClick={handleNavButtonClick}
-                            replace={isExactMatch}
                             role="tab"
                             tabIndex={isActiveValue ? '0' : '-1'}
-                            to={{
-                                pathname: sidebarPath,
-                                state: { open: true },
-                            }}
                             type="button"
+                            variant="tertiary"
                         >
                             {children}
-                        </NavButton>
+                        </Button>
                     </Tooltip>
                 );
             }}

package/es/elements/content-sidebar/SidebarNavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavButton.js","names":["React","Route","noop","NavButton","Tooltip","SidebarNavButton","forwardRef","props","ref","dataResinTarget","dataTestId","children","elementId","isDisabled","isOpen","onClick","sidebarView","tooltip","sidebarPath","handleNavButtonClick","createElement","path","match","isMatch","isActive","isActiveValue","isExactMatch","isExact","id","position","text","isTabbable","activeClassName","className","getDOMRef","replace","role","tabIndex","to","pathname","state","open","type"],"sources":["../../../src/elements/content-sidebar/SidebarNavButton.js"],"sourcesContent":["/**\n * @flow\n * @file Preview sidebar nav button component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\nimport noop from 'lodash/noop';\nimport NavButton from '../common/nav-button';\nimport Tooltip from '../../components/tooltip/Tooltip';\nimport './SidebarNavButton.scss';\n\ntype Props = {\n    'data-resin-target'?: string,\n    'data-testid'?: string,\n    children: React.Node,\n    elementId?: string,\n    isDisabled?: boolean,\n    isOpen?: boolean,\n    onClick?: (sidebarView: string) => void,\n    sidebarView: string,\n    tooltip: React.Node,\n};\n\nconst SidebarNavButton = React.forwardRef<Props, React.Ref<any>>((props: Props, ref: React.Ref<any>) => {\n    const {\n        'data-resin-target': dataResinTarget,\n        'data-testid': dataTestId,\n        children,\n        elementId = '',\n        isDisabled,\n        isOpen,\n        onClick = noop,\n        sidebarView,\n        tooltip,\n    } = props;\n    const sidebarPath = `/${sidebarView}`;\n\n    const handleNavButtonClick = () => {\n        onClick(sidebarView);\n    };\n\n    return (\n        <Route path={sidebarPath}>\n            {({ match }) => {\n                const isMatch = !!match;\n                const isActive = () => isMatch && !!isOpen;\n                const isActiveValue = isActive();\n                const isExactMatch = isMatch && match.isExact;\n                const id = `${elementId}${elementId === '' ? '' : '_'}${sidebarView}`;\n\n                return (\n                    <Tooltip position=\"middle-left\" text={tooltip} isTabbable={false}>\n                        <NavButton\n                            activeClassName=\"bcs-is-selected\"\n                            aria-selected={isActiveValue}\n                            aria-controls={`${id}-content`}\n                            aria-label={tooltip}\n                            className=\"bcs-NavButton\"\n                            data-resin-target={dataResinTarget}\n                            data-testid={dataTestId}\n                            getDOMRef={ref}\n                            id={id}\n                            isActive={isActive}\n                            isDisabled={isDisabled}\n                            onClick={handleNavButtonClick}\n                            replace={isExactMatch}\n                            role=\"tab\"\n                            tabIndex={isActiveValue ? '0' : '-1'}\n                            to={{\n                                pathname: sidebarPath,\n                                state: { open: true },\n                            }}\n                            type=\"button\"\n                        >\n                            {children}\n                        </NavButton>\n                    </Tooltip>\n                );\n            }}\n        </Route>\n    );\n});\n\nexport default SidebarNavButton;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,IAAI,MAAM,aAAa;AAC9B,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,OAAO,MAAM,kCAAkC;AACtD,OAAO,yBAAyB;AAchC,MAAMC,gBAAgB,gBAAGL,KAAK,CAACM,UAAU,CAAwB,CAACC,KAAY,EAAEC,GAAmB,KAAK;EACpG,MAAM;IACF,mBAAmB,EAAEC,eAAe;IACpC,aAAa,EAAEC,UAAU;IACzBC,QAAQ;IACRC,SAAS,GAAG,EAAE;IACdC,UAAU;IACVC,MAAM;IACNC,OAAO,GAAGb,IAAI;IACdc,WAAW;IACXC;EACJ,CAAC,GAAGV,KAAK;EACT,MAAMW,WAAW,GAAG,IAAIF,WAAW,EAAE;EAErC,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;IAC/BJ,OAAO,CAACC,WAAW,CAAC;EACxB,CAAC;EAED,oBACIhB,KAAA,CAAAoB,aAAA,CAACnB,KAAK;IAACoB,IAAI,EAAEH;EAAY,GACpB,CAAC;IAAEI;EAAM,CAAC,KAAK;IACZ,MAAMC,OAAO,GAAG,CAAC,CAACD,KAAK;IACvB,MAAME,QAAQ,GAAGA,CAAA,KAAMD,OAAO,IAAI,CAAC,CAACT,MAAM;IAC1C,MAAMW,aAAa,GAAGD,QAAQ,CAAC,CAAC;IAChC,MAAME,YAAY,GAAGH,OAAO,IAAID,KAAK,CAACK,OAAO;IAC7C,MAAMC,EAAE,GAAG,GAAGhB,SAAS,GAAGA,SAAS,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,GAAGI,WAAW,EAAE;IAErE,oBACIhB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;MAACyB,QAAQ,EAAC,aAAa;MAACC,IAAI,EAAEb,OAAQ;MAACc,UAAU,EAAE;IAAM,gBAC7D/B,KAAA,CAAAoB,aAAA,CAACjB,SAAS;MACN6B,eAAe,EAAC,iBAAiB;MACjC,iBAAeP,aAAc;MAC7B,iBAAe,GAAGG,EAAE,UAAW;MAC/B,cAAYX,OAAQ;MACpBgB,SAAS,EAAC,eAAe;MACzB,qBAAmBxB,eAAgB;MACnC,eAAaC,UAAW;MACxBwB,SAAS,EAAE1B,GAAI;MACfoB,EAAE,EAAEA,EAAG;MACPJ,QAAQ,EAAEA,QAAS;MACnBX,UAAU,EAAEA,UAAW;MACvBE,OAAO,EAAEI,oBAAqB;MAC9BgB,OAAO,EAAET,YAAa;MACtBU,IAAI,EAAC,KAAK;MACVC,QAAQ,EAAEZ,aAAa,GAAG,GAAG,GAAG,IAAK;MACrCa,EAAE,EAAE;QACAC,QAAQ,EAAErB,WAAW;QACrBsB,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAK;MACxB,CAAE;MACFC,IAAI,EAAC;IAAQ,GAEZ/B,QACM,CACN,CAAC;EAElB,CACG,CAAC;AAEhB,CAAC,CAAC;AAEF,eAAeN,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SidebarNavButton.js","names":["React","Route","noop","classNames","Button","Tooltip","isLeftClick","SidebarNavButton","forwardRef","props","ref","dataResinTarget","dataTestId","children","elementId","isDisabled","isOpen","onClick","sidebarView","tooltip","sidebarPath","createElement","path","match","history","isMatch","isActiveValue","isExactMatch","isExact","id","handleNavButtonClick","event","defaultPrevented","method","replace","push","pathname","state","open","position","text","isTabbable","accessibleWhenDisabled","className","disabled","role","tabIndex","type","variant"],"sources":["../../../src/elements/content-sidebar/SidebarNavButton.js"],"sourcesContent":["/**\n * @flow\n * @file Preview sidebar nav button component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\nimport noop from 'lodash/noop';\nimport classNames from 'classnames';\nimport { Button } from '@box/blueprint-web';\nimport Tooltip from '../../components/tooltip/Tooltip';\nimport { isLeftClick } from '../../utils/dom';\nimport './SidebarNavButton.scss';\n\ntype Props = {\n    'data-resin-target'?: string,\n    'data-testid'?: string,\n    children: React.Node,\n    elementId?: string,\n    isDisabled?: boolean,\n    isOpen?: boolean,\n    onClick?: (sidebarView: string) => void,\n    sidebarView: string,\n    tooltip: React.Node,\n};\n\nconst SidebarNavButton = React.forwardRef<Props, React.Ref<any>>((props: Props, ref: React.Ref<any>) => {\n    const {\n        'data-resin-target': dataResinTarget,\n        'data-testid': dataTestId,\n        children,\n        elementId = '',\n        isDisabled,\n        isOpen,\n        onClick = noop,\n        sidebarView,\n        tooltip,\n    } = props;\n    const sidebarPath = `/${sidebarView}`;\n\n    return (\n        <Route path={sidebarPath}>\n            {({ match, history }) => {\n                const isMatch = !!match;\n                const isActiveValue = isMatch && !!isOpen;\n                const isExactMatch = isMatch && match.isExact;\n                const id = `${elementId}${elementId === '' ? '' : '_'}${sidebarView}`;\n\n                const handleNavButtonClick = event => {\n                    onClick(sidebarView);\n\n                    if (!event.defaultPrevented && isLeftClick(event)) {\n                        const method = isExactMatch ? history.replace : history.push;\n                        method({\n                            pathname: sidebarPath,\n                            state: { open: true },\n                        });\n                    }\n                };\n\n                return (\n                    <Tooltip position=\"middle-left\" text={tooltip} isTabbable={false}>\n                        <Button\n                            accessibleWhenDisabled={true}\n                            aria-controls={`${id}-content`}\n                            aria-label={tooltip}\n                            aria-selected={isActiveValue}\n                            className={classNames('bcs-NavButton', {\n                                'bcs-is-selected': isActiveValue,\n                                'bdl-is-disabled': isDisabled,\n                            })}\n                            data-resin-target={dataResinTarget}\n                            data-testid={dataTestId}\n                            ref={ref}\n                            id={id}\n                            disabled={isDisabled}\n                            onClick={handleNavButtonClick}\n                            role=\"tab\"\n                            tabIndex={isActiveValue ? '0' : '-1'}\n                            type=\"button\"\n                            variant=\"tertiary\"\n                        >\n                            {children}\n                        </Button>\n                    </Tooltip>\n                );\n            }}\n        </Route>\n    );\n});\n\nexport default SidebarNavButton;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,IAAI,MAAM,aAAa;AAC9B,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAM,kCAAkC;AACtD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,OAAO,yBAAyB;AAchC,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,UAAU,CAAwB,CAACC,KAAY,EAAEC,GAAmB,KAAK;EACpG,MAAM;IACF,mBAAmB,EAAEC,eAAe;IACpC,aAAa,EAAEC,UAAU;IACzBC,QAAQ;IACRC,SAAS,GAAG,EAAE;IACdC,UAAU;IACVC,MAAM;IACNC,OAAO,GAAGf,IAAI;IACdgB,WAAW;IACXC;EACJ,CAAC,GAAGV,KAAK;EACT,MAAMW,WAAW,GAAG,IAAIF,WAAW,EAAE;EAErC,oBACIlB,KAAA,CAAAqB,aAAA,CAACpB,KAAK;IAACqB,IAAI,EAAEF;EAAY,GACpB,CAAC;IAAEG,KAAK;IAAEC;EAAQ,CAAC,KAAK;IACrB,MAAMC,OAAO,GAAG,CAAC,CAACF,KAAK;IACvB,MAAMG,aAAa,GAAGD,OAAO,IAAI,CAAC,CAACT,MAAM;IACzC,MAAMW,YAAY,GAAGF,OAAO,IAAIF,KAAK,CAACK,OAAO;IAC7C,MAAMC,EAAE,GAAG,GAAGf,SAAS,GAAGA,SAAS,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,GAAGI,WAAW,EAAE;IAErE,MAAMY,oBAAoB,GAAGC,KAAK,IAAI;MAClCd,OAAO,CAACC,WAAW,CAAC;MAEpB,IAAI,CAACa,KAAK,CAACC,gBAAgB,IAAI1B,WAAW,CAACyB,KAAK,CAAC,EAAE;QAC/C,MAAME,MAAM,GAAGN,YAAY,GAAGH,OAAO,CAACU,OAAO,GAAGV,OAAO,CAACW,IAAI;QAC5DF,MAAM,CAAC;UACHG,QAAQ,EAAEhB,WAAW;UACrBiB,KAAK,EAAE;YAAEC,IAAI,EAAE;UAAK;QACxB,CAAC,CAAC;MACN;IACJ,CAAC;IAED,oBACItC,KAAA,CAAAqB,aAAA,CAAChB,OAAO;MAACkC,QAAQ,EAAC,aAAa;MAACC,IAAI,EAAErB,OAAQ;MAACsB,UAAU,EAAE;IAAM,gBAC7DzC,KAAA,CAAAqB,aAAA,CAACjB,MAAM;MACHsC,sBAAsB,EAAE,IAAK;MAC7B,iBAAe,GAAGb,EAAE,UAAW;MAC/B,cAAYV,OAAQ;MACpB,iBAAeO,aAAc;MAC7BiB,SAAS,EAAExC,UAAU,CAAC,eAAe,EAAE;QACnC,iBAAiB,EAAEuB,aAAa;QAChC,iBAAiB,EAAEX;MACvB,CAAC,CAAE;MACH,qBAAmBJ,eAAgB;MACnC,eAAaC,UAAW;MACxBF,GAAG,EAAEA,GAAI;MACTmB,EAAE,EAAEA,EAAG;MACPe,QAAQ,EAAE7B,UAAW;MACrBE,OAAO,EAAEa,oBAAqB;MAC9Be,IAAI,EAAC,KAAK;MACVC,QAAQ,EAAEpB,aAAa,GAAG,GAAG,GAAG,IAAK;MACrCqB,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAC;IAAU,GAEjBnC,QACG,CACH,CAAC;EAElB,CACG,CAAC;AAEhB,CAAC,CAAC;AAEF,eAAeN,gBAAgB","ignoreList":[]}

package/es/elements/content-sidebar/SidebarNavButton.scss

@@ -3,6 +3,8 @@
 
 .bcs .bcs-NavButton {
     @include bdl-SidebarNavButton;
+    
+    border-radius: 0;
 
     &::before {
         position: absolute;
@@ -21,6 +23,11 @@
         }
     }
 
+    // Style disabled buttons with proper visual feedback
+    &[aria-disabled="true"] {
+        cursor: default;
+    }
+
     &.bcs-is-selected {
         &::before {
             background-color: $blue;
@@ -30,6 +37,12 @@
             fill: $blue;
         }
     }
+    
+    // Blueprint button focus override
+    &:not(:disabled)[data-focus-visible] {
+        border-radius: var(--radius-1);
+        box-shadow: 0 0 0 var(--border-2) var(--outline-focus-on-light);
+    }
 }
 
 @include breakpoint($medium-screen) {

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

@@ -8,7 +8,7 @@ import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Route } from 'react-router-dom';
 import BoxDrive140 from '../../../illustration/BoxDrive140';
-import { BackButton } from '../../common/nav-button';
+import BackButton from '../../common/back-button';
 import PrimaryButton from '../../../components/primary-button';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import VersionsMenu from './VersionsMenu';

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

@@ -10,7 +10,7 @@ import { Route } from 'react-router-dom';
 
 import BoxDrive140 from '../../../illustration/BoxDrive140';
 
-import { BackButton } from '../../common/nav-button';
+import BackButton from '../../common/back-button';
 import PrimaryButton from '../../../components/primary-button';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import VersionsMenu from './VersionsMenu';

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/nav-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","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":[]}

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

@@ -7,11 +7,14 @@
 import * as React from 'react';
 import VersionsList from './VersionsList';
 import type { BoxItemVersion } from '../../../common/types/core';
+import type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';
 import './VersionsGroup.scss';
 
 type Props = {
     fileId: string,
     heading: string,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    routerDisabled?: boolean,
     versionCount: number,
     versionLimit: number,
     versions: Array<BoxItemVersion>,

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

@@ -1 +1 @@
-{"version":3,"file":"VersionsGroup.js","names":["React","VersionsList","VersionsGroup","_ref","heading","rest","_objectWithoutProperties","_excluded","createElement","className"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsGroup.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Group component\n * @author Box\n */\n\nimport * as React from 'react';\nimport VersionsList from './VersionsList';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsGroup.scss';\n\ntype Props = {\n    fileId: string,\n    heading: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsGroup = ({ heading, ...rest }: Props) => {\n    return (\n        <section className=\"bcs-VersionsGroup\">\n            <h4 className=\"bcs-VersionsGroup-heading\">{heading}</h4>\n            <VersionsList {...rest} />\n        </section>\n    );\n};\n\nexport default VersionsGroup;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,OAAO,sBAAsB;AAU7B,MAAMC,aAAa,GAAGC,IAAA,IAAiC;EAAA,IAAhC;MAAEC;IAAwB,CAAC,GAAAD,IAAA;IAAbE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACrC,oBACIP,KAAA,CAAAQ,aAAA;IAASC,SAAS,EAAC;EAAmB,gBAClCT,KAAA,CAAAQ,aAAA;IAAIC,SAAS,EAAC;EAA2B,GAAEL,OAAY,CAAC,eACxDJ,KAAA,CAAAQ,aAAA,CAACP,YAAY,EAAKI,IAAO,CACpB,CAAC;AAElB,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}
+{"version":3,"file":"VersionsGroup.js","names":["React","VersionsList","VersionsGroup","_ref","heading","rest","_objectWithoutProperties","_excluded","createElement","className"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsGroup.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Group component\n * @author Box\n */\n\nimport * as React from 'react';\nimport VersionsList from './VersionsList';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';\nimport './VersionsGroup.scss';\n\ntype Props = {\n    fileId: string,\n    heading: string,\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    routerDisabled?: boolean,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsGroup = ({ heading, ...rest }: Props) => {\n    return (\n        <section className=\"bcs-VersionsGroup\">\n            <h4 className=\"bcs-VersionsGroup-heading\">{heading}</h4>\n            <VersionsList {...rest} />\n        </section>\n    );\n};\n\nexport default VersionsGroup;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,YAAY,MAAM,gBAAgB;AAGzC,OAAO,sBAAsB;AAY7B,MAAMC,aAAa,GAAGC,IAAA,IAAiC;EAAA,IAAhC;MAAEC;IAAwB,CAAC,GAAAD,IAAA;IAAbE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACrC,oBACIP,KAAA,CAAAQ,aAAA;IAASC,SAAS,EAAC;EAAmB,gBAClCT,KAAA,CAAAQ,aAAA;IAAIC,SAAS,EAAC;EAA2B,GAAEL,OAAY,CAAC,eACxDJ,KAAA,CAAAQ,aAAA,CAACP,YAAY,EAAKI,IAAO,CACpB,CAAC;AAElB,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-const _excluded = ["currentId", "versions"];
+const _excluded = ["currentId", "internalSidebarNavigation", "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; }
@@ -15,15 +15,17 @@ import './VersionsList.scss';
 const VersionsList = _ref => {
   let {
       currentId,
+      internalSidebarNavigation,
+      routerDisabled = false,
       versions
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("ul", {
-    className: "bcs-VersionsList"
-  }, versions.map(version => /*#__PURE__*/React.createElement("li", {
-    className: "bcs-VersionsList-item",
-    key: version.id
-  }, /*#__PURE__*/React.createElement(Route, {
+  const renderVersionItemWithoutRouter = version => /*#__PURE__*/React.createElement(VersionsItem, _extends({
+    isCurrent: currentId === version.id,
+    isSelected: internalSidebarNavigation?.versionId === version.id,
+    version: version
+  }, rest));
+  const renderVersionItemWithRouter = version => /*#__PURE__*/React.createElement(Route, {
     render: ({
       match
     }) => /*#__PURE__*/React.createElement(VersionsItem, _extends({
@@ -31,7 +33,13 @@ const VersionsList = _ref => {
       isSelected: match.params.versionId === version.id,
       version: version
     }, rest))
-  }))));
+  });
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "bcs-VersionsList"
+  }, versions.map(version => /*#__PURE__*/React.createElement("li", {
+    className: "bcs-VersionsList-item",
+    key: version.id
+  }, routerDisabled ? renderVersionItemWithoutRouter(version) : renderVersionItemWithRouter(version))));
 };
 export default VersionsList;
 //# sourceMappingURL=VersionsList.js.map

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

@@ -8,33 +8,51 @@ import * as React from 'react';
 import { Route } from 'react-router-dom';
 import VersionsItem from './VersionsItem';
 import type { BoxItemVersion } from '../../../common/types/core';
+import type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';
 import './VersionsList.scss';
 
 type Props = {
     currentId?: string,
     fileId: string,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    routerDisabled?: boolean,
     versionCount: number,
     versionLimit: number,
     versions: Array<BoxItemVersion>,
 };
 
-const VersionsList = ({ currentId, versions, ...rest }: Props) => (
-    <ul className="bcs-VersionsList">
-        {versions.map(version => (
-            <li className="bcs-VersionsList-item" key={version.id}>
-                <Route
-                    render={({ match }) => (
-                        <VersionsItem
-                            isCurrent={currentId === version.id}
-                            isSelected={match.params.versionId === version.id}
-                            version={version}
-                            {...rest}
-                        />
-                    )}
+const VersionsList = ({ currentId, internalSidebarNavigation, routerDisabled = false, versions, ...rest }: Props) => {
+    const renderVersionItemWithoutRouter = (version: BoxItemVersion) => (
+        <VersionsItem
+            isCurrent={currentId === version.id}
+            isSelected={internalSidebarNavigation?.versionId === version.id}
+            version={version}
+            {...rest}
+        />
+    );
+
+    const renderVersionItemWithRouter = (version: BoxItemVersion) => (
+        <Route
+            render={({ match }) => (
+                <VersionsItem
+                    isCurrent={currentId === version.id}
+                    isSelected={match.params.versionId === version.id}
+                    version={version}
+                    {...rest}
                 />
-            </li>
-        ))}
-    </ul>
-);
+            )}
+        />
+    );
+
+    return (
+        <ul className="bcs-VersionsList">
+            {versions.map(version => (
+                <li className="bcs-VersionsList-item" key={version.id}>
+                    {routerDisabled ? renderVersionItemWithoutRouter(version) : renderVersionItemWithRouter(version)}
+                </li>
+            ))}
+        </ul>
+    );
+};
 
 export default VersionsList;

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

@@ -1 +1 @@
-{"version":3,"file":"VersionsList.js","names":["React","Route","VersionsItem","VersionsList","_ref","currentId","versions","rest","_objectWithoutProperties","_excluded","createElement","className","map","version","key","id","render","match","_extends","isCurrent","isSelected","params","versionId"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsList.js"],"sourcesContent":["/**\n * @flow\n * @file Versions List component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\nimport VersionsItem from './VersionsItem';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsList.scss';\n\ntype Props = {\n    currentId?: string,\n    fileId: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsList = ({ currentId, versions, ...rest }: Props) => (\n    <ul className=\"bcs-VersionsList\">\n        {versions.map(version => (\n            <li className=\"bcs-VersionsList-item\" key={version.id}>\n                <Route\n                    render={({ match }) => (\n                        <VersionsItem\n                            isCurrent={currentId === version.id}\n                            isSelected={match.params.versionId === version.id}\n                            version={version}\n                            {...rest}\n                        />\n                    )}\n                />\n            </li>\n        ))}\n    </ul>\n);\n\nexport default VersionsList;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,OAAO,qBAAqB;AAU5B,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;MAAEC,SAAS;MAAEC;IAAyB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAChDT,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC;EAAkB,GAC3BL,QAAQ,CAACM,GAAG,CAACC,OAAO,iBACjBb,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC,uBAAuB;IAACG,GAAG,EAAED,OAAO,CAACE;EAAG,gBAClDf,KAAA,CAAAU,aAAA,CAACT,KAAK;IACFe,MAAM,EAAEA,CAAC;MAAEC;IAAM,CAAC,kBACdjB,KAAA,CAAAU,aAAA,CAACR,YAAY,EAAAgB,QAAA;MACTC,SAAS,EAAEd,SAAS,KAAKQ,OAAO,CAACE,EAAG;MACpCK,UAAU,EAAEH,KAAK,CAACI,MAAM,CAACC,SAAS,KAAKT,OAAO,CAACE,EAAG;MAClDF,OAAO,EAAEA;IAAQ,GACbN,IAAI,CACX;EACH,CACL,CACD,CACP,CACD,CAAC;AAAA,CACR;AAED,eAAeJ,YAAY","ignoreList":[]}
+{"version":3,"file":"VersionsList.js","names":["React","Route","VersionsItem","VersionsList","_ref","currentId","internalSidebarNavigation","routerDisabled","versions","rest","_objectWithoutProperties","_excluded","renderVersionItemWithoutRouter","version","createElement","_extends","isCurrent","id","isSelected","versionId","renderVersionItemWithRouter","render","match","params","className","map","key"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsList.js"],"sourcesContent":["/**\n * @flow\n * @file Versions List component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { Route } from 'react-router-dom';\nimport VersionsItem from './VersionsItem';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';\nimport './VersionsList.scss';\n\ntype Props = {\n    currentId?: string,\n    fileId: string,\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    routerDisabled?: boolean,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsList = ({ currentId, internalSidebarNavigation, routerDisabled = false, versions, ...rest }: Props) => {\n    const renderVersionItemWithoutRouter = (version: BoxItemVersion) => (\n        <VersionsItem\n            isCurrent={currentId === version.id}\n            isSelected={internalSidebarNavigation?.versionId === version.id}\n            version={version}\n            {...rest}\n        />\n    );\n\n    const renderVersionItemWithRouter = (version: BoxItemVersion) => (\n        <Route\n            render={({ match }) => (\n                <VersionsItem\n                    isCurrent={currentId === version.id}\n                    isSelected={match.params.versionId === version.id}\n                    version={version}\n                    {...rest}\n                />\n            )}\n        />\n    );\n\n    return (\n        <ul className=\"bcs-VersionsList\">\n            {versions.map(version => (\n                <li className=\"bcs-VersionsList-item\" key={version.id}>\n                    {routerDisabled ? renderVersionItemWithoutRouter(version) : renderVersionItemWithRouter(version)}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default VersionsList;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,YAAY,MAAM,gBAAgB;AAGzC,OAAO,qBAAqB;AAY5B,MAAMC,YAAY,GAAGC,IAAA,IAAgG;EAAA,IAA/F;MAAEC,SAAS;MAAEC,yBAAyB;MAAEC,cAAc,GAAG,KAAK;MAAEC;IAAyB,CAAC,GAAAJ,IAAA;IAAbK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACnG,MAAMC,8BAA8B,GAAIC,OAAuB,iBAC3Db,KAAA,CAAAc,aAAA,CAACZ,YAAY,EAAAa,QAAA;IACTC,SAAS,EAAEX,SAAS,KAAKQ,OAAO,CAACI,EAAG;IACpCC,UAAU,EAAEZ,yBAAyB,EAAEa,SAAS,KAAKN,OAAO,CAACI,EAAG;IAChEJ,OAAO,EAAEA;EAAQ,GACbJ,IAAI,CACX,CACJ;EAED,MAAMW,2BAA2B,GAAIP,OAAuB,iBACxDb,KAAA,CAAAc,aAAA,CAACb,KAAK;IACFoB,MAAM,EAAEA,CAAC;MAAEC;IAAM,CAAC,kBACdtB,KAAA,CAAAc,aAAA,CAACZ,YAAY,EAAAa,QAAA;MACTC,SAAS,EAAEX,SAAS,KAAKQ,OAAO,CAACI,EAAG;MACpCC,UAAU,EAAEI,KAAK,CAACC,MAAM,CAACJ,SAAS,KAAKN,OAAO,CAACI,EAAG;MAClDJ,OAAO,EAAEA;IAAQ,GACbJ,IAAI,CACX;EACH,CACL,CACJ;EAED,oBACIT,KAAA,CAAAc,aAAA;IAAIU,SAAS,EAAC;EAAkB,GAC3BhB,QAAQ,CAACiB,GAAG,CAACZ,OAAO,iBACjBb,KAAA,CAAAc,aAAA;IAAIU,SAAS,EAAC,uBAAuB;IAACE,GAAG,EAAEb,OAAO,CAACI;EAAG,GACjDV,cAAc,GAAGK,8BAA8B,CAACC,OAAO,CAAC,GAAGO,2BAA2B,CAACP,OAAO,CAC/F,CACP,CACD,CAAC;AAEb,CAAC;AAED,eAAeV,YAAY","ignoreList":[]}

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

@@ -11,11 +11,14 @@ import * as util from '../../../utils/datetime';
 import messages from './messages';
 import VersionsGroup from './VersionsGroup';
 import type { BoxItemVersion } from '../../../common/types/core';
+import type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';
 import './VersionsMenu.scss';
 
 type Props = {
     fileId: string,
     intl: any,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    routerDisabled?: boolean,
     versionCount: number,
     versionLimit: number,
     versions: Array<BoxItemVersion>,

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

@@ -1 +1 @@
-{"version":3,"file":"VersionsMenu.js","names":["React","last","injectIntl","util","messages","VersionsGroup","getHeading","intl","version","created_at","createdAt","currentDate","Date","currentDay","getDay","currentSunday","getDate","createdAtDate","convertToDate","heading","isToday","formatMessage","versionsToday","isYesterday","versionsYesterday","isCurrentYear","formatDate","year","isCurrentMonth","month","versionsThisMonth","versionsPriorWeek","weekday","VersionsMenu","memo","_ref","versions","rest","_objectWithoutProperties","_excluded","id","currentId","versionGroups","reduce","groups","currentGroup","groupHeading","push","groupVersions","createElement","className","map","key","_extends"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsMenu.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Menu component\n * @author Box\n */\n\nimport * as React from 'react';\nimport last from 'lodash/last';\nimport { injectIntl } from 'react-intl';\nimport * as util from '../../../utils/datetime';\nimport messages from './messages';\nimport VersionsGroup from './VersionsGroup';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsMenu.scss';\n\ntype Props = {\n    fileId: string,\n    intl: any,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\ntype VersionGroups = Array<{ groupHeading: string, groupVersions: Array<BoxItemVersion> }>;\n\nconst getHeading = ({ intl, version }: { intl: any, version: BoxItemVersion }): string => {\n    const { created_at: createdAt } = version;\n    const currentDate = new Date();\n    const currentDay = currentDate.getDay();\n    const currentSunday = currentDate.getDate() - currentDay;\n    const createdAtDate = util.convertToDate(createdAt);\n    let heading;\n\n    if (util.isToday(createdAtDate)) {\n        heading = intl.formatMessage(messages.versionsToday); // Today\n    } else if (util.isYesterday(createdAtDate)) {\n        heading = intl.formatMessage(messages.versionsYesterday); // Yesterday\n    } else if (!util.isCurrentYear(createdAtDate)) {\n        heading = intl.formatDate(createdAt, { year: 'numeric' }); // 2018\n    } else if (!util.isCurrentMonth(createdAtDate)) {\n        heading = intl.formatDate(createdAt, { month: 'long' }); // January\n    } else if (createdAtDate.getDate() <= currentSunday - 7) {\n        heading = intl.formatMessage(messages.versionsThisMonth); // This Month\n    } else if (createdAtDate.getDate() <= currentSunday) {\n        heading = intl.formatMessage(messages.versionsPriorWeek); // Last Week\n    } else {\n        heading = intl.formatDate(createdAt, { weekday: 'long' }); // Monday\n    }\n\n    return heading;\n};\n\nconst VersionsMenu = React.memo<Props>(({ intl, versions, ...rest }: Props) => {\n    const { id: currentId } = versions[0] || {};\n\n    // Build an ordered set of groups with headings based on the original order of the versions array\n    const versionGroups = versions.reduce((groups: VersionGroups, version: BoxItemVersion): VersionGroups => {\n        const currentGroup = last(groups);\n        const groupHeading = getHeading({ intl, version });\n\n        // Push a new group if there are no groups or if the heading has changed\n        if (!currentGroup || currentGroup.groupHeading !== groupHeading) {\n            groups.push({\n                groupHeading,\n                groupVersions: [],\n            });\n        }\n\n        // Push the sorted version to the newest group's versions collection\n        last(groups).groupVersions.push(version);\n        return groups;\n    }, []);\n\n    return (\n        <ul className=\"bcs-VersionsMenu\">\n            {versionGroups.map(({ groupHeading, groupVersions }) => (\n                <li className=\"bcs-VersionsMenu-item\" key={groupHeading}>\n                    <VersionsGroup currentId={currentId} heading={groupHeading} versions={groupVersions} {...rest} />\n                </li>\n            ))}\n        </ul>\n    );\n});\n\nexport default injectIntl(VersionsMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VersionsMenu.js","names":["React","last","injectIntl","util","messages","VersionsGroup","getHeading","intl","version","created_at","createdAt","currentDate","Date","currentDay","getDay","currentSunday","getDate","createdAtDate","convertToDate","heading","isToday","formatMessage","versionsToday","isYesterday","versionsYesterday","isCurrentYear","formatDate","year","isCurrentMonth","month","versionsThisMonth","versionsPriorWeek","weekday","VersionsMenu","memo","_ref","versions","rest","_objectWithoutProperties","_excluded","id","currentId","versionGroups","reduce","groups","currentGroup","groupHeading","push","groupVersions","createElement","className","map","key","_extends"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsMenu.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Menu component\n * @author Box\n */\n\nimport * as React from 'react';\nimport last from 'lodash/last';\nimport { injectIntl } from 'react-intl';\nimport * as util from '../../../utils/datetime';\nimport messages from './messages';\nimport VersionsGroup from './VersionsGroup';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport type { InternalSidebarNavigation } from '../../common/types/SidebarNavigation';\nimport './VersionsMenu.scss';\n\ntype Props = {\n    fileId: string,\n    intl: any,\n    internalSidebarNavigation?: InternalSidebarNavigation,\n    routerDisabled?: boolean,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\ntype VersionGroups = Array<{ groupHeading: string, groupVersions: Array<BoxItemVersion> }>;\n\nconst getHeading = ({ intl, version }: { intl: any, version: BoxItemVersion }): string => {\n    const { created_at: createdAt } = version;\n    const currentDate = new Date();\n    const currentDay = currentDate.getDay();\n    const currentSunday = currentDate.getDate() - currentDay;\n    const createdAtDate = util.convertToDate(createdAt);\n    let heading;\n\n    if (util.isToday(createdAtDate)) {\n        heading = intl.formatMessage(messages.versionsToday); // Today\n    } else if (util.isYesterday(createdAtDate)) {\n        heading = intl.formatMessage(messages.versionsYesterday); // Yesterday\n    } else if (!util.isCurrentYear(createdAtDate)) {\n        heading = intl.formatDate(createdAt, { year: 'numeric' }); // 2018\n    } else if (!util.isCurrentMonth(createdAtDate)) {\n        heading = intl.formatDate(createdAt, { month: 'long' }); // January\n    } else if (createdAtDate.getDate() <= currentSunday - 7) {\n        heading = intl.formatMessage(messages.versionsThisMonth); // This Month\n    } else if (createdAtDate.getDate() <= currentSunday) {\n        heading = intl.formatMessage(messages.versionsPriorWeek); // Last Week\n    } else {\n        heading = intl.formatDate(createdAt, { weekday: 'long' }); // Monday\n    }\n\n    return heading;\n};\n\nconst VersionsMenu = React.memo<Props>(({ intl, versions, ...rest }: Props) => {\n    const { id: currentId } = versions[0] || {};\n\n    // Build an ordered set of groups with headings based on the original order of the versions array\n    const versionGroups = versions.reduce((groups: VersionGroups, version: BoxItemVersion): VersionGroups => {\n        const currentGroup = last(groups);\n        const groupHeading = getHeading({ intl, version });\n\n        // Push a new group if there are no groups or if the heading has changed\n        if (!currentGroup || currentGroup.groupHeading !== groupHeading) {\n            groups.push({\n                groupHeading,\n                groupVersions: [],\n            });\n        }\n\n        // Push the sorted version to the newest group's versions collection\n        last(groups).groupVersions.push(version);\n        return groups;\n    }, []);\n\n    return (\n        <ul className=\"bcs-VersionsMenu\">\n            {versionGroups.map(({ groupHeading, groupVersions }) => (\n                <li className=\"bcs-VersionsMenu-item\" key={groupHeading}>\n                    <VersionsGroup currentId={currentId} heading={groupHeading} versions={groupVersions} {...rest} />\n                </li>\n            ))}\n        </ul>\n    );\n});\n\nexport default injectIntl(VersionsMenu);\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,7 +15,7 @@ import InlineError from '../../../components/inline-error';
 import messages from './messages';
 import SidebarContent from '../SidebarContent';
 import VersionsMenu from './VersionsMenu';
-import { BackButton } from '../../common/nav-button';
+import BackButton from '../../common/back-button';
 import { DEFAULT_FETCH_END } from '../../../constants';
 import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
 import './VersionsSidebar.scss';

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

@@ -12,7 +12,7 @@ import InlineError from '../../../components/inline-error';
 import messages from './messages';
 import SidebarContent from '../SidebarContent';
 import VersionsMenu from './VersionsMenu';
-import { BackButton } from '../../common/nav-button';
+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';