baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/input/types.js.flow

@@ -6,7 +6,6 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import type { Property$Resize } from 'csstype';
 import type { OverrideT } from '../helpers/overrides.js';
 import { STATE_CHANGE_TYPE, ADJOINED, SIZE, ENHANCER_POSITION } from './constants.js';
 
@@ -53,7 +52,6 @@ export type SharedPropsT = {|
   $size: SizeT,
   /** Renders UI in 'required' state */
   $required: boolean,
-  $resize?: Property$Resize,
   $position: $Keys<typeof ENHANCER_POSITION>,
   /** Defines if has a clearable or MaskToggleButton at the end */
   $hasIconTrailing: boolean,
@@ -130,7 +128,6 @@ export type BaseInputPropsT<T> = {|
   placeholder?: string,
   /** Renders component in 'required' state. */
   required: boolean,
-  resize?: Property$Resize,
   /** Input role attribute. */
   role?: string,
   /** Renders component in provided size. */

package/input/utils.js

@@ -18,7 +18,6 @@ function getSharedProps(props, state) {
       adjoined = props.adjoined,
       size = props.size,
       required = props.required,
-      resize = props.resize,
       readOnly = props.readOnly;
   var isFocused = state.isFocused;
   return {
@@ -29,7 +28,6 @@ function getSharedProps(props, state) {
     $adjoined: adjoined,
     $size: size,
     $required: required,
-    $resize: resize,
     $isReadOnly: readOnly
   };
 }

package/layer/layer.js

@@ -83,24 +83,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (event) {
-      if (_this.props.onKeyUp) {
-        _this.props.onKeyUp(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
-      if (_this.props.onKeyPress) {
-        _this.props.onKeyPress(event);
-      }
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
       if (_this.props.onDocumentClick) {
         _this.props.onDocumentClick(event);
@@ -114,9 +96,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.context.addEscapeHandler(this.onEscape);
-      this.context.addKeyDownHandler(this.onKeyDown);
-      this.context.addKeyUpHandler(this.onKeyUp);
-      this.context.addKeyPressHandler(this.onKeyPress);
 
       if (!this.props.isHoverLayer) {
         this.context.addDocClickHandler(this.onDocumentClick);
@@ -175,9 +154,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.context.removeEscapeHandler(this.onEscape);
-      this.context.removeKeyDownHandler(this.onKeyDown);
-      this.context.removeKeyUpHandler(this.onKeyUp);
-      this.context.removeKeyPressHandler(this.onKeyPress);
       this.context.removeDocClickHandler(this.onDocumentClick);
 
       if (this.props.onUnmount) {

package/layer/layer.js.flow

@@ -27,10 +27,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
 
   componentDidMount() {
     this.context.addEscapeHandler(this.onEscape);
-    this.context.addKeyDownHandler(this.onKeyDown);
-    this.context.addKeyUpHandler(this.onKeyUp);
-    this.context.addKeyPressHandler(this.onKeyPress);
-
     if (!this.props.isHoverLayer) {
       this.context.addDocClickHandler(this.onDocumentClick);
     }
@@ -78,9 +74,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
 
   componentWillUnmount() {
     this.context.removeEscapeHandler(this.onEscape);
-    this.context.removeKeyDownHandler(this.onKeyDown);
-    this.context.removeKeyUpHandler(this.onKeyUp);
-    this.context.removeKeyPressHandler(this.onKeyPress);
     this.context.removeDocClickHandler(this.onDocumentClick);
 
     if (this.props.onUnmount) {
@@ -102,24 +95,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
     }
   };
 
-  onKeyDown = (event: KeyboardEvent) => {
-    if (this.props.onKeyDown) {
-      this.props.onKeyDown(event);
-    }
-  };
-
-  onKeyUp = (event: KeyboardEvent) => {
-    if (this.props.onKeyUp) {
-      this.props.onKeyUp(event);
-    }
-  };
-
-  onKeyPress = (event: KeyboardEvent) => {
-    if (this.props.onKeyPress) {
-      this.props.onKeyPress(event);
-    }
-  };
-
   onDocumentClick = (event: MouseEvent) => {
     if (this.props.onDocumentClick) {
       this.props.onDocumentClick(event);

package/layer/layers-manager.d.ts

@@ -10,17 +10,9 @@ export default class LayersManager extends React.Component<LayersManagerProps, L
     componentDidMount(): void;
     componentWillUnmount(): void;
     onDocumentClick: (event: MouseEvent) => void;
-    onKeyDown: (event: KeyboardEvent) => void;
     onKeyUp: (event: KeyboardEvent) => void;
-    onKeyPress: (event: KeyboardEvent) => void;
     onAddEscapeHandler: (escapeKeyHandler: () => unknown) => void;
     onRemoveEscapeHandler: (escapeKeyHandler: () => unknown) => void;
-    onAddKeyDownHandler: (keyDownHandler: () => unknown) => void;
-    onRemoveKeyDownHandler: (keyDownHandler: () => unknown) => void;
-    onAddKeyUpHandler: (keyUpHandler: () => unknown) => void;
-    onRemoveKeyUpHandler: (keyUpHandler: () => unknown) => void;
-    onAddKeyPressHandler: (keyPressHandler: () => unknown) => void;
-    onRemoveKeyPressHandler: (keyPressHandler: () => unknown) => void;
     onAddDocClickHandler: (docClickHandler: (event: MouseEvent) => unknown) => void;
     onRemoveDocClickHandler: (docClickHandler: (event: MouseEvent) => unknown) => void;
     render(): JSX.Element;

package/layer/layers-manager.js

@@ -77,12 +77,6 @@ function defaultEventHandlerFn() {
 var LayersContext = /*#__PURE__*/React.createContext({
   addEscapeHandler: defaultEventHandlerFn,
   removeEscapeHandler: defaultEventHandlerFn,
-  addKeyDownHandler: defaultEventHandlerFn,
-  removeKeyDownHandler: defaultEventHandlerFn,
-  addKeyUpHandler: defaultEventHandlerFn,
-  removeKeyUpHandler: defaultEventHandlerFn,
-  addKeyPressHandler: defaultEventHandlerFn,
-  removeKeyPressHandler: defaultEventHandlerFn,
   addDocClickHandler: defaultEventHandlerFn,
   removeDocClickHandler: defaultEventHandlerFn,
   host: undefined,
@@ -99,7 +93,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(LayersManager);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function LayersManager(props) {
     var _this;
 
@@ -119,14 +112,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
-      var keyDownHandler = _this.state.keyDownHandlers[_this.state.keyDownHandlers.length - 1];
-
-      if (keyDownHandler) {
-        keyDownHandler(event);
-      }
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (event) {
       if (event.key === 'Escape') {
         var escapeKeyHandler = _this.state.escapeKeyHandlers[_this.state.escapeKeyHandlers.length - 1];
@@ -135,20 +120,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
           escapeKeyHandler();
         }
       }
-
-      var keyUpHandler = _this.state.keyUpHandlers[_this.state.keyUpHandlers.length - 1];
-
-      if (keyUpHandler) {
-        keyUpHandler(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
-      var keyPressHandler = _this.state.keyPressHandlers[_this.state.keyPressHandlers.length - 1];
-
-      if (keyPressHandler) {
-        keyPressHandler(event);
-      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "onAddEscapeHandler", function (escapeKeyHandler) {
@@ -169,60 +140,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyDownHandler", function (keyDownHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyDownHandlers: [].concat(_toConsumableArray(prev.keyDownHandlers), [keyDownHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyDownHandler", function (keyDownHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyDownHandlers: prev.keyDownHandlers.filter(function (handler) {
-            return handler !== keyDownHandler;
-          })
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyUpHandler", function (keyUpHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyUpHandlers: [].concat(_toConsumableArray(prev.keyUpHandlers), [keyUpHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyUpHandler", function (keyUpHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyUpHandlers: prev.keyUpHandlers.filter(function (handler) {
-            return handler !== keyUpHandler;
-          })
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyPressHandler", function (keyPressHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyPressHandlers: [].concat(_toConsumableArray(prev.keyPressHandlers), [keyPressHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyPressHandler", function (keyPressHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyPressHandlers: prev.keyPressHandlers.filter(function (handler) {
-            return handler !== keyPressHandler;
-          })
-        };
-      });
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onAddDocClickHandler", function (docClickHandler) {
       _this.setState(function (prev) {
         return {
@@ -243,9 +160,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
 
     _this.state = {
       escapeKeyHandlers: [],
-      keyDownHandlers: [],
-      keyUpHandlers: [],
-      keyPressHandlers: [],
       docClickHandlers: []
     };
     return _this;
@@ -258,9 +172,7 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       (0, _focusVisible.initFocusVisible)(this.containerRef.current);
 
       if (typeof document !== 'undefined') {
-        document.addEventListener('keydown', this.onKeyDown);
-        document.addEventListener('keyup', this.onKeyUp);
-        document.addEventListener('keypress', this.onKeyPress); // using mousedown event so that callback runs before events on children inside of the layer
+        document.addEventListener('keyup', this.onKeyUp); // using mousedown event so that callback runs before events on children inside of the layer
 
         document.addEventListener('mousedown', this.onDocumentClick);
       }
@@ -269,9 +181,7 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (typeof document !== 'undefined') {
-        document.removeEventListener('keydown', this.onKeyDown);
         document.removeEventListener('keyup', this.onKeyUp);
-        document.removeEventListener('keypress', this.onKeyPress);
         document.removeEventListener('mousedown', this.onDocumentClick);
       }
     }
@@ -309,12 +219,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
             zIndex: _this2.props.zIndex,
             addEscapeHandler: _this2.onAddEscapeHandler,
             removeEscapeHandler: _this2.onRemoveEscapeHandler,
-            addKeyDownHandler: _this2.onAddKeyDownHandler,
-            removeKeyDownHandler: _this2.onRemoveKeyDownHandler,
-            addKeyUpHandler: _this2.onAddKeyUpHandler,
-            removeKeyUpHandler: _this2.onRemoveKeyUpHandler,
-            addKeyPressHandler: _this2.onAddKeyPressHandler,
-            removeKeyPressHandler: _this2.onRemoveKeyPressHandler,
             addDocClickHandler: _this2.onAddDocClickHandler,
             removeDocClickHandler: _this2.onRemoveDocClickHandler
           }

package/layer/layers-manager.js.flow

@@ -25,12 +25,6 @@ function defaultEventHandlerFn() {
 export const LayersContext = React.createContext<LayersContextT>({
   addEscapeHandler: defaultEventHandlerFn,
   removeEscapeHandler: defaultEventHandlerFn,
-  addKeyDownHandler: defaultEventHandlerFn,
-  removeKeyDownHandler: defaultEventHandlerFn,
-  addKeyUpHandler: defaultEventHandlerFn,
-  removeKeyUpHandler: defaultEventHandlerFn,
-  addKeyPressHandler: defaultEventHandlerFn,
-  removeKeyPressHandler: defaultEventHandlerFn,
   addDocClickHandler: defaultEventHandlerFn,
   removeDocClickHandler: defaultEventHandlerFn,
   host: undefined,
@@ -55,13 +49,7 @@ export default class LayersManager extends React.Component<
 
   constructor(props: LayersManagerPropsT) {
     super(props);
-    this.state = {
-      escapeKeyHandlers: [],
-      keyDownHandlers: [],
-      keyUpHandlers: [],
-      keyPressHandlers: [],
-      docClickHandlers: [],
-    };
+    this.state = { escapeKeyHandlers: [], docClickHandlers: [] };
   }
 
   componentDidMount() {
@@ -69,9 +57,7 @@ export default class LayersManager extends React.Component<
     initFocusVisible(this.containerRef.current);
 
     if (__BROWSER__) {
-      document.addEventListener('keydown', this.onKeyDown);
       document.addEventListener('keyup', this.onKeyUp);
-      document.addEventListener('keypress', this.onKeyPress);
       // using mousedown event so that callback runs before events on children inside of the layer
       document.addEventListener('mousedown', this.onDocumentClick);
     }
@@ -79,9 +65,7 @@ export default class LayersManager extends React.Component<
 
   componentWillUnmount() {
     if (__BROWSER__) {
-      document.removeEventListener('keydown', this.onKeyDown);
       document.removeEventListener('keyup', this.onKeyUp);
-      document.removeEventListener('keypress', this.onKeyPress);
       document.removeEventListener('mousedown', this.onDocumentClick);
     }
   }
@@ -93,13 +77,6 @@ export default class LayersManager extends React.Component<
     }
   };
 
-  onKeyDown = (event: KeyboardEvent) => {
-    const keyDownHandler = this.state.keyDownHandlers[this.state.keyDownHandlers.length - 1];
-    if (keyDownHandler) {
-      keyDownHandler(event);
-    }
-  };
-
   onKeyUp = (event: KeyboardEvent) => {
     if (event.key === 'Escape') {
       const escapeKeyHandler =
@@ -108,18 +85,6 @@ export default class LayersManager extends React.Component<
         escapeKeyHandler();
       }
     }
-
-    const keyUpHandler = this.state.keyUpHandlers[this.state.keyUpHandlers.length - 1];
-    if (keyUpHandler) {
-      keyUpHandler(event);
-    }
-  };
-
-  onKeyPress = (event: KeyboardEvent) => {
-    const keyPressHandler = this.state.keyPressHandlers[this.state.keyPressHandlers.length - 1];
-    if (keyPressHandler) {
-      keyPressHandler(event);
-    }
   };
 
   onAddEscapeHandler = (escapeKeyHandler: () => mixed) => {
@@ -136,48 +101,6 @@ export default class LayersManager extends React.Component<
     });
   };
 
-  onAddKeyDownHandler = (keyDownHandler: () => mixed) => {
-    this.setState((prev) => {
-      return { keyDownHandlers: [...prev.keyDownHandlers, keyDownHandler] };
-    });
-  };
-
-  onRemoveKeyDownHandler = (keyDownHandler: () => mixed) => {
-    this.setState((prev) => {
-      return {
-        keyDownHandlers: prev.keyDownHandlers.filter((handler) => handler !== keyDownHandler),
-      };
-    });
-  };
-
-  onAddKeyUpHandler = (keyUpHandler: () => mixed) => {
-    this.setState((prev) => {
-      return { keyUpHandlers: [...prev.keyUpHandlers, keyUpHandler] };
-    });
-  };
-
-  onRemoveKeyUpHandler = (keyUpHandler: () => mixed) => {
-    this.setState((prev) => {
-      return {
-        keyUpHandlers: prev.keyUpHandlers.filter((handler) => handler !== keyUpHandler),
-      };
-    });
-  };
-
-  onAddKeyPressHandler = (keyPressHandler: () => mixed) => {
-    this.setState((prev) => {
-      return { keyPressHandlers: [...prev.keyPressHandlers, keyPressHandler] };
-    });
-  };
-
-  onRemoveKeyPressHandler = (keyPressHandler: () => mixed) => {
-    this.setState((prev) => {
-      return {
-        keyPressHandlers: prev.keyPressHandlers.filter((handler) => handler !== keyPressHandler),
-      };
-    });
-  };
-
   onAddDocClickHandler = (docClickHandler: (event: MouseEvent) => mixed) => {
     this.setState((prev) => {
       return { docClickHandlers: [...prev.docClickHandlers, docClickHandler] };
@@ -220,12 +143,6 @@ export default class LayersManager extends React.Component<
                 zIndex: this.props.zIndex,
                 addEscapeHandler: this.onAddEscapeHandler,
                 removeEscapeHandler: this.onRemoveEscapeHandler,
-                addKeyDownHandler: this.onAddKeyDownHandler,
-                removeKeyDownHandler: this.onRemoveKeyDownHandler,
-                addKeyUpHandler: this.onAddKeyUpHandler,
-                removeKeyUpHandler: this.onRemoveKeyUpHandler,
-                addKeyPressHandler: this.onAddKeyPressHandler,
-                removeKeyPressHandler: this.onRemoveKeyPressHandler,
                 addDocClickHandler: this.onAddDocClickHandler,
                 removeDocClickHandler: this.onRemoveDocClickHandler,
               }}

package/layer/types.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import type { TETHER_PLACEMENT } from './constants';
+import * as React from 'react';
+import { TETHER_PLACEMENT } from './constants';
 import type { Override } from '../helpers/overrides';
 /** LayersManager */
 export declare type LayersManagerProps = {
@@ -12,9 +12,6 @@ export declare type LayersManagerProps = {
 };
 export declare type LayersManagerState = {
     escapeKeyHandlers: Array<() => unknown>;
-    keyDownHandlers: Array<(event: KeyboardEvent) => unknown>;
-    keyUpHandlers: Array<(event: KeyboardEvent) => unknown>;
-    keyPressHandlers: Array<(event: KeyboardEvent) => unknown>;
     docClickHandlers: Array<(event: MouseEvent) => unknown>;
 };
 export declare type LayersContextProps = {
@@ -22,12 +19,6 @@ export declare type LayersContextProps = {
     zIndex?: number;
     addEscapeHandler: (a: () => unknown) => void;
     removeEscapeHandler: (a: () => unknown) => void;
-    addKeyDownHandler: (a: () => unknown) => void;
-    removeKeyDownHandler: (a: () => unknown) => void;
-    addKeyUpHandler: (a: () => unknown) => void;
-    removeKeyUpHandler: (a: () => unknown) => void;
-    addKeyPressHandler: (a: () => unknown) => void;
-    removeKeyPressHandler: (a: () => unknown) => void;
     addDocClickHandler: (a: () => unknown) => void;
     removeDocClickHandler: (a: () => unknown) => void;
 };
@@ -52,15 +43,6 @@ export declare type LayerProps = {
     /** Handler called when escape key is pressed.
       Only the top most layer's handler is called. */
     onEscape?: () => unknown;
-    /** Handler called when key down event is happened.
-      Only the top most layer's handler is called. */
-    onKeyDown?: (event: KeyboardEvent) => unknown;
-    /** Handler called when key up event is happened.
-      Only the top most layer's handler is called. */
-    onKeyUp?: (event: KeyboardEvent) => unknown;
-    /** Handler called when key press event is happened.
-      Only the top most layer's handler is called. */
-    onKeyPress?: (event: KeyboardEvent) => unknown;
     /** Handler called when mousedown event happens on the document.
       Only the top most layer's handler is called. */
     onDocumentClick?: (event: MouseEvent) => unknown;
@@ -79,9 +61,6 @@ export declare type LayerComponentProps = {
     isHoverLayer?: boolean;
     mountNode?: HTMLElement;
     onEscape?: () => unknown;
-    onKeyDown?: (event: KeyboardEvent) => unknown;
-    onKeyUp?: (event: KeyboardEvent) => unknown;
-    onKeyPress?: (event: KeyboardEvent) => unknown;
     onDocumentClick?: (event: MouseEvent) => unknown;
     onMount?: () => unknown;
     onUnmount?: () => unknown;

package/layer/types.js.flow

@@ -22,10 +22,7 @@ export type LayersManagerPropsT = {
 };
 
 export type LayersManagerStateT = {|
-  escapeKeyHandlers: Array < () => mixed >,
-  keyDownHandlers: Array < (event: KeyboardEvent) => mixed >,
-  keyUpHandlers: Array < (event: KeyboardEvent) => mixed >,
-  keyPressHandlers: Array < (event: KeyboardEvent) => mixed >,
+  escapeKeyHandlers: Array<() => mixed>,
   docClickHandlers: Array<(event: MouseEvent) => mixed>,
 |};
 
@@ -34,12 +31,6 @@ export type LayersContextT = {
   zIndex?: number,
   addEscapeHandler: (() => mixed) => void,
   removeEscapeHandler: (() => mixed) => void,
-  addKeyDownHandler: (() => mixed) => void,
-  removeKeyDownHandler: (() => mixed) => void,
-  addKeyUpHandler: (() => mixed) => void,
-  removeKeyUpHandler: (() => mixed) => void,
-  addKeyPressHandler: (() => mixed) => void,
-  removeKeyPressHandler: (() => mixed) => void,
   addDocClickHandler: (() => mixed) => void,
   removeDocClickHandler: (() => mixed) => void,
 };
@@ -65,15 +56,6 @@ export type LayerPropsT = {
   /** Handler called when escape key is pressed.
     Only the top most layer's handler is called. */
   onEscape?: () => mixed,
-  /** Handler called when key down event is happened.
-    Only the top most layer's handler is called. */
-  onKeyDown?: (event: KeyboardEvent) => mixed,
-  /** Handler called when key up event is happened.
-    Only the top most layer's handler is called. */
-  onKeyUp?: (event: KeyboardEvent) => mixed,
-  /** Handler called when key press event is happened.
-    Only the top most layer's handler is called. */
-  onKeyPress?: (event: KeyboardEvent) => mixed,
   /** Handler called when mousedown event happens on the document.
     Only the top most layer's handler is called. */
   onDocumentClick?: (event: MouseEvent) => mixed,
@@ -93,9 +75,6 @@ export type LayerComponentPropsT = {
   isHoverLayer?: boolean,
   mountNode?: HTMLElement,
   onEscape?: () => mixed,
-  onKeyDown?: (event: KeyboardEvent) => mixed,
-  onKeyUp?: (event: KeyboardEvent) => mixed,
-  onKeyPress?: (event: KeyboardEvent) => mixed,
   onDocumentClick?: (event: MouseEvent) => mixed,
   onMount?: () => mixed,
   onUnmount?: () => mixed,

package/layout-grid/styled-components.js

@@ -34,7 +34,6 @@ var StyledGridWrapper = (0, _styles.styled)('div', function (_ref) {
 });
 exports.StyledGridWrapper = StyledGridWrapper;
 StyledGridWrapper.displayName = "StyledGridWrapper";
-StyledGridWrapper.displayName = 'StyledGridWrapper';
 var StyledGrid = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme,
       _ref2$$align = _ref2.$align,
@@ -74,7 +73,6 @@ var StyledGrid = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledGrid = StyledGrid;
 StyledGrid.displayName = "StyledGrid";
-StyledGrid.displayName = 'StyledGrid';
 var StyledCell = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme,
       _ref3$$align = _ref3.$align,
@@ -129,7 +127,6 @@ var StyledCell = (0, _styles.styled)('div', function (_ref3) {
 });
 exports.StyledCell = StyledCell;
 StyledCell.displayName = "StyledCell";
-StyledCell.displayName = 'StyledCell';
 
 function getResponsiveNumber(responsive, i) {
   var res = getResponsiveValue(responsive, i);

package/layout-grid/types.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import type { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
+import * as React from 'react';
+import { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type Responsive<T> = T | Array<T>;
 export declare type Alignment = typeof ALIGNMENT.start | typeof ALIGNMENT.center | typeof ALIGNMENT.end;

package/link/index.js

@@ -49,8 +49,7 @@ function LinkFocus(props) {
     if ((0, _focusVisible.isFocusVisible)(event)) {
       setFocusVisible(true);
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var handleBlur = function handleBlur(event) {
     if (focusVisible !== false) {

package/link/styled-components.js

@@ -56,5 +56,4 @@ var Link = (0, _styles.styled)('a', function (_ref) {
   });
 });
 exports.Link = Link;
-Link.displayName = "Link";
-Link.displayName = 'Link';
+Link.displayName = "Link";

package/list/list-heading.js

@@ -116,27 +116,23 @@ var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }
 
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _react.default.createElement(Root, _extends({
-      ref: ref
-    }, rootProps), /*#__PURE__*/_react.default.createElement(Content, contentProps, /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(HeadingContainer, _extends({
-      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-    }, headingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
-      component: props.heading
-    })), EndEnhancer && /*#__PURE__*/_react.default.createElement(EndEnhancerContainer, _extends({
-      $isText: isEndEnhancerString
-    }, endEnhancerContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
-      component: EndEnhancer
-    }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(SubHeadingContainer, _extends({
-      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-    }, subHeadingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
-      component: SubHeading
-    })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/_react.default.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/_react.default.createElement(RenderNode, {
-      component: EndEnhancerDescription
-    })))))
-  );
+  return /*#__PURE__*/_react.default.createElement(Root, _extends({
+    ref: ref
+  }, rootProps), /*#__PURE__*/_react.default.createElement(Content, contentProps, /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(HeadingContainer, _extends({
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+  }, headingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
+    component: props.heading
+  })), EndEnhancer && /*#__PURE__*/_react.default.createElement(EndEnhancerContainer, _extends({
+    $isText: isEndEnhancerString
+  }, endEnhancerContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
+    component: EndEnhancer
+  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(SubHeadingContainer, _extends({
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+  }, subHeadingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
+    component: SubHeading
+  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/_react.default.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/_react.default.createElement(RenderNode, {
+    component: EndEnhancerDescription
+  })))));
 });
 
 ListHeading.displayName = 'ListHeading';

package/list/list-item.js

@@ -75,8 +75,7 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [props.artworkSize, props.sublist]);
 
-  return /*#__PURE__*/_react.default.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , _extends({
+  return /*#__PURE__*/_react.default.createElement(Root, _extends({
     ref: ref,
     $shape: props.shape || _constants.SHAPE.DEFAULT,
     "aria-label": props['aria-label'],