baseui 12.0.0 → 12.1.2

package/es/drawer/styled-components.js

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

@@ -40,87 +40,91 @@ function FileUploader(props) {
   const [SpinnerComponent, spinnerProps] = getOverrides(overrides.Spinner, Spinner);
   const [ProgressBarComponent, progressBarProps] = getOverrides(overrides.ProgressBar, ProgressBar);
   const afterFileDrop = !!(props.progressAmount || props.progressMessage || props.errorMessage);
-  return /*#__PURE__*/React.createElement(Dropzone, _extends({}, props, {
-    disabled: props.disabled || afterFileDrop
-  }), renderProps => {
-    const {
-      getRootProps,
-      getInputProps,
-      open,
-      ...styleProps
-    } = renderProps;
-    const prefixedStyledProps = prependStyleProps({ ...styleProps,
-      isDisabled: props.disabled,
-      afterFileDrop
-    });
-    const getRootPropsArgs = { ...(props.disableClick ? {
-        onClick: evt => evt.preventDefault()
-      } : {}),
-      tabIndex: -1
-    };
-    return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => /*#__PURE__*/React.createElement(Root, _extends({
-      "data-baseweb": "file-uploader"
-    }, prefixedStyledProps, rootProps), /*#__PURE__*/React.createElement(FileDragAndDrop, _extends({}, getRootProps(getRootPropsArgs), prefixedStyledProps, fileDragAndDropProps), !afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), locale.fileuploader.dropFilesToUpload), /*#__PURE__*/React.createElement(ContentSeparator, _extends({}, prefixedStyledProps, contentSeparatorProps), locale.fileuploader.or), /*#__PURE__*/React.createElement(ButtonComponent, _extends({
-      disabled: props.disabled,
-      kind: KIND.secondary,
-      shape: SHAPE.pill,
-      size: BUTTON_SIZE.compact,
-      onClick: open,
-      role: "button",
-      overrides: {
-        BaseButton: {
-          style: ({
-            $theme
-          }) => ({
-            marginTop: $theme.sizing.scale500
-          })
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error todo(flow->ts): dropzone api
+    React.createElement(Dropzone, _extends({}, props, {
+      disabled: props.disabled || afterFileDrop
+    }), renderProps => {
+      const {
+        getRootProps,
+        getInputProps,
+        open,
+        ...styleProps
+      } = renderProps;
+      const prefixedStyledProps = prependStyleProps({ ...styleProps,
+        isDisabled: props.disabled,
+        afterFileDrop
+      });
+      const getRootPropsArgs = { ...(props.disableClick ? {
+          onClick: evt => evt.preventDefault()
+        } : {}),
+        tabIndex: -1
+      };
+      return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, locale => /*#__PURE__*/React.createElement(Root, _extends({
+        "data-baseweb": "file-uploader"
+      }, prefixedStyledProps, rootProps), /*#__PURE__*/React.createElement(FileDragAndDrop, _extends({}, getRootProps(getRootPropsArgs), prefixedStyledProps, fileDragAndDropProps), !afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), locale.fileuploader.dropFilesToUpload), /*#__PURE__*/React.createElement(ContentSeparator, _extends({}, prefixedStyledProps, contentSeparatorProps), locale.fileuploader.or), /*#__PURE__*/React.createElement(ButtonComponent, _extends({
+        disabled: props.disabled,
+        kind: KIND.secondary,
+        shape: SHAPE.pill,
+        size: BUTTON_SIZE.compact,
+        onClick: open,
+        role: "button",
+        overrides: {
+          BaseButton: {
+            style: ({
+              $theme
+            }) => ({
+              marginTop: $theme.sizing.scale500
+            })
+          }
         }
-      }
-    }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
-      value: props.progressAmount,
-      overrides: {
-        BarProgress: {
-          style: ({
-            $theme
-          }) => ({
-            backgroundColor: props.errorMessage ? $theme.colors.negative : $theme.colors.accent
-          })
+      }, prefixedStyledProps, buttonProps), locale.fileuploader.browseFiles)), afterFileDrop && /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.progressAmount === 'number' ? /*#__PURE__*/React.createElement(ProgressBarComponent, _extends({
+        value: props.progressAmount,
+        overrides: {
+          BarProgress: {
+            style: ({
+              $theme
+            }) => ({
+              backgroundColor: props.errorMessage ? $theme.colors.negative : $theme.colors.accent
+            })
+          }
         }
-      }
-    }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
-      $size: SPINNER_SIZE.medium,
-      $style: {
-        marginBottom: theme.sizing.scale300
-      }
-    }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
-      kind: KIND.tertiary,
-      onClick: () => {
-        props.onRetry && props.onRetry();
-      },
-      "aria-invalid": Boolean(props.errorMessage),
-      "aria-describedby": props['aria-describedby'],
-      "aria-errormessage": props.errorMessage
-    }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
-      kind: KIND.tertiary,
-      onClick: () => {
-        props.onCancel && props.onCancel();
-      },
-      "aria-describedby": props['aria-describedby'],
-      overrides: {
-        BaseButton: {
-          style: ({
-            $theme
-          }) => ({
-            color: $theme.colors.contentNegative
-          })
+      }, progressBarProps)) : props.errorMessage ? null : /*#__PURE__*/React.createElement(SpinnerComponent, _extends({
+        $size: SPINNER_SIZE.medium,
+        $style: {
+          marginBottom: theme.sizing.scale300
         }
-      }
-    }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
-      "aria-invalid": Boolean(props.errorMessage) || null,
-      "aria-describedby": props['aria-describedby'],
-      "aria-errormessage": props.errorMessage || null
-    }, getInputProps(), prefixedStyledProps, hiddenInputProps))));
-  });
+      }, spinnerProps)), (props.errorMessage || props.progressMessage) && props.errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, _extends({}, prefixedStyledProps, errorMessageProps), props.errorMessage) : /*#__PURE__*/React.createElement(ContentMessage, _extends({}, prefixedStyledProps, contentMessageProps), props.progressMessage), props.errorMessage ? /*#__PURE__*/React.createElement(RetryButtonComponent, _extends({
+        kind: KIND.tertiary,
+        onClick: () => {
+          props.onRetry && props.onRetry();
+        },
+        "aria-invalid": Boolean(props.errorMessage),
+        "aria-describedby": props['aria-describedby'],
+        "aria-errormessage": props.errorMessage
+      }, retryButtonProps), locale.fileuploader.retry) : /*#__PURE__*/React.createElement(CancelButtonComponent, _extends({
+        kind: KIND.tertiary,
+        onClick: () => {
+          props.onCancel && props.onCancel();
+        },
+        "aria-describedby": props['aria-describedby'],
+        overrides: {
+          BaseButton: {
+            style: ({
+              $theme
+            }) => ({
+              color: $theme.colors.contentNegative
+            })
+          }
+        }
+      }, cancelButtonProps), locale.fileuploader.cancel))), /*#__PURE__*/React.createElement(HiddenInput, _extends({
+        "aria-invalid": Boolean(props.errorMessage) || null,
+        "aria-describedby": props['aria-describedby'],
+        "aria-errormessage": props.errorMessage || null
+      }, getInputProps(), prefixedStyledProps, hiddenInputProps))));
+    })
+  );
 }
 
 FileUploader.defaultProps = {

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

@@ -39,6 +39,7 @@ export const StyledFileDragAndDrop = styled('div', props => {
   };
 });
 StyledFileDragAndDrop.displayName = "StyledFileDragAndDrop";
