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

package/es/elements/common/nav-button/BackButton.js

@@ -1,4 +1,4 @@
-const _excluded = ["className", "to"];
+const _excluded = ["className", "onClick"];
 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; }
@@ -11,7 +11,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import * as React from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
-import { Route } from 'react-router-dom';
 import IconNavigateLeft from '../../../icons/general/IconNavigateLeft';
 import messages from '../messages';
 import PlainButton from '../../../components/plain-button';
@@ -19,21 +18,19 @@ import './BackButton.scss';
 const BackButton = _ref => {
   let {
       className,
-      to
+      onClick
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Route, null, ({
-    history
-  }) => /*#__PURE__*/React.createElement(PlainButton, _extends({
+  return /*#__PURE__*/React.createElement(PlainButton, _extends({
     className: classNames('bdl-BackButton', className),
-    onClick: () => to ? history.push(to) : history.goBack(),
+    onClick: onClick,
     type: "button"
   }, rest), /*#__PURE__*/React.createElement(IconNavigateLeft, {
     height: 24,
     width: 24
   }), /*#__PURE__*/React.createElement("span", {
     className: "accessibility-hidden"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.back))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.back)));
 };
 export default BackButton;
 //# sourceMappingURL=BackButton.js.map

package/es/elements/common/nav-button/BackButton.js.flow

@@ -7,7 +7,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
-import { Route, type Location } from 'react-router-dom';
 import IconNavigateLeft from '../../../icons/general/IconNavigateLeft';
 import messages from '../messages';
 import PlainButton from '../../../components/plain-button';
@@ -15,25 +14,16 @@ import './BackButton.scss';
 
 type Props = {
     className?: string,
-    to?: Location,
+    onClick: () => void,
 };
 
-const BackButton = ({ className, to, ...rest }: Props) => (
-    <Route>
-        {({ history }) => (
-            <PlainButton
-                className={classNames('bdl-BackButton', className)}
-                onClick={() => (to ? history.push(to) : history.goBack())}
-                type="button"
-                {...rest}
-            >
-                <IconNavigateLeft height={24} width={24} />
-                <span className="accessibility-hidden">
-                    <FormattedMessage {...messages.back} />
-                </span>
-            </PlainButton>
-        )}
-    </Route>
+const BackButton = ({ className, onClick, ...rest }: Props) => (
+    <PlainButton className={classNames('bdl-BackButton', className)} onClick={onClick} type="button" {...rest}>
+        <IconNavigateLeft height={24} width={24} />
+        <span className="accessibility-hidden">
+            <FormattedMessage {...messages.back} />
+        </span>
+    </PlainButton>
 );
 
 export default BackButton;

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

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","names":["React","classNames","FormattedMessage","Route","IconNavigateLeft","messages","PlainButton","BackButton","_ref","className","to","rest","_objectWithoutProperties","_excluded","createElement","history","_extends","onClick","push","goBack","type","height","width","back"],"sources":["../../../../src/elements/common/nav-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 { Route, type Location } from 'react-router-dom';\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    to?: Location,\n};\n\nconst BackButton = ({ className, to, ...rest }: Props) => (\n    <Route>\n        {({ history }) => (\n            <PlainButton\n                className={classNames('bdl-BackButton', className)}\n                onClick={() => (to ? history.push(to) : history.goBack())}\n                type=\"button\"\n                {...rest}\n            >\n                <IconNavigateLeft height={24} width={24} />\n                <span className=\"accessibility-hidden\">\n                    <FormattedMessage {...messages.back} />\n                </span>\n            </PlainButton>\n        )}\n    </Route>\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,SAASC,KAAK,QAAuB,kBAAkB;AACvD,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;IAAmB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBACxCb,KAAA,CAAAc,aAAA,CAACX,KAAK,QACD,CAAC;IAAEY;EAAQ,CAAC,kBACTf,KAAA,CAAAc,aAAA,CAACR,WAAW,EAAAU,QAAA;IACRP,SAAS,EAAER,UAAU,CAAC,gBAAgB,EAAEQ,SAAS,CAAE;IACnDQ,OAAO,EAAEA,CAAA,KAAOP,EAAE,GAAGK,OAAO,CAACG,IAAI,CAACR,EAAE,CAAC,GAAGK,OAAO,CAACI,MAAM,CAAC,CAAG;IAC1DC,IAAI,EAAC;EAAQ,GACTT,IAAI,gBAERX,KAAA,CAAAc,aAAA,CAACV,gBAAgB;IAACiB,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,CAAE,CAAC,eAC3CtB,KAAA,CAAAc,aAAA;IAAML,SAAS,EAAC;EAAsB,gBAClCT,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAKG,QAAQ,CAACkB,IAAO,CACpC,CACG,CAEd,CAAC;AAAA,CACX;AAED,eAAehB,UAAU","ignoreList":[]}
+{"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/nav-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/content-sidebar/versions/StaticVersionSidebar.js

@@ -6,6 +6,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 PrimaryButton from '../../../components/primary-button';
@@ -35,7 +36,9 @@ const StaticVersionsSidebar = ({
       uploader_display_name: 'John Doe'
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Route, null, ({
+    history
+  }) => /*#__PURE__*/React.createElement("div", {
     className: "bcs-StaticVersionSidebar",
     role: "tabpanel",
     "data-resin-component": "preview",
@@ -46,7 +49,7 @@ const StaticVersionsSidebar = ({
     className: "bcs-StaticVersionSidebar-title"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, {
     "data-resin-target": "back",
-    to: `/${parentName}`
+    onClick: () => history.push(`/${parentName}`)
   }), /*#__PURE__*/React.createElement(FormattedMessage, messages.versionsTitle)))), /*#__PURE__*/React.createElement("div", {
     className: "bcs-StaticVersionSidebar-content-wrapper"
   }, /*#__PURE__*/React.createElement(LoadingIndicatorWrapper, {
@@ -71,7 +74,7 @@ const StaticVersionsSidebar = ({
     "data-resin-target": "versioning_error_upgrade_cta",
     onClick: onUpgradeClick,
     type: "button"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.upgradeButton)))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.upgradeButton))))));
 };
 export default StaticVersionsSidebar;
 //# sourceMappingURL=StaticVersionSidebar.js.map

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

@@ -6,6 +6,7 @@
 
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Route } from 'react-router-dom';
 
 import BoxDrive140 from '../../../illustration/BoxDrive140';
 
@@ -45,51 +46,55 @@ const StaticVersionsSidebar = ({ isLoading, onUpgradeClick, parentName }: Props)
     });
 
     return (
-        <div
-            className="bcs-StaticVersionSidebar"
-            role="tabpanel"
-            data-resin-component="preview"
-            data-resin-feature="versions"
-        >
-            <div className="bcs-StaticVersionSidebar-header">
-                <h3 className="bcs-StaticVersionSidebar-title">
-                    <>
-                        <BackButton data-resin-target="back" to={`/${parentName}`} />
-                        <FormattedMessage {...messages.versionsTitle} />
-                    </>
-                </h3>
-            </div>
-
-            <div className="bcs-StaticVersionSidebar-content-wrapper">
-                <LoadingIndicatorWrapper
-                    className="bcs-StaticVersionSidebar-content"
-                    crawlerPosition="top"
-                    isLoading={isLoading}
+        <Route>
+            {({ history }) => (
+                <div
+                    className="bcs-StaticVersionSidebar"
+                    role="tabpanel"
+                    data-resin-component="preview"
+                    data-resin-feature="versions"
                 >
-                    <VersionsMenu versions={versions} fileId="1" versionCount={3} versionLimit={3} />
-                </LoadingIndicatorWrapper>
-            </div>
+                    <div className="bcs-StaticVersionSidebar-header">
+                        <h3 className="bcs-StaticVersionSidebar-title">
+                            <>
+                                <BackButton data-resin-target="back" onClick={() => history.push(`/${parentName}`)} />
+                                <FormattedMessage {...messages.versionsTitle} />
+                            </>
+                        </h3>
+                    </div>
+
+                    <div className="bcs-StaticVersionSidebar-content-wrapper">
+                        <LoadingIndicatorWrapper
+                            className="bcs-StaticVersionSidebar-content"
+                            crawlerPosition="top"
+                            isLoading={isLoading}
+                        >
+                            <VersionsMenu versions={versions} fileId="1" versionCount={3} versionLimit={3} />
+                        </LoadingIndicatorWrapper>
+                    </div>
 
-            <div className="bcs-StaticVersionSidebar-upsell-wrapper">
-                <div className="bcs-StaticVersionSidebar-upsell">
-                    <BoxDrive140 className="bcs-StaticVersionSidebar-upsell-icon" />
-                    <p className="bcs-StaticVersionSidebar-upsell-header">
-                        <FormattedMessage {...messages.versionUpgradeLink} />
-                    </p>
-                    <p>
-                        <FormattedMessage {...messages.versionUpsell} />
-                    </p>
-                    <PrimaryButton
-                        className="bcs-StaticVersionSidebar-upsell-button"
-                        data-resin-target="versioning_error_upgrade_cta"
-                        onClick={onUpgradeClick}
-                        type="button"
-                    >
-                        <FormattedMessage {...messages.upgradeButton} />
-                    </PrimaryButton>
+                    <div className="bcs-StaticVersionSidebar-upsell-wrapper">
+                        <div className="bcs-StaticVersionSidebar-upsell">
+                            <BoxDrive140 className="bcs-StaticVersionSidebar-upsell-icon" />
+                            <p className="bcs-StaticVersionSidebar-upsell-header">
+                                <FormattedMessage {...messages.versionUpgradeLink} />
+                            </p>
+                            <p>
+                                <FormattedMessage {...messages.versionUpsell} />
+                            </p>
+                            <PrimaryButton
+                                className="bcs-StaticVersionSidebar-upsell-button"
+                                data-resin-target="versioning_error_upgrade_cta"
+                                onClick={onUpgradeClick}
+                                type="button"
+                            >
+                                <FormattedMessage {...messages.upgradeButton} />
+                            </PrimaryButton>
+                        </div>
+                    </div>
                 </div>
-            </div>
-        </div>
+            )}
+        </Route>
     );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StaticVersionSidebar.js","names":["React","FormattedMessage","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","className","role","Fragment","to","versionsTitle","crawlerPosition","fileId","versionCount","versionLimit","versionUpgradeLink","versionUpsell","onClick","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';\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        <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\" to={`/${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};\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/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":[]}

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

