baseui 0.0.0-alpha-3479e57 → 0.0.0-alpha-e79754d

package/es/datepicker/calendar.js

@@ -249,7 +249,6 @@ export default class Calendar extends React.Component {
     });
 
     _defineProperty(this, "handleDateChange", data => {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const {
         onChange = params => {}
       } = this.props;
@@ -288,7 +287,6 @@ export default class Calendar extends React.Component {
     });
 
     _defineProperty(this, "handleTimeChange", (time, index) => {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const {
         onChange = params => {}
       } = this.props; // Save/update the time value in internal state

package/es/datepicker/datepicker.js

@@ -10,7 +10,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { MaskedInput } from '../input';
-import { Popover, PLACEMENT, ACCESSIBILITY_TYPE } from '../popover';
+import { Popover, PLACEMENT } from '../popover';
 import Calendar from './calendar';
 import { getOverrides } from '../helpers/overrides';
 import getInterpolatedString from '../helpers/i18n-interpolation';
@@ -51,7 +51,6 @@ export default class Datepicker extends React.Component {
 
       if (Array.isArray(date)) {
         if (onChange && date.every(Boolean)) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           onChange({
             date: date
           });
@@ -463,7 +462,6 @@ export default class Datepicker extends React.Component {
     const [EndDate, endDateProps] = getOverrides(overrides.EndDate, StyledEndDate);
     const [InputLabel, inputLabelProps] = getOverrides(overrides.InputLabel, StyledInputLabel);
     return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopoverComponent, _extends({
-      accessibilityType: ACCESSIBILITY_TYPE.none,
       focusLock: false,
       autoFocus: false,
       mountNode: this.props.mountNode,

package/es/datepicker/day.js

@@ -228,8 +228,7 @@ export default class Day extends React.Component {
         this.dayElm.focus();
       }
     }
-  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  }
 
   componentDidUpdate(prevProps) {
     if (this.dayElm && this.props.focusedCalendar) {

package/es/datepicker/stateful-calendar.js

@@ -14,10 +14,7 @@ import Calendar from './calendar';
 
 class StatefulComponent extends React.Component {
   render() {
-    return /*#__PURE__*/React.createElement(StatefulContainer, this.props, extendedProps =>
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(Calendar, _extends({}, extendedProps, {
+    return /*#__PURE__*/React.createElement(StatefulContainer, this.props, extendedProps => /*#__PURE__*/React.createElement(Calendar, _extends({}, extendedProps, {
       onChange: extendedProps.onChange
     })));
   }

package/es/datepicker/stateful-container.js

@@ -25,7 +25,6 @@ class StatefulContainer extends React.Component {
       if (onChange) {
         if (Array.isArray(date)) {
           if (date.every(Boolean)) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange({
               date: date
             });
@@ -61,7 +60,6 @@ class StatefulContainer extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       children,
       initialState,

package/es/datepicker/stateful-datepicker.js

@@ -13,12 +13,8 @@ import StatefulContainer from './stateful-container';
 import Datepicker from './datepicker';
 
 class StatefulComponent extends React.Component {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   render() {
-    return /*#__PURE__*/React.createElement(StatefulContainer, this.props, extendedProps =>
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(Datepicker, _extends({}, extendedProps, {
+    return /*#__PURE__*/React.createElement(StatefulContainer, this.props, extendedProps => /*#__PURE__*/React.createElement(Datepicker, _extends({}, extendedProps, {
       onChange: extendedProps.onChange
     })));
   }

package/es/datepicker/styled-components.js

@@ -24,14 +24,12 @@ export const StyledInputWrapper = styled('div', props => {
   };
 });
 StyledInputWrapper.displayName = "StyledInputWrapper";
-StyledInputWrapper.displayName = 'StyledInputWrapper';
 export const StyledInputLabel = styled('div', ({
   $theme
 }) => ({ ...$theme.typography.LabelMedium,
   marginBottom: $theme.sizing.scale300
 }));
 StyledInputLabel.displayName = "StyledInputLabel";
-StyledInputLabel.displayName = 'StyledInputLabel';
 export const StyledStartDate = styled('div', ({
   $theme
 }) => ({
@@ -39,19 +37,16 @@ export const StyledStartDate = styled('div', ({
   marginRight: $theme.sizing.scale300
 }));
 StyledStartDate.displayName = "StyledStartDate";
-StyledStartDate.displayName = 'StyledStartDate'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledEndDate = styled('div', ({
   $theme
 }) => ({
   width: '100%'
 }));
-StyledEndDate.displayName = "StyledEndDate";
-StyledEndDate.displayName = 'StyledEndDate';
 /**
  * Main component container element
  */
 
+StyledEndDate.displayName = "StyledEndDate";
 export const StyledRoot = styled('div', props => {
   const {
     $theme: {
@@ -72,7 +67,6 @@ export const StyledRoot = styled('div', props => {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledMonthContainer = styled('div', props => {
   const {
     $orientation
@@ -83,7 +77,6 @@ export const StyledMonthContainer = styled('div', props => {
   };
 });
 StyledMonthContainer.displayName = "StyledMonthContainer";
-StyledMonthContainer.displayName = 'StyledMonthContainer';
 export const StyledCalendarContainer = styled('div', props => {
   const {
     $theme: {
@@ -99,7 +92,6 @@ export const StyledCalendarContainer = styled('div', props => {
   };
 });
 StyledCalendarContainer.displayName = "StyledCalendarContainer";
-StyledCalendarContainer.displayName = 'StyledCalendarContainer';
 export const StyledSelectorContainer = styled('div', ({
   $theme
 }) => {
@@ -112,7 +104,6 @@ export const StyledSelectorContainer = styled('div', ({
   };
 });
 StyledSelectorContainer.displayName = "StyledSelectorContainer";
-StyledSelectorContainer.displayName = 'StyledSelectorContainer';
 export const StyledCalendarHeader = styled('div', props => {
   const {
     $theme: {
@@ -142,7 +133,6 @@ export const StyledCalendarHeader = styled('div', props => {
   };
 });
 StyledCalendarHeader.displayName = "StyledCalendarHeader";
-StyledCalendarHeader.displayName = 'StyledCalendarHeader';
 export const StyledMonthHeader = styled('div', props => {
   return {
     color: props.$theme.colors.calendarHeaderForeground,
@@ -151,7 +141,6 @@ export const StyledMonthHeader = styled('div', props => {
   };
 });
 StyledMonthHeader.displayName = "StyledMonthHeader";
-StyledMonthHeader.displayName = 'StyledMonthHeader';
 export const StyledMonthYearSelectButton = styled('button', props => {
   const {
     $theme: {
@@ -178,7 +167,6 @@ export const StyledMonthYearSelectButton = styled('button', props => {
   };
 });
 StyledMonthYearSelectButton.displayName = "StyledMonthYearSelectButton";
-StyledMonthYearSelectButton.displayName = 'StyledMonthYearSelectButton';
 export const StyledMonthYearSelectIconContainer = styled('span', props => {
   const marginDirection = props.$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
   return {
@@ -188,7 +176,6 @@ export const StyledMonthYearSelectIconContainer = styled('span', props => {
   };
 });
 StyledMonthYearSelectIconContainer.displayName = "StyledMonthYearSelectIconContainer";
-StyledMonthYearSelectIconContainer.displayName = 'StyledMonthYearSelectIconContainer';
 
 function getArrowBtnStyle({
   $theme,
@@ -220,18 +207,14 @@ function getArrowBtnStyle({
 
 export const StyledPrevButton = styled('button', getArrowBtnStyle);
 StyledPrevButton.displayName = "StyledPrevButton";
-StyledPrevButton.displayName = 'StyledPrevButton';
 export const StyledNextButton = styled('button', getArrowBtnStyle);
 StyledNextButton.displayName = "StyledNextButton";
-StyledNextButton.displayName = 'StyledNextButton'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledMonth = styled('div', props => {
   return {
     display: 'inline-block'
   };
 });
 StyledMonth.displayName = "StyledMonth";
-StyledMonth.displayName = 'StyledMonth';
 export const StyledWeek = styled('div', props => {
   const {
     $theme: {
@@ -245,7 +228,6 @@ export const StyledWeek = styled('div', props => {
   };
 });
 StyledWeek.displayName = "StyledWeek";
-StyledWeek.displayName = 'StyledWeek';
 
 function generateDayStyles(defaultCode, defaultStyle) {
   const codeForSM = defaultCode.substr(0, 12) + '1' + defaultCode.substr(12 + 1);
@@ -255,8 +237,7 @@ function generateDayStyles(defaultCode, defaultStyle) {
     [codeForSM]: defaultStyle,
     [codeForEM]: defaultStyle
   };
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+}
 
 function getDayStyles(code, {
   colors
@@ -592,12 +573,10 @@ export const StyledDay = styled('div', props => {
         } : {})
       }
     } : // a hack to make flow happy, otherwise it complains about complexity
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     {})
   };
 });
 StyledDay.displayName = "StyledDay";
-StyledDay.displayName = 'StyledDay';
 export const StyledDayLabel = styled('div', props => {
   const {
     $theme: {
@@ -611,7 +590,6 @@ export const StyledDayLabel = styled('div', props => {
   };
 });
 StyledDayLabel.displayName = "StyledDayLabel";
-StyledDayLabel.displayName = 'StyledDayLabel';
 export const StyledWeekdayHeader = styled('div', props => {
   const {
     $theme: {
@@ -643,5 +621,4 @@ export const StyledWeekdayHeader = styled('div', props => {
     backgroundColor: 'transparent'
   };
 });
-StyledWeekdayHeader.displayName = "StyledWeekdayHeader";
-StyledWeekdayHeader.displayName = 'StyledWeekdayHeader';
+StyledWeekdayHeader.displayName = "StyledWeekdayHeader";

package/es/datepicker/utils/date-helpers.js

@@ -59,8 +59,7 @@ class DateHelpers {
         locale: instance.locale
       });
 
-      const updateOptions = updateOptionsBase || defaultGetOptions; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+      const updateOptions = updateOptionsBase || defaultGetOptions;
       const UtilsClass = adapter.constructor;
       const className = adapter.constructor.name; // This ensures that if the adapter class isn't
       // supported it just falls back the default formats

package/es/datepicker/utils/index.js

@@ -76,6 +76,5 @@ export const subMonths = createDirtySetter(defaultDateHelpers.subMonths);
 export const subYears = createDirtySetter(defaultDateHelpers.subYears); // ** Date Comparison
 
 export const isBefore = createDirtyCompare(defaultDateHelpers.isBefore);
-export const isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+export const isAfter = createDirtyCompare(defaultDateHelpers.isAfter);
 export const format = (date, format, locale) => defaultDateHelpers.format(date, format, locale);

package/es/divider/styled-components.js

@@ -4,7 +4,7 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-import { styled } from '../styles';
+import { styled } from '../styles/index';
 import { SIZE } from './constants';
 export const StyledDivider = styled('hr', props => {
   const {
@@ -55,5 +55,4 @@ export const StyledDivider = styled('hr', props => {
     borderLeftStyle: 'none'
   };
 });
-StyledDivider.displayName = "StyledDivider";
-StyledDivider.displayName = 'StyledDivider';
+StyledDivider.displayName = "StyledDivider";

package/es/dnd-list/stateful-list-container.js

@@ -46,7 +46,6 @@ class StatefulListContainer extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       children,
       initialState,

package/es/dnd-list/styled-components.js

@@ -9,7 +9,6 @@ import { styled } from '../styles';
 /**
  * Main component container element
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const Root = styled('div', ({
   $theme
 }) => {
@@ -18,7 +17,6 @@ export const Root = styled('div', ({
   };
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 Root.displayName = 'StyledRoot';
 export const List = styled('ul', ({
   $isDragged
@@ -30,7 +28,6 @@ export const List = styled('ul', ({
   };
 });
 List.displayName = "List";
-List.displayName = 'List';
 List.displayName = 'StyledList';
 export const Item = styled('li', ({
   $isDragged,
@@ -84,7 +81,6 @@ export const Item = styled('li', ({
   };
 });
 Item.displayName = "Item";
-Item.displayName = 'Item';
 List.displayName = 'StyledItem';
 export const DragHandle = styled('div', ({
   $theme
@@ -99,7 +95,6 @@ export const DragHandle = styled('div', ({
   };
 });
 DragHandle.displayName = "DragHandle";
-DragHandle.displayName = 'DragHandle';
 DragHandle.displayName = 'StyledDragHandle';
 export const CloseHandle = styled('button', ({
   $theme,
@@ -128,7 +123,6 @@ export const CloseHandle = styled('button', ({
   };
 });
 CloseHandle.displayName = "CloseHandle";
-CloseHandle.displayName = 'CloseHandle';
 CloseHandle.displayName = 'StyledCloseHandle';
 export const Label = styled('div', ({
   $theme
@@ -137,5 +131,4 @@ export const Label = styled('div', ({
   ...$theme.typography.font300
 }));
 Label.displayName = "Label";
-Label.displayName = 'Label';
 Label.displayName = 'StyledLabel';

package/es/drawer/constants.js

@@ -4,7 +4,6 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const SIZE = {
   default: 'default',
   full: 'full',

package/es/drawer/drawer.js

@@ -10,6 +10,8 @@ LICENSE file in the root directory of this source tree.
 */
 
 /* global document */
+
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import FocusLock from 'react-focus-lock';
 import { LocaleContext } from '../locale';
@@ -141,7 +143,6 @@ class Drawer extends React.Component {
     if (mountNode) {
       return mountNode;
     } // Flow thinks body could be null (cast through any)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
     return document.body;
@@ -153,6 +154,7 @@ class Drawer extends React.Component {
     }
 
     if (this.animateStartTimer) {
+      // eslint-disable-next-line cup/no-undef
       cancelAnimationFrame(this.animateStartTimer);
     }
   }
@@ -168,7 +170,8 @@ class Drawer extends React.Component {
 
 
     this.clearTimers();
-    this.disableMountNodeScroll();
+    this.disableMountNodeScroll(); // eslint-disable-next-line cup/no-undef
+
     this.animateStartTimer = requestAnimationFrame(() => {
       this.setState({
         isVisible: true

package/es/drawer/styled-components.js

@@ -98,8 +98,7 @@ function getAnchorStyles(props) {
         return {};
       }
   }
-} // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+}
 
 export const StyledRoot = styled('div', props => {
   return {
@@ -112,7 +111,6 @@ export const StyledRoot = styled('div', props => {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledBackdrop = styled('div', props => {
   const {
     $animating,
@@ -141,7 +139,6 @@ export const StyledBackdrop = styled('div', props => {
   };
 });
 StyledBackdrop.displayName = "StyledBackdrop";
-StyledBackdrop.displayName = 'StyledBackdrop';
 export const StyledDrawerContainer = styled('div', props => {
   const {
     $animating,
@@ -166,7 +163,6 @@ export const StyledDrawerContainer = styled('div', props => {
   };
 });
 StyledDrawerContainer.displayName = "StyledDrawerContainer";
-StyledDrawerContainer.displayName = 'StyledDrawerContainer';
 export const StyledDrawerBody = styled('div', props => {
   const {
     $theme
@@ -182,7 +178,6 @@ export const StyledDrawerBody = styled('div', props => {
   };
 });
 StyledDrawerBody.displayName = "StyledDrawerBody";
-StyledDrawerBody.displayName = 'StyledDrawerBody';
 export const StyledClose = styled('button', props => {
   const {
     $theme,
@@ -232,9 +227,7 @@ export const StyledClose = styled('button', props => {
   };
 });
 StyledClose.displayName = "StyledClose";
-StyledClose.displayName = 'StyledClose';
 export const Hidden = styled('div', {
   display: 'none'
 });
-Hidden.displayName = "Hidden";
-Hidden.displayName = 'Hidden';
+Hidden.displayName = "Hidden";

package/es/file-uploader/styled-components.js

@@ -39,7 +39,6 @@ export const StyledFileDragAndDrop = styled('div', props => {
   };
 });
 StyledFileDragAndDrop.displayName = "StyledFileDragAndDrop";
-StyledFileDragAndDrop.displayName = 'StyledFileDragAndDrop';
 export const StyledContentMessage = styled('div', ({
   $theme,
   $afterFileDrop,
@@ -50,7 +49,6 @@ export const StyledContentMessage = styled('div', ({
   marginBottom: $afterFileDrop ? $theme.sizing.scale100 : null
 }));
 StyledContentMessage.displayName = "StyledContentMessage";
-StyledContentMessage.displayName = 'StyledContentMessage';
 export const StyledContentSeparator = StyledContentMessage;
 export const StyledErrorMessage = styled('div', props => ({ ...props.$theme.typography.LabelMedium,
   color: props.$theme.colors.negative,
@@ -58,12 +56,9 @@ export const StyledErrorMessage = styled('div', props => ({ ...props.$theme.typo
   marginBottom: props.$afterFileDrop ? props.$theme.sizing.scale100 : null
 }));
 StyledErrorMessage.displayName = "StyledErrorMessage";
-StyledErrorMessage.displayName = 'StyledErrorMessage';
 export const StyledRoot = styled('div', props => ({ ...props.$theme.typography.font300,
   color: props.$theme.colors.fileUploaderMessageColor
 }));
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledHiddenInput = styled('input', {});
-StyledHiddenInput.displayName = "StyledHiddenInput";
-StyledHiddenInput.displayName = 'StyledHiddenInput';
+StyledHiddenInput.displayName = "StyledHiddenInput";

package/es/flex-grid/flex-grid-item.js

@@ -31,16 +31,18 @@ export const flexGridItemMediaQueryStyle = ({
     // See https://github.com/uber/baseweb/pull/1748
     width: `calc(${widthCalc} - .5px)`,
     // Add colGap except at end of row
-    [marginDirection]: colGapQuantity && ((itemIndex + 1) % colCount !== 0 ? colGap : 0),
+    [marginDirection]: colGapQuantity && ( //flowlint-line sketchy-number-and:off
+    (itemIndex + 1) % colCount !== 0 ? colGap : 0),
     // Add rowGap except at end of column
-    marginBottom: rowGapQuantity && (~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0),
+    marginBottom: rowGapQuantity && ( //flowlint-line sketchy-number-and:off
+    ~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0),
     // Add space to make up for missing columns if last row ends early
     ...(itemIndex === itemCount - 1 && (itemIndex + 1) % colCount !== 0 ? {
       [marginDirection]: `calc(${colCount - itemIndex % colCount - 1} * (${colGap} + ${widthCalc}))`
     } : {})
   });
 };
-export function getResponsiveValue(responsive, i) {
+export const getResponsiveValue = (responsive, i) => {
   if (!responsive) {
     return null;
   }
@@ -50,7 +52,7 @@ export function getResponsiveValue(responsive, i) {
   }
 
   return responsive[i] || responsive[responsive.length - 1];
-}
+};
 export const flexGridItemStyle = ({
   $flexGridColumnCount,
   $flexGridColumnGap,
@@ -127,7 +129,6 @@ const FlexGridItem = ({
   const blockOverrides = overrides ? mergeOverrides(flexGridItemOverrides, overrides) : flexGridItemOverrides;
   return /*#__PURE__*/React.createElement(Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   , _extends({
     ref: forwardedRef,
     as: as,

package/es/flex-grid/flex-grid.js

@@ -53,10 +53,7 @@ const FlexGrid = ({
   }));
 };
 
-const FlexGridComponent = /*#__PURE__*/React.forwardRef((props, ref) =>
-/*#__PURE__*/
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-React.createElement(FlexGrid, _extends({}, props, {
+const FlexGridComponent = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FlexGrid, _extends({}, props, {
   forwardedRef: ref
 })));
 FlexGridComponent.displayName = 'FlexGrid';

package/es/form-control/styled-components.js

@@ -24,7 +24,6 @@ export const Label = styled('label', props => {
   };
 });
 Label.displayName = "Label";
-Label.displayName = 'Label';
 export const LabelContainer = styled('span', ({
   $theme: {
     sizing
@@ -38,7 +37,6 @@ export const LabelContainer = styled('span', ({
   marginLeft: 0
 }));
 LabelContainer.displayName = "LabelContainer";
-LabelContainer.displayName = 'LabelContainer';
 export const LabelEndEnhancer = styled('span', ({
   $disabled,
   $counterError,
@@ -52,7 +50,6 @@ export const LabelEndEnhancer = styled('span', ({
   color: $counterError ? colors.negative400 : $disabled ? colors.contentSecondary : colors.contentPrimary
 }));
 LabelEndEnhancer.displayName = "LabelEndEnhancer";
-LabelEndEnhancer.displayName = 'LabelEndEnhancer';
 export const Caption = styled('div', props => {
   const {
     $error,
@@ -84,7 +81,6 @@ export const Caption = styled('div', props => {
   };
 });
 Caption.displayName = "Caption";
-Caption.displayName = 'Caption';
 export const ControlContainer = styled('div', props => {
   const {
     $theme: {
@@ -96,5 +92,4 @@ export const ControlContainer = styled('div', props => {
     marginBottom: sizing.scale600
   };
 });
-ControlContainer.displayName = "ControlContainer";
-ControlContainer.displayName = 'ControlContainer';
+ControlContainer.displayName = "ControlContainer";

package/es/header-navigation/styled-components.js

@@ -32,7 +32,6 @@ export const Root = styled('nav', props => {
   };
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 export const NavigationItem = styled('li', props => {
   const {
     $theme
@@ -48,7 +47,6 @@ export const NavigationItem = styled('li', props => {
   };
 });
 NavigationItem.displayName = "NavigationItem";
-NavigationItem.displayName = 'NavigationItem';
 export const NavigationList = styled('ul', props => {
   const {
     $align,
@@ -82,5 +80,4 @@ export const NavigationList = styled('ul', props => {
     marginRight: 0
   };
 });
-NavigationList.displayName = "NavigationList";
-NavigationList.displayName = 'NavigationList';
+NavigationList.displayName = "NavigationList";

package/es/helper/styled-components.js

@@ -161,10 +161,8 @@ export const StyledBody = styled('div', props => {
   };
 });
 StyledBody.displayName = "StyledBody";
-StyledBody.displayName = 'StyledBody';
 export const StyledArrow = styled('div', props => {
   return { ...clampArrowStyle(props.$arrowOffset, props.$placement, props.$theme.colors.backgroundPrimary)
   };
 });
-StyledArrow.displayName = "StyledArrow";
-StyledArrow.displayName = 'StyledArrow';
+StyledArrow.displayName = "StyledArrow";

package/es/helpers/overrides.js

@@ -6,15 +6,15 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import { isValidElementType } from 'react-is';
 import deepMerge from '../utils/deep-merge'; // Object -> any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 /**
  * Given an override argument, returns the component implementation override if it exists
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function getOverride(_override) {
   if (isValidElementType(_override)) {
     return _override;
@@ -24,7 +24,6 @@ export function getOverride(_override) {
   if (_override && typeof _override === 'object') {
     // Remove this 'any' once this flow issue is fixed:
     // https://github.com/facebook/flow/issues/6666
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return _override.component;
   } // null/undefined
 
@@ -62,13 +61,11 @@ export function getOverrideProps(_override) {
 export function toObjectOverride(_override) {
   if (isValidElementType(_override)) {
     return {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       component: _override
     };
   } // Flow can't figure out that typeof 'function' above will
   // catch React.StatelessFunctionalComponent
   // (probably related to https://github.com/facebook/flow/issues/6666)
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
   return _override || {};
@@ -76,11 +73,8 @@ export function toObjectOverride(_override) {
 /**
  * Get a convenient override array that will always have [component, props]
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-export function getOverrides( // eslint-disable-next-line @typescript-eslint/no-explicit-any
-_override, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-defaultComponent) {
+export function getOverrides(_override, defaultComponent) {
   const Component = getOverride(_override) || defaultComponent;
 
   if (_override && typeof _override === 'object' && typeof _override.props === 'function') {
@@ -107,6 +101,8 @@ defaultComponent) {
   const props = getOverrideProps(_override);
   return [Component, props];
 }
+/* flowlint unclear-type:error */
+
 /**
  * Merges two overrides objects – this is useful if you want to inject your own
  * overrides into a child component, but also accept further overrides from