+StyledFileDragAndDrop.displayName = 'StyledFileDragAndDrop';
 export const StyledContentMessage = styled('div', ({
   $theme,
   $afterFileDrop,
@@ -49,6 +50,7 @@ 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,
@@ -56,9 +58,12 @@ 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,18 +31,16 @@ export const flexGridItemMediaQueryStyle = ({
     // See https://github.com/uber/baseweb/pull/1748
     width: `calc(${widthCalc} - .5px)`,
     // Add colGap except at end of row
-    [marginDirection]: colGapQuantity && ( //flowlint-line sketchy-number-and:off
-    (itemIndex + 1) % colCount !== 0 ? colGap : 0),
+    [marginDirection]: colGapQuantity && ((itemIndex + 1) % colCount !== 0 ? colGap : 0),
     // Add rowGap except at end of column
-    marginBottom: rowGapQuantity && ( //flowlint-line sketchy-number-and:off
-    ~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0),
+    marginBottom: rowGapQuantity && (~~(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 const getResponsiveValue = (responsive, i) => {
+export function getResponsiveValue(responsive, i) {
   if (!responsive) {
     return null;
   }
@@ -52,7 +50,7 @@ export const getResponsiveValue = (responsive, i) => {
   }
 
   return responsive[i] || responsive[responsive.length - 1];
-};
+}
 export const flexGridItemStyle = ({
   $flexGridColumnCount,
   $flexGridColumnGap,
@@ -129,6 +127,7 @@ 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,7 +53,10 @@ const FlexGrid = ({
   }));
 };
 
-const FlexGridComponent = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FlexGrid, _extends({}, props, {
+const FlexGridComponent = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+React.createElement(FlexGrid, _extends({}, props, {
   forwardedRef: ref
 })));
 FlexGridComponent.displayName = 'FlexGrid';

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

@@ -24,6 +24,7 @@ export const Label = styled('label', props => {
   };
 });
 Label.displayName = "Label";
+Label.displayName = 'Label';
 export const LabelContainer = styled('span', ({
   $theme: {
     sizing
@@ -37,6 +38,7 @@ export const LabelContainer = styled('span', ({
   marginLeft: 0
 }));
 LabelContainer.displayName = "LabelContainer";
+LabelContainer.displayName = 'LabelContainer';
 export const LabelEndEnhancer = styled('span', ({
   $disabled,
   $counterError,
@@ -50,6 +52,7 @@ 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,
@@ -81,6 +84,7 @@ export const Caption = styled('div', props => {
   };
 });
 Caption.displayName = "Caption";
+Caption.displayName = 'Caption';
 export const ControlContainer = styled('div', props => {
   const {
     $theme: {
@@ -92,4 +96,5 @@ 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,6 +32,7 @@ export const Root = styled('nav', props => {
   };
 });
 Root.displayName = "Root";
+Root.displayName = 'Root';
 export const NavigationItem = styled('li', props => {
   const {
     $theme
@@ -47,6 +48,7 @@ export const NavigationItem = styled('li', props => {
   };
 });
 NavigationItem.displayName = "NavigationItem";
+NavigationItem.displayName = 'NavigationItem';
 export const NavigationList = styled('ul', props => {
   const {
     $align,
@@ -80,4 +82,5 @@ export const NavigationList = styled('ul', props => {
     marginRight: 0
   };
 });
-NavigationList.displayName = "NavigationList";
+NavigationList.displayName = "NavigationList";
+NavigationList.displayName = 'NavigationList';

package/es/helper/styled-components.js

@@ -161,8 +161,10 @@ 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,6 +24,7 @@ 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
 
@@ -61,11 +62,13 @@ 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 || {};
@@ -73,8 +76,11 @@ 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(_override, defaultComponent) {
+export function getOverrides( // eslint-disable-next-line @typescript-eslint/no-explicit-any
+_override, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+defaultComponent) {
   const Component = getOverride(_override) || defaultComponent;
 
   if (_override && typeof _override === 'object' && typeof _override.props === 'function') {
@@ -101,8 +107,6 @@ export function getOverrides(_override, 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

package/es/icon/build-icons.js

@@ -7,8 +7,6 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
-/* eslint-disable flowtype/require-valid-file-annotation */
-
 /* eslint-env node*/
 
 const fs = require('fs');

package/es/icon/index.js

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 export { default as Icon } from './icon';
-export { Svg as StyledSvg } from './styled-components';
+export { Svg as StyledSvg, getSvgStyles } from './styled-components';
 export * from './icon-exports';
 export * from './types';
 /** @deprecated use StyledComponentArgs instead. To be removed in future versions.*/

package/es/icon/omit-dollar-prefixed-keys.js

@@ -4,6 +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.
 */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function omitDollarPrefixedKeys(source) {
   const result = {};
 

package/es/icon/styled-components.js

@@ -41,4 +41,5 @@ export function getSvgStyles({
   };
 }
 export const Svg = styled('svg', getSvgStyles);
-Svg.displayName = "Svg";
+Svg.displayName = "Svg";
+Svg.displayName = 'Svg';

package/es/input/base-input.js

@@ -8,6 +8,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.
 */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 
 /* global window */
 import * as React from 'react';
@@ -51,21 +52,17 @@ class BaseInput extends React.Component {
     });
 
     _defineProperty(this, "onFocus", e => {
-      if (!this.props.readOnly) {
-        this.setState({
-          isFocused: true
-        });
-        this.props.onFocus(e);
-      }
+      this.setState({
+        isFocused: true
+      });
+      this.props.onFocus(e);
     });
 
     _defineProperty(this, "onBlur", e => {
-      if (!this.props.readOnly) {
-        this.setState({
-          isFocused: false
-        });
-        this.props.onBlur(e);
-      }
+      this.setState({
+        isFocused: false
+      });
+      this.props.onBlur(e);
     });
 
     _defineProperty(this, "handleFocusForMaskToggle", event => {

package/es/input/input.js

@@ -20,25 +20,21 @@ class Input extends React.Component {
     super(...args);
 
     _defineProperty(this, "state", {
-      isFocused: this.props.autoFocus && !this.props.readOnly || false
+      isFocused: this.props.autoFocus || false
     });
 
     _defineProperty(this, "onFocus", e => {
-      if (!this.props.readOnly) {
-        this.setState({
-          isFocused: true
-        });
-        this.props.onFocus(e);
-      }
+      this.setState({
+        isFocused: true
+      });
+      this.props.onFocus(e);
     });
 
     _defineProperty(this, "onBlur", e => {
-      if (!this.props.readOnly) {
-        this.setState({
-          isFocused: false
-        });
-        this.props.onBlur(e);
-      }
+      this.setState({
+        isFocused: false
+      });
+      this.props.onBlur(e);
     });
   }
 

package/es/input/masked-input.js

@@ -13,9 +13,13 @@ import { Input as StyledInput } from './styled-components';
 const MaskOverride = /*#__PURE__*/React.forwardRef(({
   // do nothing with these - we just don't want to pass it to the InputMask, as
   // it does not have these properties
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   startEnhancer,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   endEnhancer,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   error,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   positive,
   // below are props that are used by the masked-input
   onChange,
@@ -53,8 +57,11 @@ export default function MaskedInput({
   } = {},
   ...restProps
 }) {
-  let componentOverride = MaskOverride;
-  let propsOverride = {};
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let componentOverride = MaskOverride; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  let propsOverride = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   let styleOverride = {};
 
   if (typeof inputOverride === 'function') {

package/es/input/stateful-container.js

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