baseui 12.2.0 → 13.0.0

package/popover/stateful-container.d.ts

@@ -26,7 +26,7 @@ declare class StatefulContainer extends React.Component<StatefulPopoverContainer
      *  Click me
      * </StatefulPopover>
      */
-    renderContent: () => any;
+    renderContent: () => React.ReactNode;
     render(): React.ReactNode;
 }
 export default StatefulContainer;

package/popover/stateful-popover.js

@@ -47,6 +47,7 @@ StatefulPopover.defaultProps = {
   triggerType: _constants.TRIGGER_TYPE.click,
   dismissOnClickOutside: true,
   dismissOnEsc: true,
+  // @ts-ignore
   stateReducer: function stateReducer(_, nextState) {
     return nextState;
   },

package/popover/types.d.ts

@@ -3,26 +3,26 @@ import type { Override } from '../helpers/overrides';
 import type { TetherPlacement } from '../layer';
 import type { ACCESSIBILITY_TYPE, STATE_CHANGE_TYPE, TRIGGER_TYPE } from './constants';
 export type { PopperDataObject, PopperOffset, PopperOptions } from '../layer';
-export declare type PopoverPlacement = TetherPlacement;
-export declare type TriggerType = keyof typeof TRIGGER_TYPE;
-export declare type AccessibilityType = keyof typeof ACCESSIBILITY_TYPE;
-export declare type State = {
+export type PopoverPlacement = TetherPlacement;
+export type TriggerType = keyof typeof TRIGGER_TYPE;
+export type AccessibilityType = keyof typeof ACCESSIBILITY_TYPE;
+export type State = {
     isOpen: boolean;
 };
-export declare type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
-export declare type StateReducer = (stateChangeType: StateChangeType, nextState: State, currentState: State) => State;
-export declare type ContentRenderProp = () => React.ReactNode;
-export declare type StatefulContentRenderProp = (a: {
+export type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
+export type StateReducer = (stateChangeType: StateChangeType, nextState: State, currentState: State) => State;
+export type ContentRenderProp = () => React.ReactNode;
+export type StatefulContentRenderProp = (a: {
     close: () => void;
 }) => React.ReactNode;
-export declare type PopoverOverrides = {
+export type PopoverOverrides = {
     Body?: Override;
     Arrow?: Override;
     Inner?: Override;
 };
-export declare type Child = React.ReactNode;
-export declare type Children = Array<Child> | Child;
-export declare type BasePopoverProps = {
+export type Child = React.ReactNode;
+export type Children = Array<Child> | Child;
+export type BasePopoverProps = {
     /** Controls how this popover behaves for screen readers and other assistive devices.
      * See the A11Y section at the bottom of this document for more details.
      */
@@ -79,7 +79,7 @@ export declare type BasePopoverProps = {
     /** Margin of the popover */
     popoverMargin?: number;
 };
-export declare type PopoverProps = BasePopoverProps & {
+export type PopoverProps = BasePopoverProps & {
     /** Content that should trigger the popover to be shown (also acts as the anchor against
      * which the popover will be positioned).
      */
@@ -93,7 +93,7 @@ export declare type PopoverProps = BasePopoverProps & {
     /** Handler for click events on trigger element. */
     onEsc?: () => unknown;
 };
-export declare type StatefulPopoverProps = BasePopoverProps & {
+export type StatefulPopoverProps = BasePopoverProps & {
     /** Content that should trigger the popover to be shown (also acts as the anchor against
      * which the popover will be positioned).
      */
@@ -113,15 +113,15 @@ export declare type StatefulPopoverProps = BasePopoverProps & {
     /** Reducer function to manipulate internal state updates. */
     stateReducer?: StateReducer;
 };
-export declare type StatefulPopoverContainerProps = Omit<StatefulPopoverProps, 'children'> & {
+export type StatefulPopoverContainerProps = Omit<StatefulPopoverProps, 'children'> & {
     children: (props: Omit<PopoverProps, 'children'>) => React.ReactNode;
 };
-export declare type PopoverPropsWithoutChildren = Omit<PopoverProps, 'children'>;
-export declare type Offset = {
+export type PopoverPropsWithoutChildren = Omit<PopoverProps, 'children'>;
+export type Offset = {
     top: number;
     left: number;
 };
-export declare type PopoverPrivateState = {
+export type PopoverPrivateState = {
     isAnimating: boolean;
     arrowOffset: Offset;
     popoverOffset: Offset;
@@ -130,11 +130,11 @@ export declare type PopoverPrivateState = {
     isMounted: boolean;
     autoFocusAfterPositioning: boolean;
 };
-export declare type ArrowStylePropsArg = {
+export type ArrowStylePropsArg = {
     $arrowOffset: Offset;
     $placement: TetherPlacement;
 };
-export declare type BodyStylePropsArg = {
+export type BodyStylePropsArg = {
     $animationDuration: number;
     $isAnimating: boolean;
     $isHoverTrigger: boolean;
@@ -144,9 +144,9 @@ export declare type BodyStylePropsArg = {
     $showArrow: boolean;
     $popoverMargin: number;
 };
-export declare type InnerStylePropsArg = {};
-export declare type SharedStylePropsArg = {} & ArrowStylePropsArg & BodyStylePropsArg;
-export declare type AnchorProps = {
+export type InnerStylePropsArg = {};
+export type SharedStylePropsArg = {} & ArrowStylePropsArg & BodyStylePropsArg;
+export type AnchorProps = {
     'aria-controls'?: string | null;
     'aria-describedby'?: string | null;
     'aria-expanded'?: boolean;

package/popover/types.js.flow

@@ -149,6 +149,7 @@ export type StatefulPopoverContainerPropsT = $Diff<
   StatefulPopoverPropsT,
   { children: React.Node }
 > & {
+  // $FlowFixMe
   children: (props: $Diff<PopoverPropsT, { children: React.Node }>) => React.Node,
 };
 

package/popover/utils.js

@@ -48,6 +48,7 @@ var OPPOSITE_POSITIONS = {
  */
 
 function getOppositePosition(position) {
+  // @ts-ignore
   return OPPOSITE_POSITIONS[position];
 }
 /**
@@ -73,7 +74,8 @@ function capitalize(str) {
 
 
 function fromPopperPlacement(placement) {
-  var popoverPlacement = placement.replace(/(top|bottom)-start$/, '$1Left').replace(/(top|bottom)-end$/, '$1Right').replace(/(left|right)-start$/, '$1Top').replace(/(left|right)-end$/, '$1Bottom');
+  var popoverPlacement = placement.replace(/(top|bottom)-start$/, '$1Left').replace(/(top|bottom)-end$/, '$1Right').replace(/(left|right)-start$/, '$1Top').replace(/(left|right)-end$/, '$1Bottom'); // @ts-ignore
+
   return _constants.PLACEMENT[popoverPlacement] || null;
 }
 /**

package/progress-bar/progressbar-rounded.js

@@ -45,7 +45,7 @@ var defaults = {
   TrackBackground: _styledComponents.StyledProgressBarRoundedTrackBackground,
   TrackForeground: _styledComponents.StyledProgressBarRoundedTrackForeground,
   Text: _styledComponents.StyledProgressBarRoundedText
-};
+}; // @ts-ignore
 
 function roundTo(n, digits) {
   if (digits === undefined) {
@@ -119,15 +119,18 @@ function ProgressBarRounded(_ref) {
       window.cancelAnimationFrame(animationFrameRef.current);
     }
 
-    var animationDuration = Math.max(1000 * (progress - pathProgress), 250);
+    var animationDuration = Math.max(1000 * (progress - pathProgress), 250); // @ts-ignore
+
     var animationTimeStarted;
 
     function loop() {
       var now = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
+      // @ts-ignore
       if (!animationTimeStarted) {
         animationTimeStarted = now;
-      }
+      } // @ts-ignore
+
 
       var animationTimeElapsed = now - animationTimeStarted; // Move out of state - might need to reverse calculate the path progress for interruped animations
 
@@ -143,31 +146,27 @@ function ProgressBarRounded(_ref) {
     loop();
   }, [progress]); // We want *only* `progress` to trigger this effect
 
-  return (
-    /*#__PURE__*/
-    // $FlowExpectedError[cannot-spread-inexact]
-    React.createElement(Root, _extends({
-      "data-baseweb": "progressbar-rounded",
-      role: "progressbar",
-      "aria-valuenow": progress,
-      "aria-valuemin": 0,
-      "aria-valuemax": 1,
-      $size: size,
-      $inline: inline
-    }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
-      $size: size
-    }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
-      $size: size
-    }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
-      ref: pathRef,
-      $size: size,
-      $visible: !!pathRef.current,
-      $pathLength: pathLength,
-      $pathProgress: pathProgress
-    }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
-      $size: size
-    }, textProps), roundTo(Math.min(progress * 100, 100)), "%"))
-  );
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    "data-baseweb": "progressbar-rounded",
+    role: "progressbar",
+    "aria-valuenow": progress,
+    "aria-valuemin": 0,
+    "aria-valuemax": 1,
+    $size: size,
+    $inline: inline
+  }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
+    $size: size
+  }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
+    $size: size
+  }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
+    ref: pathRef,
+    $size: size,
+    $visible: !!pathRef.current,
+    $pathLength: pathLength,
+    $pathProgress: pathProgress
+  }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
+    $size: size
+  }, textProps), roundTo(Math.min(progress * 100, 100)), "%"));
 }
 
 var _default = ProgressBarRounded;

package/progress-bar/progressbar.js

@@ -149,7 +149,10 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
         var children = [];
 
         for (var i = 0; i < steps; i++) {
-          children.push( /*#__PURE__*/React.createElement(Bar, _extends({
+          children.push(
+          /*#__PURE__*/
+          // @ts-ignore
+          React.createElement(Bar, _extends({
             key: i
           }, sharedProps, barProps), /*#__PURE__*/React.createElement(BarProgress, _extends({
             $index: i
@@ -161,7 +164,8 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
 
       return (
         /*#__PURE__*/
-        // eslint-disable-next-line jsx-a11y/role-supports-aria-props
+
+        /* eslint-disable jsx-a11y/role-supports-aria-props */
         React.createElement(Root, _extends({
           ref: forwardedRef,
           "data-baseweb": "progress-bar",
@@ -179,6 +183,7 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
           $size: sharedProps.$size
         }, infiniteBarProps))) : renderProgressBar()), showLabel && /*#__PURE__*/React.createElement(Label, _extends({}, sharedProps, labelProps), getProgressLabel(value, maximumValue, minValue)))
       );
+      /* eslint-enable jsx-a11y/role-supports-aria-props */
     }
   }]);
 
@@ -200,7 +205,8 @@ _defineProperty(ProgressBar, "defaultProps", {
   value: 0
 });
 
-var ForwardedProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ForwardedProgressBar = /*#__PURE__*/React.forwardRef( // @ts-ignore
+function (props, ref) {
   return (
     /*#__PURE__*/
     //$FlowExpectedError[cannot-spread-inexact]

package/progress-bar/styled-components.js

@@ -23,9 +23,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @ts-ignore
 function getBarHeight(size) {
   var _SIZE$small$SIZE$medi;
 
+  // @ts-ignore
   return (_SIZE$small$SIZE$medi = {}, _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.small, '2px'), _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.medium, '4px'), _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.large, '8px'), _SIZE$small$SIZE$medi)[size];
 } // eslint-disable-next-line @typescript-eslint/no-unused-vars
 

package/progress-bar/types.d.ts

@@ -1,8 +1,8 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { SIZE } from './constants';
-export declare type Size = keyof typeof SIZE;
-export declare type ProgressBarOverrides = {
+export type Size = keyof typeof SIZE;
+export type ProgressBarOverrides = {
     Root?: Override;
     BarContainer?: Override;
     Bar?: Override;
@@ -10,7 +10,7 @@ export declare type ProgressBarOverrides = {
     InfiniteBar?: Override;
     Label?: Override;
 };
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     /** The accessible label for the progress bar (getProgressLabel will be used if not provided) */
     ariaLabel?: string;
     'aria-label'?: string;
@@ -37,7 +37,7 @@ export declare type ProgressBarProps = {
     /** The value between `0` and `100 | successValue` of the progress indicator. */
     value: number;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $infinite: boolean;
     $index: number;
     $size: Size;
@@ -47,14 +47,14 @@ export declare type StyleProps = {
     $maxValue: number;
     $value: number;
 };
-export declare type ProgressBarRoundedOverrides = {
+export type ProgressBarRoundedOverrides = {
     Root?: Override;
     Svg?: Override;
     TrackBackground?: Override;
     TrackForeground?: Override;
     Text?: Override;
 };
-export declare type ProgressBarRoundedProps = {
+export type ProgressBarRoundedProps = {
     /** A number between 0 and 1 inclusive. Example: 0.75. */
     progress?: number;
     /** The size of the progress bar. */

package/progress-steps/progress-steps.js

@@ -56,6 +56,7 @@ function ProgressSteps(_ref) {
     var isActive = child.props.isActive !== undefined ? child.props.isActive : index === current;
     return /*#__PURE__*/React.cloneElement(child, {
       isLast: index === numChildren - 1,
+      // @ts-ignore
       isCompleted: index < current,
       isActive: isActive,
       step: index + 1,

package/progress-steps/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type ProgressStepsOverrides = {
+export type ProgressStepsOverrides = {
     Root?: Override;
     StepRoot?: Override;
     IconContainer?: Override;
@@ -11,13 +11,13 @@ export declare type ProgressStepsOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type ProgressStepsProps = {
+export type ProgressStepsProps = {
     overrides?: ProgressStepsOverrides;
     children?: ReactNode;
     /** Defines the current active step index. */
     current?: number;
 };
-export declare type StepOverrides = {
+export type StepOverrides = {
     Root?: Override;
     IconContainer?: Override;
     Icon?: Override;
@@ -27,7 +27,7 @@ export declare type StepOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type StepProps = {
+export type StepProps = {
     /** The title of the Step. */
     title?: ReactNode;
     /** Defines if the step is completed. Overriden by ProgressSteps, if used. */
@@ -39,7 +39,7 @@ export declare type StepProps = {
     overrides?: StepOverrides;
     children?: ReactNode;
 };
-export declare type NumberedStepOverrides = {
+export type NumberedStepOverrides = {
     Root?: Override;
     IconContainer?: Override;
     Icon?: Override;
@@ -49,9 +49,9 @@ export declare type NumberedStepOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type NumberedStepProps = {
+export type NumberedStepProps = {
     /** The title of the Step. */
-    title?: string;
+    title?: ReactNode;
     /** Defines if the step is completed. */
     isCompleted?: boolean;
     /** Defines if the step is currently active. */
@@ -63,7 +63,7 @@ export declare type NumberedStepProps = {
     /** The number displayed as the step number */
     step?: ReactNode;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $isActive?: boolean;
     $isCompleted?: boolean;
     $disabled?: boolean;

package/progress-steps/types.js.flow

@@ -66,7 +66,7 @@ export type NumberedStepOverridesT = {
 
 export type NumberedStepPropsT = {
   /** The title of the Step. */
-  title?: string,
+  title?: Node,
   /** Defines if the step is completed. */
   isCompleted: boolean,
   /** Defines if the step is currently active. */

package/radio/radio.js

@@ -53,13 +53,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @ts-ignore
 function isLabelTopLeft(labelPlacement) {
   return labelPlacement === 'top' || labelPlacement === 'left';
-}
+} // @ts-ignore
+
 
 function isLabelBottomRight(labelPlacement) {
   return labelPlacement === 'bottom' || labelPlacement === 'right';
-}
+} // @ts-ignore
+
 
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();

package/radio/radiogroup.js

@@ -139,6 +139,7 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
 
         var checked = _this2.props.value === child.props.value;
         return /*#__PURE__*/React.cloneElement(child, {
+          //@ts-ignore
           align: _this2.props.align,
           autoFocus: _this2.props.autoFocus,
           checked: checked,

package/radio/styled-components.js

@@ -17,11 +17,13 @@ var DEFAULT = 0;
 var HOVERED = 1;
 var ACTIVE = 2;
 
+// @ts-ignore
 function getState(props) {
   if (props.$isActive) return ACTIVE;
   if (props.$isHovered) return HOVERED;
   return DEFAULT;
-}
+} // @ts-ignore
+
 
 function getOuterColor(props) {
   var colors = props.$theme.colors,
@@ -62,7 +64,8 @@ function getOuterColor(props) {
   }
 
   return null;
-}
+} // @ts-ignore
+
 
 function getInnerColor(props) {
   var colors = props.$theme.colors;
@@ -98,7 +101,8 @@ function getInnerColor(props) {
   } else {
     return colors.tickMarkFill;
   }
-}
+} // @ts-ignore
+
 
 function getLabelPadding(props) {
   var _props$$labelPlacemen = props.$labelPlacement,
@@ -128,7 +132,8 @@ function getLabelPadding(props) {
   var sizing = $theme.sizing;
   var scale300 = sizing.scale300;
   return _defineProperty({}, "padding".concat(paddingDirection), scale300);
-}
+} // @ts-ignore
+
 
 function getLabelColor(props) {
   var $disabled = props.$disabled,
@@ -151,7 +156,8 @@ var RadioGroupRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.RadioGroupRoot = RadioGroupRoot;
 RadioGroupRoot.displayName = "RadioGroupRoot";
-RadioGroupRoot.displayName = 'RadioGroupRoot';
+RadioGroupRoot.displayName = 'RadioGroupRoot'; // @ts-ignore
+
 var Root = (0, _styles.styled)('label', function (props) {
   var _ref2;
 

package/radio/types.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { ALIGN } from './constants';
-export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
-export declare type Align = keyof typeof ALIGN;
-export declare type RadioOverrides = {
+export type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type Align = keyof typeof ALIGN;
+export type RadioOverrides = {
     RadioMarkInner?: Override;
     RadioMarkOuter?: Override;
     Label?: Override;
@@ -11,11 +11,11 @@ export declare type RadioOverrides = {
     Input?: Override;
     Description?: Override;
 };
-export declare type RadioGroupOverrides = {
+export type RadioGroupOverrides = {
     RadioGroupRoot?: Override;
 };
-export declare type DefaultProps = Partial<RadioGroupProps>;
-export declare type RadioGroupProps = {
+export type DefaultProps = Partial<RadioGroupProps>;
+export type RadioGroupProps = {
     /** Id of element which contains a related caption */
     'aria-describedby'?: string;
     /** Id of element which contains a related error message */
@@ -62,10 +62,10 @@ export declare type RadioGroupProps = {
     /** Handler for blur events on trigger element. */
     onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type State = {
+export type State = {
     value?: string;
 };
-export declare type RadioProps = {
+export type RadioProps = {
     /** Focus the radio on initial render. */
     autoFocus?: boolean;
     /** How the radio will be displayed along with its description. Controls spacing */
@@ -114,22 +114,22 @@ export declare type RadioProps = {
     /** Passed to the input element, typically managed by RadioGroup */
     tabIndex?: string;
 };
-export declare type RadioState = {
+export type RadioState = {
     isActive: boolean;
     isHovered: boolean;
 };
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
-export declare type StatelessState = {
+export type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
+export type StatelessState = {
     isFocusVisible: boolean;
     focusedRadioIndex: number;
 };
-export declare type DefaultStatefulProps = {
+export type DefaultStatefulProps = {
     initialState: State;
     children?: (props: RadioGroupProps) => React.ReactNode;
     stateReducer: StateReducer;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     overrides?: RadioGroupOverrides;
     /** Should return `RadioGroup` instance with standard or customized inner elements. */
     children?: (props: RadioGroupProps) => React.ReactNode;
@@ -142,7 +142,7 @@ export declare type StatefulContainerProps = {
     /** Set to be focused (active) on selected\checked radio. */
     autoFocus?: boolean;
 };
-export declare type StatefulRadioGroupProps = {
+export type StatefulRadioGroupProps = {
     overrides?: RadioGroupOverrides;
     /** A list of `Radio` components. */
     children?: Array<React.ReactNode>;
@@ -153,7 +153,7 @@ export declare type StatefulRadioGroupProps = {
     /** Handler for change events on trigger element. */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $align?: string;
     $checked: boolean;
     $disabled: boolean;

package/rating/emoticon-rating.js

@@ -128,16 +128,21 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
           Emoticon = _getOverrides2[0],
           emoticonProps = _getOverrides2[1];
 
-      var ratings = [];
+      var ratings = []; // @ts-ignore
+
       var refs = [{
         current: null
       }];
 
       var _loop = function _loop(x) {
         var isFocusable = x === value || value < 1 && x === 1;
-        var starRef = /*#__PURE__*/React.createRef();
+        var starRef = /*#__PURE__*/React.createRef(); // @ts-ignore
+
         refs.push(starRef);
-        ratings.push( /*#__PURE__*/React.createElement(Emoticon, _extends({
+        ratings.push(
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(Emoticon, _extends({
           key: x,
           role: "radio" // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ,
@@ -159,7 +164,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -170,7 +176,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
 
               var prevIndex = value - 1 < 1 ? 5 : value - 1;
 
-              _this.selectItem(prevIndex);
+              _this.selectItem(prevIndex); // @ts-ignore
+
 
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
@@ -179,7 +186,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var nextIndex = value + 1 > 5 ? 1 : value + 1;
 
-              _this.selectItem(nextIndex);
+              _this.selectItem(nextIndex); // @ts-ignore
+
 
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
@@ -221,7 +229,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "emoticon-rating",
-        role: "radiogroup",
+        role: "radiogroup" // @ts-ignore
+        ,
         onBlur: function onBlur(e) {
           if (!e.currentTarget.contains(e.relatedTarget)) _this2.updatePreview(undefined);
         },