@@ -10,6 +10,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Route } from 'react-router-dom';
 import InlineError from '../../../components/inline-error';
 import messages from './messages';
 import SidebarContent from '../SidebarContent';
@@ -31,13 +32,15 @@ const VersionsSidebar = _ref => {
   const showVersions = !!versions.length;
   const showEmpty = !isLoading && !showVersions;
   const showError = !!error;
-  return /*#__PURE__*/React.createElement(SidebarContent, {
+  return /*#__PURE__*/React.createElement(Route, null, ({
+    history
+  }) => /*#__PURE__*/React.createElement(SidebarContent, {
     className: "bcs-Versions",
     "data-resin-component": "preview",
     "data-resin-feature": "versions",
     title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, {
       "data-resin-target": "back",
-      to: `/${parentName}`
+      onClick: () => history.push(`/${parentName}`)
     }), /*#__PURE__*/React.createElement(FormattedMessage, messages.versionsTitle))
   }, /*#__PURE__*/React.createElement(LoadingIndicatorWrapper, {
     className: "bcs-Versions-content",
@@ -59,7 +62,7 @@ const VersionsSidebar = _ref => {
     values: {
       maxVersions: MAX_VERSIONS
     }
-  })))));
+  }))))));
 };
 export default VersionsSidebar;
 //# sourceMappingURL=VersionsSidebar.js.map

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

