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

package/src/elements/content-sidebar/__tests__/SidebarNavButton.test.js

@@ -1,26 +1,40 @@
 import * as React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { mount } from 'enzyme';
-import { render, screen, fireEvent } from '@testing-library/react';
-import PlainButton from '../../../components/plain-button';
+import { MemoryRouter, Router } from 'react-router-dom';
+import { render, screen, fireEvent } from '../../../test-utils/testing-library';
 import SidebarNavButton from '../SidebarNavButton';
-import Tooltip from '../../../components/tooltip/Tooltip';
 
 describe('elements/content-sidebar/SidebarNavButton', () => {
-    const getWrapper = ({ children, ...props }, path = '/') =>
-        mount(
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    const renderWrapper = ({ children, ref, ...props }, path = '/') =>
+        render(
             <MemoryRouter initialEntries={[path]}>
-                <SidebarNavButton {...props}>{children}</SidebarNavButton>
+                <SidebarNavButton ref={ref} {...props}>
+                    {children}
+                </SidebarNavButton>
             </MemoryRouter>,
         );
-    const getButton = wrapper => wrapper.find(PlainButton).first();
 
     test('should render nav button properly', () => {
-        const wrapper = getWrapper({ tooltip: 'foo' });
-        const button = getButton(wrapper);
+        renderWrapper({
+            tooltip: 'foo',
+            sidebarView: 'activity',
+            children: 'test button',
+        });
+        const button = screen.getByRole('tab');
 
-        expect(wrapper.find(Tooltip).prop('text')).toBe('foo');
-        expect(button.hasClass('bcs-is-selected')).toBe(false);
+        expect(button).toHaveAttribute('aria-label', 'foo');
+        expect(button).toHaveAttribute('aria-selected', 'false');
+        expect(button).toHaveAttribute('aria-controls', 'activity-content');
+        expect(button).toHaveAttribute('role', 'tab');
+        expect(button).toHaveAttribute('tabindex', '-1');
+        expect(button).toHaveAttribute('type', 'button');
+        expect(button).toHaveAttribute('id', 'activity');
+        expect(button).toHaveClass('bcs-NavButton');
+        expect(button).not.toHaveClass('bcs-is-selected');
+        expect(button).toHaveTextContent('test button');
     });
 
     test.each`
@@ -33,11 +47,20 @@ describe('elements/content-sidebar/SidebarNavButton', () => {
             isOpen,
             sidebarView: 'activity',
             tooltip: 'foo',
+            children: 'test button',
         };
-        const wrapper = getWrapper(props, '/activity');
-        const button = getButton(wrapper);
+        renderWrapper(props, '/activity');
+        const button = screen.getByRole('tab');
 
-        expect(button.hasClass('bcs-is-selected')).toBe(expected);
+        if (expected) {
+            expect(button).toHaveClass('bcs-is-selected');
+            expect(button).toHaveAttribute('aria-selected', 'true');
+            expect(button).toHaveAttribute('tabindex', '0');
+        } else {
+            expect(button).not.toHaveClass('bcs-is-selected');
+            expect(button).toHaveAttribute('aria-selected', 'false');
+            expect(button).toHaveAttribute('tabindex', '-1');
+        }
     });
 
     test.each`
@@ -48,26 +71,185 @@ describe('elements/content-sidebar/SidebarNavButton', () => {
         ${'/activity/test'} | ${true}
         ${'/skills'}        | ${false}
     `('should reflect active state ($expected) correctly based on active path', ({ expected, path }) => {
-        const wrapper = getWrapper({ isOpen: true, sidebarView: 'activity' }, path);
-        const button = getButton(wrapper);
+        renderWrapper(
+            {
+                isOpen: true,
+                sidebarView: 'activity',
+                tooltip: 'foo',
+                children: 'test button',
+            },
+            path,
+        );
+        const button = screen.getByRole('tab');
 
-        expect(button.hasClass('bcs-is-selected')).toBe(expected);
+        if (expected) {
+            expect(button).toHaveClass('bcs-is-selected');
+            expect(button).toHaveAttribute('aria-selected', 'true');
+            expect(button).toHaveAttribute('tabindex', '0');
+        } else {
+            expect(button).not.toHaveClass('bcs-is-selected');
+            expect(button).toHaveAttribute('aria-selected', 'false');
+            expect(button).toHaveAttribute('tabindex', '-1');
+        }
     });
 
     test('should call onClick with sidebarView when clicked', () => {
         const mockOnClick = jest.fn();
         const mockSidebarView = 'activity';
 
-        render(
-            <MemoryRouter initialEntries={['/']}>
-                <SidebarNavButton onClick={mockOnClick} sidebarView={mockSidebarView}>
-                    button
-                </SidebarNavButton>
-            </MemoryRouter>,
-        );
+        renderWrapper({
+            onClick: mockOnClick,
+            sidebarView: mockSidebarView,
+            tooltip: 'test',
+            children: 'button',
+        });
         const button = screen.getByText('button');
 
         fireEvent.click(button);
         expect(mockOnClick).toBeCalledWith(mockSidebarView);
     });
+
+    test.each`
+        isDisabled   | expected
+        ${true}      | ${true}
+        ${false}     | ${false}
+        ${undefined} | ${false}
+    `('should apply bdl-is-disabled class when isDisabled is $isDisabled', ({ isDisabled, expected }) => {
+        const content = 'Activity';
+        renderWrapper({
+            isDisabled,
+            sidebarView: 'activity',
+            tooltip: 'Activity',
+            children: content,
+        });
+
+        const button = screen.getByRole('tab');
+        if (expected) {
+            expect(button).toHaveClass('bdl-is-disabled');
+        } else {
+            expect(button).not.toHaveClass('bdl-is-disabled');
+        }
+    });
+
+    test.each`
+        elementId    | sidebarView   | expectedId            | expectedAriaControls
+        ${undefined} | ${'activity'} | ${'activity'}         | ${'activity-content'}
+        ${''}        | ${'activity'} | ${'activity'}         | ${'activity-content'}
+        ${'sidebar'} | ${'activity'} | ${'sidebar_activity'} | ${'sidebar_activity-content'}
+        ${'main'}    | ${'skills'}   | ${'main_skills'}      | ${'main_skills-content'}
+    `(
+        'should generate correct id and aria-controls with elementId=$elementId and sidebarView=$sidebarView',
+        ({ elementId, sidebarView, expectedId, expectedAriaControls }) => {
+            renderWrapper({
+                elementId,
+                sidebarView,
+                tooltip: 'test',
+                children: 'test button',
+            });
+
+            const button = screen.getByRole('tab');
+            expect(button).toHaveAttribute('id', expectedId);
+            expect(button).toHaveAttribute('aria-controls', expectedAriaControls);
+        },
+    );
+
+    test('should forward ref to the Button', () => {
+        const ref = React.createRef();
+
+        renderWrapper({
+            ref,
+            sidebarView: 'activity',
+            tooltip: 'test',
+            children: 'test button',
+        });
+
+        const button = screen.getByRole('tab');
+        expect(ref.current).toBe(button);
+    });
+
+    describe('navigation on click', () => {
+        const mockHistoryPush = jest.fn();
+        const mockHistoryReplace = jest.fn();
+        const mockHistory = {
+            push: mockHistoryPush,
+            replace: mockHistoryReplace,
+            listen: jest.fn(),
+            location: { pathname: '/activity' },
+        };
+
+        const renderWithRouter = (props, history = mockHistory) => {
+            return render(
+                <Router history={history}>
+                    <SidebarNavButton sidebarView="activity" tooltip="test" {...props}>
+                        Activity
+                    </SidebarNavButton>
+                </Router>,
+            );
+        };
+
+        test('calls onClick handler and history.push on left click when not exact match', () => {
+            const mockOnClick = jest.fn();
+            const mockHistoryWithDifferentPath = {
+                ...mockHistory,
+                location: { pathname: '/activity/versions' },
+            };
+
+            renderWithRouter({ onClick: mockOnClick }, mockHistoryWithDifferentPath);
+
+            const button = screen.getByText('Activity');
+            fireEvent.click(button, { button: 0 });
+
+            expect(mockOnClick).toBeCalledWith('activity');
+            expect(mockHistoryPush).toBeCalledWith({
+                pathname: '/activity',
+                state: { open: true },
+            });
+            expect(mockHistoryReplace).not.toBeCalled();
+        });
+
+        test('calls history.replace on left click when exact match', () => {
+            const mockOnClick = jest.fn();
+
+            renderWithRouter({ onClick: mockOnClick });
+
+            const button = screen.getByText('Activity');
+            fireEvent.click(button, { button: 0 });
+
+            expect(mockOnClick).toBeCalledWith('activity');
+            expect(mockHistoryReplace).toBeCalledWith({
+                pathname: '/activity',
+                state: { open: true },
+            });
+            expect(mockHistoryPush).not.toBeCalled();
+        });
+
+        test('does not call history.push on right click', () => {
+            const mockOnClick = jest.fn();
+
+            renderWithRouter({ onClick: mockOnClick });
+
+            const button = screen.getByText('Activity');
+            fireEvent.click(button, { button: 1 });
+
+            expect(mockOnClick).toBeCalledWith('activity');
+            expect(mockHistoryPush).not.toBeCalled();
+            expect(mockHistoryReplace).not.toBeCalled();
+        });
+
+        test('does not call history.push on prevented event', () => {
+            const mockOnClick = jest.fn();
+
+            renderWithRouter({ onClick: mockOnClick });
+
+            const button = screen.getByText('Activity');
+
+            // Prevent default on the button click
+            button.addEventListener('click', e => e.preventDefault());
+            fireEvent.click(button, { button: 0 });
+
+            expect(mockOnClick).toBeCalledWith('activity');
+            expect(mockHistoryPush).not.toBeCalled();
+            expect(mockHistoryReplace).not.toBeCalled();
+        });
+    });
 });

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

@@ -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/src/elements/content-sidebar/versions/VersionsSidebar.js

@@ -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';

package/src/elements/content-sidebar/versions/__tests__/StaticVersionSidebar.test.js

@@ -3,13 +3,11 @@ import { MemoryRouter, Route } from 'react-router-dom';
 import { render, screen, userEvent } from '../../../../test-utils/testing-library';
 import StaticVersionSidebar from '../StaticVersionSidebar';
 
-jest.mock('../../../common/nav-button', () => ({
-    BackButton: ({ onClick, 'data-resin-target': dataResinTarget }) => (
-        <button type="button" onClick={onClick} data-resin-target={dataResinTarget} data-testid="back-button">
-            Back
-        </button>
-    ),
-}));
+jest.mock('../../../common/back-button', () => ({ onClick, 'data-resin-target': dataResinTarget }) => (
+    <button type="button" onClick={onClick} data-resin-target={dataResinTarget} data-testid="back-button">
+        Back
+    </button>
+));
 
 jest.mock('../VersionsMenu', () => ({ versions, fileId, versionCount, versionLimit }) => (
     <div data-testid="versions-menu">

package/src/elements/content-sidebar/versions/__tests__/VersionsSidebar.test.js

@@ -4,13 +4,11 @@ import { render, screen, userEvent } from '../../../../test-utils/testing-librar
 import messages from '../messages';
 import VersionsSidebar from '../VersionsSidebar';
 
-jest.mock('../../../common/nav-button', () => ({
-    BackButton: ({ onClick, 'data-resin-target': dataResinTarget }) => (
-        <button type="button" onClick={onClick} data-resin-target={dataResinTarget} data-testid="back-button">
-            Back
-        </button>
-    ),
-}));
+jest.mock('../../../common/back-button', () => ({ onClick, 'data-resin-target': dataResinTarget }) => (
+    <button type="button" onClick={onClick} data-resin-target={dataResinTarget} data-testid="back-button">
+        Back
+    </button>
+));
 
 jest.mock('../VersionsMenu', () => ({ versions, fileId, versionCount, versionLimit }) => (
     <div data-testid="versions-menu">

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

@@ -1 +0,0 @@
-{"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/common/nav-button/NavButton.js

@@ -1,63 +0,0 @@
-const _excluded = ["activeClassName", "children", "className", "component", "exact", "isActive", "isDisabled", "onClick", "replace", "strict", "to"];
-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; }
-/**
- * 
- * @file Nav Button component intended to mimic React Router's NavLink component for non-anchor elements
- * @author Box
- */
-
-import * as React from 'react';
-import classNames from 'classnames';
-import { Route } from 'react-router-dom';
-import PlainButton from '../../../components/plain-button';
-import { isLeftClick } from '../../../utils/dom';
-const NavButton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-      activeClassName = 'bdl-is-active',
-      children,
-      className = 'bdl-NavButton',
-      component: Component = PlainButton,
-      exact,
-      isActive,
-      isDisabled,
-      onClick,
-      replace,
-      strict,
-      to
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const path = typeof to === 'object' ? to.pathname : to;
-  const disabledClassName = 'bdl-is-disabled';
-  return /*#__PURE__*/React.createElement(Route, {
-    exact: exact,
-    path: path,
-    strict: strict
-  }, ({
-    history,
-    location,
-    match
-  }) => {
-    const isActiveValue = !!(isActive ? isActive(match, location) : match);
-    return /*#__PURE__*/React.createElement(Component, _extends({
-      className: classNames(className, {
-        [activeClassName]: isActiveValue,
-        [disabledClassName]: isDisabled
-      }),
-      isDisabled: isDisabled,
-      onClick: event => {
-        if (onClick) {
-          onClick(event);
-        }
-        if (!event.defaultPrevented && isLeftClick(event)) {
-          const method = replace ? history.replace : history.push;
-          method(to);
-        }
-      },
-      ref: ref
-    }, rest), children);
-  });
-});
-export default NavButton;
-//# sourceMappingURL=NavButton.js.map

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

@@ -1,80 +0,0 @@
-/**
- * @flow
- * @file Nav Button component intended to mimic React Router's NavLink component for non-anchor elements
- * @author Box
- */
-
-import * as React from 'react';
-import classNames from 'classnames';
-import { Route } from 'react-router-dom';
-import type { Match, Location } from 'react-router-dom';
-import PlainButton from '../../../components/plain-button';
-import { isLeftClick } from '../../../utils/dom';
-
-type Props = {
-    activeClassName?: string,
-    children: React.Node,
-    className?: string,
-    component?: React.ComponentType<any>,
-    exact?: boolean,
-    isActive?: (match: Match, location: Location) => ?boolean,
-    isDisabled?: boolean,
-    onClick?: (event: SyntheticEvent<>) => void,
-    replace?: boolean,
-    strict?: boolean,
-    to: string | Location,
-};
-
-const NavButton = React.forwardRef<Props, React.Ref<any>>((props: Props, ref: React.Ref<any>) => {
-    const {
-        activeClassName = 'bdl-is-active',
-        children,
-        className = 'bdl-NavButton',
-        component: Component = PlainButton,
-        exact,
-        isActive,
-        isDisabled,
-        onClick,
-        replace,
-        strict,
-        to,
-        ...rest
-    } = props;
-    const path = typeof to === 'object' ? to.pathname : to;
-
-    const disabledClassName = 'bdl-is-disabled';
-
-    return (
-        <Route exact={exact} path={path} strict={strict}>
-            {({ history, location, match }) => {
-                const isActiveValue = !!(isActive ? isActive(match, location) : match);
-
-                return (
-                    <Component
-                        className={classNames(className, {
-                            [activeClassName]: isActiveValue,
-                            [disabledClassName]: isDisabled,
-                        })}
-                        isDisabled={isDisabled}
-                        onClick={event => {
-                            if (onClick) {
-                                onClick(event);
-                            }
-
-                            if (!event.defaultPrevented && isLeftClick(event)) {
-                                const method = replace ? history.replace : history.push;
-                                method(to);
-                            }
-                        }}
-                        ref={ref}
-                        {...rest}
-                    >
-                        {children}
-                    </Component>
-                );
-            }}
-        </Route>
-    );
-});
-
-export default NavButton;

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavButton.js","names":["React","classNames","Route","PlainButton","isLeftClick","NavButton","forwardRef","props","ref","activeClassName","children","className","component","Component","exact","isActive","isDisabled","onClick","replace","strict","to","rest","_objectWithoutProperties","_excluded","path","pathname","disabledClassName","createElement","history","location","match","isActiveValue","_extends","event","defaultPrevented","method","push"],"sources":["../../../../src/elements/common/nav-button/NavButton.js"],"sourcesContent":["/**\n * @flow\n * @file Nav Button component intended to mimic React Router's NavLink component for non-anchor elements\n * @author Box\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Route } from 'react-router-dom';\nimport type { Match, Location } from 'react-router-dom';\nimport PlainButton from '../../../components/plain-button';\nimport { isLeftClick } from '../../../utils/dom';\n\ntype Props = {\n    activeClassName?: string,\n    children: React.Node,\n    className?: string,\n    component?: React.ComponentType<any>,\n    exact?: boolean,\n    isActive?: (match: Match, location: Location) => ?boolean,\n    isDisabled?: boolean,\n    onClick?: (event: SyntheticEvent<>) => void,\n    replace?: boolean,\n    strict?: boolean,\n    to: string | Location,\n};\n\nconst NavButton = React.forwardRef<Props, React.Ref<any>>((props: Props, ref: React.Ref<any>) => {\n    const {\n        activeClassName = 'bdl-is-active',\n        children,\n        className = 'bdl-NavButton',\n        component: Component = PlainButton,\n        exact,\n        isActive,\n        isDisabled,\n        onClick,\n        replace,\n        strict,\n        to,\n        ...rest\n    } = props;\n    const path = typeof to === 'object' ? to.pathname : to;\n\n    const disabledClassName = 'bdl-is-disabled';\n\n    return (\n        <Route exact={exact} path={path} strict={strict}>\n            {({ history, location, match }) => {\n                const isActiveValue = !!(isActive ? isActive(match, location) : match);\n\n                return (\n                    <Component\n                        className={classNames(className, {\n                            [activeClassName]: isActiveValue,\n                            [disabledClassName]: isDisabled,\n                        })}\n                        isDisabled={isDisabled}\n                        onClick={event => {\n                            if (onClick) {\n                                onClick(event);\n                            }\n\n                            if (!event.defaultPrevented && isLeftClick(event)) {\n                                const method = replace ? history.replace : history.push;\n                                method(to);\n                            }\n                        }}\n                        ref={ref}\n                        {...rest}\n                    >\n                        {children}\n                    </Component>\n                );\n            }}\n        </Route>\n    );\n});\n\nexport default NavButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAOC,WAAW,MAAM,kCAAkC;AAC1D,SAASC,WAAW,QAAQ,oBAAoB;AAgBhD,MAAMC,SAAS,gBAAGL,KAAK,CAACM,UAAU,CAAwB,CAACC,KAAY,EAAEC,GAAmB,KAAK;EAC7F,MAAM;MACFC,eAAe,GAAG,eAAe;MACjCC,QAAQ;MACRC,SAAS,GAAG,eAAe;MAC3BC,SAAS,EAAEC,SAAS,GAAGV,WAAW;MAClCW,KAAK;MACLC,QAAQ;MACRC,UAAU;MACVC,OAAO;MACPC,OAAO;MACPC,MAAM;MACNC;IAEJ,CAAC,GAAGb,KAAK;IADFc,IAAI,GAAAC,wBAAA,CACPf,KAAK,EAAAgB,SAAA;EACT,MAAMC,IAAI,GAAG,OAAOJ,EAAE,KAAK,QAAQ,GAAGA,EAAE,CAACK,QAAQ,GAAGL,EAAE;EAEtD,MAAMM,iBAAiB,GAAG,iBAAiB;EAE3C,oBACI1B,KAAA,CAAA2B,aAAA,CAACzB,KAAK;IAACY,KAAK,EAAEA,KAAM;IAACU,IAAI,EAAEA,IAAK;IAACL,MAAM,EAAEA;EAAO,GAC3C,CAAC;IAAES,OAAO;IAAEC,QAAQ;IAAEC;EAAM,CAAC,KAAK;IAC/B,MAAMC,aAAa,GAAG,CAAC,EAAEhB,QAAQ,GAAGA,QAAQ,CAACe,KAAK,EAAED,QAAQ,CAAC,GAAGC,KAAK,CAAC;IAEtE,oBACI9B,KAAA,CAAA2B,aAAA,CAACd,SAAS,EAAAmB,QAAA;MACNrB,SAAS,EAAEV,UAAU,CAACU,SAAS,EAAE;QAC7B,CAACF,eAAe,GAAGsB,aAAa;QAChC,CAACL,iBAAiB,GAAGV;MACzB,CAAC,CAAE;MACHA,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEgB,KAAK,IAAI;QACd,IAAIhB,OAAO,EAAE;UACTA,OAAO,CAACgB,KAAK,CAAC;QAClB;QAEA,IAAI,CAACA,KAAK,CAACC,gBAAgB,IAAI9B,WAAW,CAAC6B,KAAK,CAAC,EAAE;UAC/C,MAAME,MAAM,GAAGjB,OAAO,GAAGU,OAAO,CAACV,OAAO,GAAGU,OAAO,CAACQ,IAAI;UACvDD,MAAM,CAACf,EAAE,CAAC;QACd;MACJ,CAAE;MACFZ,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPX,QACM,CAAC;EAEpB,CACG,CAAC;AAEhB,CAAC,CAAC;AAEF,eAAeL,SAAS","ignoreList":[]}

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

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

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

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

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

@@ -1,80 +0,0 @@
-/**
- * @flow
- * @file Nav Button component intended to mimic React Router's NavLink component for non-anchor elements
- * @author Box
- */
-
-import * as React from 'react';
-import classNames from 'classnames';
-import { Route } from 'react-router-dom';
-import type { Match, Location } from 'react-router-dom';
-import PlainButton from '../../../components/plain-button';
-import { isLeftClick } from '../../../utils/dom';
-
-type Props = {
-    activeClassName?: string,
-    children: React.Node,
-    className?: string,
-    component?: React.ComponentType<any>,
-    exact?: boolean,
-    isActive?: (match: Match, location: Location) => ?boolean,
-    isDisabled?: boolean,
-    onClick?: (event: SyntheticEvent<>) => void,
-    replace?: boolean,
-    strict?: boolean,
-    to: string | Location,
-};
-
-const NavButton = React.forwardRef<Props, React.Ref<any>>((props: Props, ref: React.Ref<any>) => {
-    const {
-        activeClassName = 'bdl-is-active',
-        children,
-        className = 'bdl-NavButton',
-        component: Component = PlainButton,
-        exact,
-        isActive,
-        isDisabled,
-        onClick,
-        replace,
-        strict,
-        to,
-        ...rest
-    } = props;
-    const path = typeof to === 'object' ? to.pathname : to;
-
-    const disabledClassName = 'bdl-is-disabled';
-
-    return (
-        <Route exact={exact} path={path} strict={strict}>
-            {({ history, location, match }) => {
-                const isActiveValue = !!(isActive ? isActive(match, location) : match);
-
-                return (
-                    <Component
-                        className={classNames(className, {
-                            [activeClassName]: isActiveValue,
-                            [disabledClassName]: isDisabled,
-                        })}
-                        isDisabled={isDisabled}
-                        onClick={event => {
-                            if (onClick) {
-                                onClick(event);
-                            }
-
-                            if (!event.defaultPrevented && isLeftClick(event)) {
-                                const method = replace ? history.replace : history.push;
-                                method(to);
-                            }
-                        }}
-                        ref={ref}
-                        {...rest}
-                    >
-                        {children}
-                    </Component>
-                );
-            }}
-        </Route>
-    );
-});
-
-export default NavButton;