@@ -6,6 +6,7 @@
 
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Route } from 'react-router-dom';
 import type { MessageDescriptor } from 'react-intl';
 import InlineError from '../../../components/inline-error';
 import messages from './messages';
@@ -36,47 +37,55 @@ const VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Pr
     const showError = !!error;
 
     return (
-        <SidebarContent
-            className="bcs-Versions"
-            data-resin-component="preview"
-            data-resin-feature="versions"
-            title={
-                <>
-                    <BackButton data-resin-target="back" to={`/${parentName}`} />
-                    <FormattedMessage {...messages.versionsTitle} />
-                </>
-            }
-        >
-            <LoadingIndicatorWrapper className="bcs-Versions-content" crawlerPosition="top" isLoading={isLoading}>
-                {showError && (
-                    <InlineError title={<FormattedMessage {...messages.versionServerError} />}>
-                        <FormattedMessage {...error} />
-                    </InlineError>
-                )}
+        <Route>
+            {({ history }) => (
+                <SidebarContent
+                    className="bcs-Versions"
+                    data-resin-component="preview"
+                    data-resin-feature="versions"
+                    title={
+                        <>
+                            <BackButton data-resin-target="back" onClick={() => history.push(`/${parentName}`)} />
+                            <FormattedMessage {...messages.versionsTitle} />
+                        </>
+                    }
+                >
+                    <LoadingIndicatorWrapper
+                        className="bcs-Versions-content"
+                        crawlerPosition="top"
+                        isLoading={isLoading}
+                    >
+                        {showError && (
+                            <InlineError title={<FormattedMessage {...messages.versionServerError} />}>
+                                <FormattedMessage {...error} />
+                            </InlineError>
+                        )}
 
-                {showEmpty && (
-                    <div className="bcs-Versions-empty">
-                        <FormattedMessage {...messages.versionsEmpty} />
-                    </div>
-                )}
+                        {showEmpty && (
+                            <div className="bcs-Versions-empty">
+                                <FormattedMessage {...messages.versionsEmpty} />
+                            </div>
+                        )}
 
-                {showVersions && (
-                    <div className="bcs-Versions-menu" data-testid="bcs-Versions-menu">
-                        <VersionsMenu versions={versions} {...rest} />
-                    </div>
-                )}
-                {showLimit && (
-                    <div className="bcs-Versions-maxEntries" data-testid="max-versions">
-                        <FormattedMessage
-                            {...messages.versionMaxEntries}
-                            values={{
-                                maxVersions: MAX_VERSIONS,
-                            }}
-                        />
-                    </div>
-                )}
-            </LoadingIndicatorWrapper>
-        </SidebarContent>
+                        {showVersions && (
+                            <div className="bcs-Versions-menu" data-testid="bcs-Versions-menu">
+                                <VersionsMenu versions={versions} {...rest} />
+                            </div>
+                        )}
+                        {showLimit && (
+                            <div className="bcs-Versions-maxEntries" data-testid="max-versions">
+                                <FormattedMessage
+                                    {...messages.versionMaxEntries}
+                                    values={{
+                                        maxVersions: MAX_VERSIONS,
+                                    }}
+                                />
+                            </div>
+                        )}
+                    </LoadingIndicatorWrapper>
+                </SidebarContent>
+            )}
+        </Route>
     );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"VersionsSidebar.js","names":["React","FormattedMessage","InlineError","messages","SidebarContent","VersionsMenu","BackButton","DEFAULT_FETCH_END","LoadingIndicatorWrapper","MAX_VERSIONS","VersionsSidebar","_ref","error","isLoading","parentName","versions","rest","_objectWithoutProperties","_excluded","showLimit","length","showVersions","showEmpty","showError","createElement","className","title","Fragment","to","versionsTitle","crawlerPosition","versionServerError","versionsEmpty","_extends","versionMaxEntries","values","maxVersions"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebar.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport type { MessageDescriptor } from 'react-intl';\nimport InlineError from '../../../components/inline-error';\nimport messages from './messages';\nimport SidebarContent from '../SidebarContent';\nimport VersionsMenu from './VersionsMenu';\nimport { BackButton } from '../../common/nav-button';\nimport { DEFAULT_FETCH_END } from '../../../constants';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsSidebar.scss';\n\nconst MAX_VERSIONS = DEFAULT_FETCH_END;\n\ntype Props = {\n    error?: MessageDescriptor,\n    fileId: string,\n    isLoading: boolean,\n    parentName: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Props) => {\n    const showLimit = versions.length >= MAX_VERSIONS;\n    const showVersions = !!versions.length;\n    const showEmpty = !isLoading && !showVersions;\n    const showError = !!error;\n\n    return (\n        <SidebarContent\n            className=\"bcs-Versions\"\n            data-resin-component=\"preview\"\n            data-resin-feature=\"versions\"\n            title={\n                <>\n                    <BackButton data-resin-target=\"back\" to={`/${parentName}`} />\n                    <FormattedMessage {...messages.versionsTitle} />\n                </>\n            }\n        >\n            <LoadingIndicatorWrapper className=\"bcs-Versions-content\" crawlerPosition=\"top\" isLoading={isLoading}>\n                {showError && (\n                    <InlineError title={<FormattedMessage {...messages.versionServerError} />}>\n                        <FormattedMessage {...error} />\n                    </InlineError>\n                )}\n\n                {showEmpty && (\n                    <div className=\"bcs-Versions-empty\">\n                        <FormattedMessage {...messages.versionsEmpty} />\n                    </div>\n                )}\n\n                {showVersions && (\n                    <div className=\"bcs-Versions-menu\" data-testid=\"bcs-Versions-menu\">\n                        <VersionsMenu versions={versions} {...rest} />\n                    </div>\n                )}\n                {showLimit && (\n                    <div className=\"bcs-Versions-maxEntries\" data-testid=\"max-versions\">\n                        <FormattedMessage\n                            {...messages.versionMaxEntries}\n                            values={{\n                                maxVersions: MAX_VERSIONS,\n                            }}\n                        />\n                    </div>\n                )}\n            </LoadingIndicatorWrapper>\n        </SidebarContent>\n    );\n};\n\nexport default VersionsSidebar;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,WAAW,MAAM,kCAAkC;AAC1D,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,uBAAuB,QAAQ,uCAAuC;AAE/E,OAAO,wBAAwB;AAE/B,MAAMC,YAAY,GAAGF,iBAAiB;AAYtC,MAAMG,eAAe,GAAGC,IAAA,IAAgE;EAAA,IAA/D;MAAEC,KAAK;MAAEC,SAAS;MAAEC,UAAU;MAAEC;IAAyB,CAAC,GAAAJ,IAAA;IAAbK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtE,MAAMC,SAAS,GAAGJ,QAAQ,CAACK,MAAM,IAAIX,YAAY;EACjD,MAAMY,YAAY,GAAG,CAAC,CAACN,QAAQ,CAACK,MAAM;EACtC,MAAME,SAAS,GAAG,CAACT,SAAS,IAAI,CAACQ,YAAY;EAC7C,MAAME,SAAS,GAAG,CAAC,CAACX,KAAK;EAEzB,oBACIZ,KAAA,CAAAwB,aAAA,CAACpB,cAAc;IACXqB,SAAS,EAAC,cAAc;IACxB,wBAAqB,SAAS;IAC9B,sBAAmB,UAAU;IAC7BC,KAAK,eACD1B,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAA2B,QAAA,qBACI3B,KAAA,CAAAwB,aAAA,CAAClB,UAAU;MAAC,qBAAkB,MAAM;MAACsB,EAAE,EAAE,IAAId,UAAU;IAAG,CAAE,CAAC,eAC7Dd,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKE,QAAQ,CAAC0B,aAAgB,CACjD;EACL,gBAED7B,KAAA,CAAAwB,aAAA,CAAChB,uBAAuB;IAACiB,SAAS,EAAC,sBAAsB;IAACK,eAAe,EAAC,KAAK;IAACjB,SAAS,EAAEA;EAAU,GAChGU,SAAS,iBACNvB,KAAA,CAAAwB,aAAA,CAACtB,WAAW;IAACwB,KAAK,eAAE1B,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKE,QAAQ,CAAC4B,kBAAqB;EAAE,gBACtE/B,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKW,KAAQ,CACrB,CAChB,EAEAU,SAAS,iBACNtB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAoB,gBAC/BzB,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKE,QAAQ,CAAC6B,aAAgB,CAC9C,CACR,EAEAX,YAAY,iBACTrB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAmB,gBAC9DzB,KAAA,CAAAwB,aAAA,CAACnB,YAAY,EAAA4B,QAAA;IAAClB,QAAQ,EAAEA;EAAS,GAAKC,IAAI,CAAG,CAC5C,CACR,EACAG,SAAS,iBACNnB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAc,gBAC/DzB,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAAgC,QAAA,KACT9B,QAAQ,CAAC+B,iBAAiB;IAC9BC,MAAM,EAAE;MACJC,WAAW,EAAE3B;IACjB;EAAE,EACL,CACA,CAEY,CACb,CAAC;AAEzB,CAAC;AAED,eAAeC,eAAe","ignoreList":[]}
+{"version":3,"file":"VersionsSidebar.js","names":["React","FormattedMessage","Route","InlineError","messages","SidebarContent","VersionsMenu","BackButton","DEFAULT_FETCH_END","LoadingIndicatorWrapper","MAX_VERSIONS","VersionsSidebar","_ref","error","isLoading","parentName","versions","rest","_objectWithoutProperties","_excluded","showLimit","length","showVersions","showEmpty","showError","createElement","history","className","title","Fragment","onClick","push","versionsTitle","crawlerPosition","versionServerError","versionsEmpty","_extends","versionMaxEntries","values","maxVersions"],"sources":["../../../../src/elements/content-sidebar/versions/VersionsSidebar.js"],"sourcesContent":["/**\n * @flow\n * @file Versions Sidebar component\n * @author Box\n */\n\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Route } from 'react-router-dom';\nimport type { MessageDescriptor } from 'react-intl';\nimport InlineError from '../../../components/inline-error';\nimport messages from './messages';\nimport SidebarContent from '../SidebarContent';\nimport VersionsMenu from './VersionsMenu';\nimport { BackButton } from '../../common/nav-button';\nimport { DEFAULT_FETCH_END } from '../../../constants';\nimport { LoadingIndicatorWrapper } from '../../../components/loading-indicator';\nimport type { BoxItemVersion } from '../../../common/types/core';\nimport './VersionsSidebar.scss';\n\nconst MAX_VERSIONS = DEFAULT_FETCH_END;\n\ntype Props = {\n    error?: MessageDescriptor,\n    fileId: string,\n    isLoading: boolean,\n    parentName: string,\n    versionCount: number,\n    versionLimit: number,\n    versions: Array<BoxItemVersion>,\n};\n\nconst VersionsSidebar = ({ error, isLoading, parentName, versions, ...rest }: Props) => {\n    const showLimit = versions.length >= MAX_VERSIONS;\n    const showVersions = !!versions.length;\n    const showEmpty = !isLoading && !showVersions;\n    const showError = !!error;\n\n    return (\n        <Route>\n            {({ history }) => (\n                <SidebarContent\n                    className=\"bcs-Versions\"\n                    data-resin-component=\"preview\"\n                    data-resin-feature=\"versions\"\n                    title={\n                        <>\n                            <BackButton data-resin-target=\"back\" onClick={() => history.push(`/${parentName}`)} />\n                            <FormattedMessage {...messages.versionsTitle} />\n                        </>\n                    }\n                >\n                    <LoadingIndicatorWrapper\n                        className=\"bcs-Versions-content\"\n                        crawlerPosition=\"top\"\n                        isLoading={isLoading}\n                    >\n                        {showError && (\n                            <InlineError title={<FormattedMessage {...messages.versionServerError} />}>\n                                <FormattedMessage {...error} />\n                            </InlineError>\n                        )}\n\n                        {showEmpty && (\n                            <div className=\"bcs-Versions-empty\">\n                                <FormattedMessage {...messages.versionsEmpty} />\n                            </div>\n                        )}\n\n                        {showVersions && (\n                            <div className=\"bcs-Versions-menu\" data-testid=\"bcs-Versions-menu\">\n                                <VersionsMenu versions={versions} {...rest} />\n                            </div>\n                        )}\n                        {showLimit && (\n                            <div className=\"bcs-Versions-maxEntries\" data-testid=\"max-versions\">\n                                <FormattedMessage\n                                    {...messages.versionMaxEntries}\n                                    values={{\n                                        maxVersions: MAX_VERSIONS,\n                                    }}\n                                />\n                            </div>\n                        )}\n                    </LoadingIndicatorWrapper>\n                </SidebarContent>\n            )}\n        </Route>\n    );\n};\n\nexport default VersionsSidebar;\n"],"mappings":"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","ignoreList":[]}

package/es/src/test-utils/testing-library.d.ts

@@ -3,5 +3,6 @@ type RenderConnectedOptions = RenderOptions & {
     wrapperProps?: Record<string, unknown>;
 };
 declare const renderConnected: (element: any, options?: RenderConnectedOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+declare const createUserEvent: () => import("@testing-library/user-event").UserEvent;
 export * from '@testing-library/react';
-export { renderConnected as render };
+export { renderConnected as render, createUserEvent as userEvent };

package/es/test-utils/testing-library.js

@@ -6,6 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { render } from '@testing-library/react';
+import userEventInit from '@testing-library/user-event';
 
 // Data Providers
 import { TooltipProvider } from '@box/blueprint-web';
@@ -23,6 +24,8 @@ const Wrapper = ({
 const renderConnected = (element, options = {}) => render(element, _objectSpread({
   wrapper: options.wrapper ? options.wrapper : props => /*#__PURE__*/React.createElement(Wrapper, _extends({}, props, options.wrapperProps))
 }, options));
+const createUserEvent = () => userEventInit.setup(); // factory function to create isolated userEvent instances
+
 export * from '@testing-library/react';
-export { renderConnected as render };
+export { renderConnected as render, createUserEvent as userEvent };
 //# sourceMappingURL=testing-library.js.map

package/es/test-utils/testing-library.js.map

@@ -1 +1 @@
-{"version":3,"file":"testing-library.js","names":["React","render","TooltipProvider","IntlProvider","FeatureProvider","jest","unmock","Wrapper","children","features","createElement","locale","renderConnected","element","options","_objectSpread","wrapper","props","_extends","wrapperProps"],"sources":["../../src/test-utils/testing-library.tsx"],"sourcesContent":["import React from 'react';\nimport { render, type RenderOptions } from '@testing-library/react';\n\n// Data Providers\nimport { TooltipProvider } from '@box/blueprint-web';\nimport { IntlProvider } from 'react-intl';\nimport { FeatureProvider } from '../elements/common/feature-checking';\n\njest.unmock('react-intl');\n\nconst Wrapper = ({ children, features = {} }) => (\n    <FeatureProvider features={features}>\n        <TooltipProvider>\n            <IntlProvider locale=\"en\">{children}</IntlProvider>\n        </TooltipProvider>\n    </FeatureProvider>\n);\n\ntype RenderConnectedOptions = RenderOptions & {\n    wrapperProps?: Record<string, unknown>;\n};\n\nconst renderConnected = (element, options: RenderConnectedOptions = {}) =>\n    render(element, {\n        wrapper: options.wrapper ? options.wrapper : props => <Wrapper {...props} {...options.wrapperProps} />,\n        ...options,\n    });\n\nexport * from '@testing-library/react';\nexport { renderConnected as render };\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAA4B,wBAAwB;;AAEnE;AACA,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,eAAe,QAAQ,qCAAqC;AAErEC,IAAI,CAACC,MAAM,CAAC,YAAY,CAAC;AAEzB,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,CAAC;AAAE,CAAC,kBACxCT,KAAA,CAAAU,aAAA,CAACN,eAAe;EAACK,QAAQ,EAAEA;AAAS,gBAChCT,KAAA,CAAAU,aAAA,CAACR,eAAe,qBACZF,KAAA,CAAAU,aAAA,CAACP,YAAY;EAACQ,MAAM,EAAC;AAAI,GAAEH,QAAuB,CACrC,CACJ,CACpB;AAMD,MAAMI,eAAe,GAAGA,CAACC,OAAO,EAAEC,OAA+B,GAAG,CAAC,CAAC,KAClEb,MAAM,CAACY,OAAO,EAAAE,aAAA;EACVC,OAAO,EAAEF,OAAO,CAACE,OAAO,GAAGF,OAAO,CAACE,OAAO,GAAGC,KAAK,iBAAIjB,KAAA,CAAAU,aAAA,CAACH,OAAO,EAAAW,QAAA,KAAKD,KAAK,EAAMH,OAAO,CAACK,YAAY,CAAG;AAAC,GACnGL,OAAO,CACb,CAAC;AAEN,cAAc,wBAAwB;AACtC,SAASF,eAAe,IAAIX,MAAM","ignoreList":[]}
+{"version":3,"file":"testing-library.js","names":["React","render","userEventInit","TooltipProvider","IntlProvider","FeatureProvider","jest","unmock","Wrapper","children","features","createElement","locale","renderConnected","element","options","_objectSpread","wrapper","props","_extends","wrapperProps","createUserEvent","setup","userEvent"],"sources":["../../src/test-utils/testing-library.tsx"],"sourcesContent":["import React from 'react';\nimport { render, type RenderOptions } from '@testing-library/react';\nimport userEventInit from '@testing-library/user-event';\n\n// Data Providers\nimport { TooltipProvider } from '@box/blueprint-web';\nimport { IntlProvider } from 'react-intl';\nimport { FeatureProvider } from '../elements/common/feature-checking';\n\njest.unmock('react-intl');\n\nconst Wrapper = ({ children, features = {} }) => (\n    <FeatureProvider features={features}>\n        <TooltipProvider>\n            <IntlProvider locale=\"en\">{children}</IntlProvider>\n        </TooltipProvider>\n    </FeatureProvider>\n);\n\ntype RenderConnectedOptions = RenderOptions & {\n    wrapperProps?: Record<string, unknown>;\n};\n\nconst renderConnected = (element, options: RenderConnectedOptions = {}) =>\n    render(element, {\n        wrapper: options.wrapper ? options.wrapper : props => <Wrapper {...props} {...options.wrapperProps} />,\n        ...options,\n    });\n\nconst createUserEvent = () => userEventInit.setup(); // factory function to create isolated userEvent instances\n\nexport * from '@testing-library/react';\nexport { renderConnected as render, createUserEvent as userEvent };\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAA4B,wBAAwB;AACnE,OAAOC,aAAa,MAAM,6BAA6B;;AAEvD;AACA,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,eAAe,QAAQ,qCAAqC;AAErEC,IAAI,CAACC,MAAM,CAAC,YAAY,CAAC;AAEzB,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,CAAC;AAAE,CAAC,kBACxCV,KAAA,CAAAW,aAAA,CAACN,eAAe;EAACK,QAAQ,EAAEA;AAAS,gBAChCV,KAAA,CAAAW,aAAA,CAACR,eAAe,qBACZH,KAAA,CAAAW,aAAA,CAACP,YAAY;EAACQ,MAAM,EAAC;AAAI,GAAEH,QAAuB,CACrC,CACJ,CACpB;AAMD,MAAMI,eAAe,GAAGA,CAACC,OAAO,EAAEC,OAA+B,GAAG,CAAC,CAAC,KAClEd,MAAM,CAACa,OAAO,EAAAE,aAAA;EACVC,OAAO,EAAEF,OAAO,CAACE,OAAO,GAAGF,OAAO,CAACE,OAAO,GAAGC,KAAK,iBAAIlB,KAAA,CAAAW,aAAA,CAACH,OAAO,EAAAW,QAAA,KAAKD,KAAK,EAAMH,OAAO,CAACK,YAAY,CAAG;AAAC,GACnGL,OAAO,CACb,CAAC;AAEN,MAAMM,eAAe,GAAGA,CAAA,KAAMnB,aAAa,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;;AAErD,cAAc,wBAAwB;AACtC,SAAST,eAAe,IAAIZ,MAAM,EAAEoB,eAAe,IAAIE,SAAS","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.16",
+    "version": "23.4.0-beta.17",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",

package/src/elements/common/nav-button/BackButton.js

@@ -7,7 +7,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
-import { Route, type Location } from 'react-router-dom';
 import IconNavigateLeft from '../../../icons/general/IconNavigateLeft';
 import messages from '../messages';
 import PlainButton from '../../../components/plain-button';
@@ -15,25 +14,16 @@ import './BackButton.scss';
 
 type Props = {
     className?: string,
-    to?: Location,
+    onClick: () => void,
 };
 
-const BackButton = ({ className, to, ...rest }: Props) => (
-    <Route>
-        {({ history }) => (
-            <PlainButton
-                className={classNames('bdl-BackButton', className)}
-                onClick={() => (to ? history.push(to) : history.goBack())}
-                type="button"
-                {...rest}
-            >
-                <IconNavigateLeft height={24} width={24} />
-                <span className="accessibility-hidden">
-                    <FormattedMessage {...messages.back} />
-                </span>
-            </PlainButton>
-        )}
-    </Route>
+const BackButton = ({ className, onClick, ...rest }: Props) => (
+    <PlainButton className={classNames('bdl-BackButton', className)} onClick={onClick} type="button" {...rest}>
+        <IconNavigateLeft height={24} width={24} />
+        <span className="accessibility-hidden">
+            <FormattedMessage {...messages.back} />
+        </span>
+    </PlainButton>
 );
 
 export default BackButton;