baseui 12.1.3 → 13.0.0

package/es/toast/toaster.js

@@ -21,6 +21,7 @@ export class ToasterContainer extends React.Component {
 
     _defineProperty(this, "state", {
       isMounted: false,
+      // @ts-ignore
       toasts: []
     });
 
@@ -45,8 +46,11 @@ export class ToasterContainer extends React.Component {
     });
 
     _defineProperty(this, "show", (props = {}) => {
+      // @ts-ignore
       if (this.state.toasts.map(t => t.key).includes(props.key)) {
-        this.update(props.key, props);
+        // @ts-ignore
+        this.update(props.key, props); // @ts-ignore
+
         return props.key;
       }
 
@@ -73,7 +77,8 @@ export class ToasterContainer extends React.Component {
                 ...props
               }),
               key,
-              ...(this.props.resetAutoHideTimerOnUpdate ? {
+              ...(this.props.resetAutoHideTimerOnUpdate ? // @ts-ignore
+              {
                 __updated: (+toast.__updated || 0) + 1
               } : {})
             };
@@ -89,13 +94,16 @@ export class ToasterContainer extends React.Component {
     });
 
     _defineProperty(this, "dismiss", key => {
+      // @ts-ignore
       if (this.dismissHandlers[key]) {
+        // @ts-ignore
         this.dismissHandlers[key]();
       }
     });
 
     _defineProperty(this, "clearAll", () => {
       Object.keys(this.dismissHandlers).forEach(key => {
+        // @ts-ignore
         this.dismissHandlers[key]();
       });
     });
@@ -105,6 +113,7 @@ export class ToasterContainer extends React.Component {
     });
 
     _defineProperty(this, "internalOnClose", key => {
+      // @ts-ignore
       delete this.dismissHandlers[key];
       this.setState(({
         toasts
@@ -130,8 +139,11 @@ export class ToasterContainer extends React.Component {
         ...restProps
       } = toastProps;
       const {
+        // @ts-ignore
         ToastBody: BodyOverride,
+        // @ts-ignore
         ToastCloseIcon: CloseIconOverride,
+        // @ts-ignore
         ToastInnerContainer: InnerContainerOverride
       } = this.props.overrides;
       const globalToastOverrides = mergeOverrides({
@@ -151,6 +163,7 @@ export class ToasterContainer extends React.Component {
       }), ({
         dismiss
       }) => {
+        // @ts-ignore
         this.dismissHandlers[key] = dismiss;
         return children;
       });
@@ -175,7 +188,8 @@ export class ToasterContainer extends React.Component {
   }
 
   render() {
-    const sharedProps = this.getSharedProps();
+    const sharedProps = this.getSharedProps(); // @ts-ignore
+
     const {
       Root: RootOverride
     } = this.props.overrides;
@@ -186,6 +200,7 @@ export class ToasterContainer extends React.Component {
     // eslint-disable-next-line for-direction
 
     for (let i = toastsLength - 1; i >= 0; i--) {
+      // @ts-ignore
       toastsToRender.push(this.renderToast(this.state.toasts[i]));
     }
 
@@ -231,21 +246,25 @@ const toaster = {
     }
   },
   info: function (children, props = {}) {
+    // @ts-ignore
     return this.show(children, { ...props,
       kind: KIND.info
     });
   },
   positive: function (children, props = {}) {
+    // @ts-ignore
     return this.show(children, { ...props,
       kind: KIND.positive
     });
   },
   warning: function (children, props = {}) {
+    // @ts-ignore
     return this.show(children, { ...props,
       kind: KIND.warning
     });
   },
   negative: function (children, props = {}) {
+    // @ts-ignore
     return this.show(children, { ...props,
       kind: KIND.negative
     });
@@ -254,6 +273,7 @@ const toaster = {
     const toasterInstance = this.getRef();
 
     if (toasterInstance) {
+      // @ts-ignore
       toasterInstance.update(key, props);
     } else if (process.env.NODE_ENV !== "production") {
       // eslint-disable-next-line no-console
@@ -264,6 +284,7 @@ const toaster = {
     const toasterInstance = this.getRef();
 
     if (toasterInstance) {
+      // @ts-ignore
       toasterInstance.clear(key);
     } else if (process.env.NODE_ENV !== "production") {
       // eslint-disable-next-line no-console

package/es/tree-view/tree-label-interactable.js

@@ -18,8 +18,10 @@ const TreeLabelInteractable = ({
   return (
     /*#__PURE__*/
     // $FlowExpectedError[cannot-spread-inexact]
-    React.createElement(LabelInteractable, _extends({
-      onClick: e => e.stopPropagation(),
+    React.createElement(LabelInteractable // @ts-ignore
+    , _extends({
+      onClick: e => e.stopPropagation() // @ts-ignore
+      ,
       onKeyDown: e => e.stopPropagation()
     }, props))
   );

package/es/tree-view/tree-view.js

@@ -44,6 +44,7 @@ export default function TreeView(props) {
   const onKeyDown = (e, node) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
+    // @ts-ignore
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
       return;
@@ -104,7 +105,8 @@ export default function TreeView(props) {
 
       case '*':
         e.preventDefault();
-        getExpandableSiblings(data, selectedNodeId, getId).forEach(node => onToggle && onToggle(node));
+        getExpandableSiblings(data, selectedNodeId, getId).forEach( // @ts-ignore
+        node => onToggle && onToggle(node));
         break;
 
       default:
@@ -112,7 +114,8 @@ export default function TreeView(props) {
           clearTimeout(timeOutRef.current);
         }
 
-        setTypeAheadChars(typeAheadChars + e.key);
+        setTypeAheadChars(typeAheadChars + e.key); // @ts-ignore
+
         timeOutRef.current = setTimeout(() => {
           setTypeAheadChars('');
         }, 500);

package/es/tree-view/utils.js

@@ -4,21 +4,25 @@ 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.
 */
+// @ts-ignore
 const getLastLeafId = (node, getId) => {
   if (node.isExpanded && node.children && node.children.length) {
     return getLastLeafId(node.children[node.children.length - 1], getId);
   }
 
   return getId(node);
-};
+}; // @ts-ignore
+
 
 export const getParentId = (nodes, nodeId, parentId, getId) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
       return parentId;
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+      // @ts-ignore
       const foundId = getParentId(nodes[i].children, nodeId, getId(nodes[i]), getId);
 
       if (foundId) {
@@ -28,7 +32,8 @@ export const getParentId = (nodes, nodeId, parentId, getId) => {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 export const getPrevId = (nodes, nodeId, parentId, getId) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
@@ -37,9 +42,11 @@ export const getPrevId = (nodes, nodeId, parentId, getId) => {
       } else {
         return getLastLeafId(nodes[i - 1], getId);
       }
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+      // @ts-ignore
       const foundId = getPrevId(nodes[i].children, nodeId, getId(nodes[i]), getId);
 
       if (foundId) {
@@ -49,16 +56,21 @@ export const getPrevId = (nodes, nodeId, parentId, getId) => {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 export const getFirstChildId = (nodes, nodeId, getId) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
+      // @ts-ignore
       if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+        // @ts-ignore
         return getId(nodes[i].children[0]);
       }
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+      // @ts-ignore
       const foundId = getFirstChildId(nodes[i].children, nodeId, getId);
 
       if (foundId) {
@@ -68,21 +80,27 @@ export const getFirstChildId = (nodes, nodeId, getId) => {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 export const getNextId = (nodes, nodeId, closestOmmer, getId) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
+      // @ts-ignore
       if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+        // @ts-ignore
         return getId(nodes[i].children[0]);
       } else if (nodes[i + 1]) {
         return getId(nodes[i + 1]);
       } else {
         return closestOmmer;
       }
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
-      const foundId = getNextId(nodes[i].children, nodeId, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId);
+      // @ts-ignore
+      const foundId = getNextId( // @ts-ignore
+      nodes[i].children, nodeId, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId);
 
       if (foundId) {
         return foundId;
@@ -91,7 +109,8 @@ export const getNextId = (nodes, nodeId, closestOmmer, getId) => {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 export const getEndId = (nodes, getId) => {
   const endNode = nodes[nodes.length - 1];
 
@@ -100,22 +119,27 @@ export const getEndId = (nodes, getId) => {
   }
 
   return getId(endNode);
-};
+}; // @ts-ignore
+
 export const getExpandableSiblings = (nodes, nodeId, getId) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
       const expandableSiblings = [];
 
       for (let j = 0; j < nodes.length; j++) {
+        // @ts-ignore
         if (!nodes[j].isExpanded && nodes[j].children && nodes[j].children.length) {
+          // @ts-ignore
           expandableSiblings.push(nodes[j]);
         }
       }
 
       return expandableSiblings;
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+      // @ts-ignore
       const result = getExpandableSiblings(nodes[i].children, nodeId, getId);
 
       if (result.length) {
@@ -147,7 +171,8 @@ export const getCharMatchId = (nodes, nodeId, chars, closestOmmer, getId) => {
   if (foundid) return foundid;
   foundid = matchString(nodes, nodeId, chars, closestOmmer, getId, false);
   return foundid;
-};
+}; // @ts-ignore
+
 export const matchString = (nodes, nodeId, chars, closestOmmer, getId, matchPrefix) => {
   for (let i = 0; i < nodes.length; i++) {
     let label = nodes[i].label;
@@ -156,10 +181,13 @@ export const matchString = (nodes, nodeId, chars, closestOmmer, getId, matchPref
       if (matchPrefix && label.toUpperCase().indexOf(chars.toUpperCase()) === 0 || !matchPrefix && label.toUpperCase().indexOf(chars.toUpperCase()) > 0) {
         return getId(nodes[i]);
       }
-    }
+    } // @ts-ignore
+
 
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
-      const foundId = matchString(nodes[i].children, nodeId, chars, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId, matchPrefix);
+      // @ts-ignore
+      const foundId = matchString( // @ts-ignore
+      nodes[i].children, nodeId, chars, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId, matchPrefix);
 
       if (foundId) {
         return foundId;

package/es/utils/deep-merge.js

@@ -14,14 +14,19 @@ export default function deepMerge(target, ...sources) {
     obj = sources[i] || {};
 
     for (let key in obj) {
+      // @ts-ignore
       if (typeof obj[key] !== undefined) {
+        // @ts-ignore
         value = obj[key];
 
         if (isCloneable(value)) {
+          // @ts-ignore
           target[key] = deepMerge(
           /* eslint-disable-next-line no-mixed-operators */
+          // @ts-ignore
           target[key] || Array.isArray(value) && [] || {}, value);
         } else {
+          // @ts-ignore
           target[key] = value;
         }
       }

package/es/utils/focusVisible.js

@@ -9,7 +9,8 @@ LICENSE file in the root directory of this source tree.
 // - https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
 let initialized = false;
 let hadKeyboardEvent = true;
-let hadFocusVisibleRecently = false;
+let hadFocusVisibleRecently = false; // @ts-ignore
+
 let hadFocusVisibleRecentlyTimeout = null;
 const inputTypesWhitelist = {
   text: true,
@@ -33,12 +34,13 @@ const inputTypesWhitelist = {
  * @param {Element} node
  * @return {boolean}
  */
+// @ts-ignore
 
 function focusTriggersKeyboardModality(node) {
   const {
     type,
     tagName
-  } = node;
+  } = node; // @ts-ignore
 
   if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {
     return true;
@@ -61,6 +63,7 @@ function focusTriggersKeyboardModality(node) {
  * then the modality is keyboard. Otherwise, the modality is not keyboard.
  * @param {KeyboardEvent} event
  */
+// @ts-ignore
 
 
 function handleKeyDown(event) {
@@ -84,6 +87,7 @@ function handlePointerDown() {
 }
 
 function handleVisibilityChange() {
+  // @ts-ignore
   if (this.visibilityState === 'hidden') {
     // If the tab becomes active again, the browser will handle calling focus
     // on the element (Safari actually calls it twice).
@@ -93,7 +97,8 @@ function handleVisibilityChange() {
       hadKeyboardEvent = true;
     }
   }
-}
+} // @ts-ignore
+
 
 function prepare(doc) {
   doc.addEventListener('keydown', handleKeyDown, true);
@@ -101,7 +106,8 @@ function prepare(doc) {
   doc.addEventListener('pointerdown', handlePointerDown, true);
   doc.addEventListener('touchstart', handlePointerDown, true);
   doc.addEventListener('visibilitychange', handleVisibilityChange, true);
-}
+} // @ts-ignore
+
 
 export function teardown(doc) {
   doc.removeEventListener('keydown', handleKeyDown, true);
@@ -109,7 +115,8 @@ export function teardown(doc) {
   doc.removeEventListener('pointerdown', handlePointerDown, true);
   doc.removeEventListener('touchstart', handlePointerDown, true);
   doc.removeEventListener('visibilitychange', handleVisibilityChange, true);
-}
+} // @ts-ignore
+
 export function isFocusVisible(event) {
   try {
     return event.target.matches(':focus-visible');
@@ -135,12 +142,15 @@ export function handleBlurVisible() {
   hadFocusVisibleRecently = true;
 
   if (typeof document !== 'undefined') {
-    window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+    // @ts-ignore
+    window.clearTimeout(hadFocusVisibleRecentlyTimeout); // @ts-ignore
+
     hadFocusVisibleRecentlyTimeout = window.setTimeout(() => {
       hadFocusVisibleRecently = false;
     }, 100);
   }
-}
+} // @ts-ignore
+
 export function initFocusVisible(node) {
   if (!initialized && node != null) {
     initialized = true;

package/esm/a11y/a11y.js

@@ -107,6 +107,7 @@ function Violation(props) {
     var node = document.querySelector(props.target);
 
     if (node) {
+      // @ts-ignore
       setAnchor(node);
       node.setAttribute('style', "border: solid 1px ".concat(theme.colors.negative300, ";"));
       node.addEventListener('mouseenter', handleMouseEnter);
@@ -128,7 +129,8 @@ function Violation(props) {
       return setOffset(update.popper);
     },
     placement: TETHER_PLACEMENT.bottom
-  }, /*#__PURE__*/React.createElement(ViolationContainer, {
+  }, /*#__PURE__*/React.createElement(ViolationContainer // @ts-ignore
+  , {
     ref: setPopper,
     $top: "".concat(offset.top, "px") || '0px',
     $left: "".concat(offset.left, "px") || '0px'
@@ -159,8 +161,10 @@ export default function A11y(props) {
       }
 
       var id = requestIdleCallback(function () {
+        // @ts-ignore
         validateNode(child.current).then(setViolations);
-      });
+      }); // @ts-ignore
+
       setIdleID(id);
     }
   }, [props.children]);

package/esm/accordion/accordion.js

@@ -214,6 +214,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           renderAll: renderAll,
           overrides: child.props.overrides || overrides,
           disabled: child.props.disabled || disabled,
+          // @ts-ignore
           onChange: function onChange() {
             for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = arguments[_key3];

package/esm/accordion/panel.js

@@ -30,7 +30,8 @@ import { getOverrides } from '../helpers/overrides';
 import { PanelContainer as StyledPanelContainer, Header as StyledHeader, Content as StyledContent, ToggleIcon as StyledToggleIcon, ToggleIconGroup as StyledToggleIconGroup, ContentAnimationContainer as StyledContentAnimationContainer } from './styled-components';
 import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
 
-var Panel = function Panel(_ref, ref) {
+var Panel = function Panel(_ref, // @ts-ignore
+ref) {
   var ariaControls = _ref['aria-controls'],
       children = _ref.children,
       _ref$disabled = _ref.disabled,

package/esm/accordion/stateless-accordion.js

@@ -70,6 +70,7 @@ function StatelessAccordion(_ref) {
       key: key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
       onChange && typeof onChange === 'function' ? function () {
+        // @ts-ignore
         var next;
 
         if (accordion) {
@@ -86,7 +87,8 @@ function StatelessAccordion(_ref) {
           } else {
             next = [].concat(_toConsumableArray(expanded), [key]);
           }
-        }
+        } // @ts-ignore
+
 
         onChange({
           key: key,

package/esm/app-nav-bar/app-nav-bar.js

@@ -28,7 +28,7 @@ import { KIND, POSITION } from './constants';
 import MobileNav from './mobile-menu';
 import UserMenu from './user-menu';
 import { StyledRoot, StyledSpacing, StyledPrimaryMenuContainer, StyledSecondaryMenuContainer, StyledAppName, StyledMainMenuItem, StyledDesktopMenuContainer, StyledDesktopMenu } from './styled-components';
-import { defaultMapItemToNode, mapItemsActive } from './utils';
+import { defaultMapItemToNode, mapItemsActive } from './utils'; // @ts-ignore
 
 function MainMenuItem(props) {
   var item = props.item,
@@ -42,13 +42,15 @@ function MainMenuItem(props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusVisible = _React$useState2[0],
-      setFocusVisible = _React$useState2[1];
+      setFocusVisible = _React$useState2[1]; // @ts-ignore
+
 
   function handleFocus(event) {
     if (isFocusVisible(event)) {
       setFocusVisible(true);
     }
   } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  // @ts-ignore
 
 
   function handleBlur(event) {
@@ -56,13 +58,15 @@ function MainMenuItem(props) {
       setFocusVisible(false);
     }
   } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  // @ts-ignore
 
 
   function handleClick(event) {
     if (onSelect) {
       onSelect(item);
     }
-  }
+  } // @ts-ignore
+
 
   function handleKeyDown(event) {
     if (event.key === 'Enter' && onSelect) {
@@ -86,7 +90,8 @@ function MainMenuItem(props) {
     onKeyDown: handleKeyDown,
     tabIndex: 0
   }, mainMenuItemElementProps), mapItemToNode(item));
-}
+} // @ts-ignore
+
 
 function SecondaryMenu(props) {
   var _props$items = props.items,

package/esm/app-nav-bar/mobile-menu.js

@@ -200,7 +200,8 @@ export default function MobileMenu(props) {
     onClose: toggleMenu,
     size: '75%'
   }, drawerProps), /*#__PURE__*/React.createElement(MobileMenu, _extends({
-    items: currentNavItems,
+    items: currentNavItems // @ts-ignore
+    ,
     onItemSelect: function onItemSelect(_ref3) {
       var item = _ref3.item;
 
@@ -230,7 +231,8 @@ export default function MobileMenu(props) {
       }
 
       if (item.children && item.children.length) {
-        var parentItem = _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, PARENT_MENU_ITEM, true));
+        var parentItem = _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, PARENT_MENU_ITEM, true)); // @ts-ignore
+
 
         setAncestorNavItems([].concat(_toConsumableArray(ancestorNavItems), [item]));
         setCurrentNavItems([parentItem].concat(_toConsumableArray(item.children)));

package/esm/app-nav-bar/styled-components.js

@@ -11,7 +11,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import { styled, withStyle } from '../styles';
-import { getMediaQueries } from '../helpers/responsive-helpers';
+import { getMediaQueryPageMargins, getMinimumPageMargins } from '../helpers/responsive-helpers';
 import { StyledListItem } from '../menu';
 import { KIND } from './constants';
 var StyledButton = styled('button', function (_ref) {
@@ -48,46 +48,13 @@ StyledButton.displayName = "StyledButton";
 StyledButton.displayName = 'StyledButton';
 export var StyledRoot = styled('div', function (props) {
   var $theme = props.$theme;
-  var mediaQueries = getMediaQueries($theme.breakpoints);
-  var breakpoints = Object.values($theme.breakpoints).sort();
-  var margins = [];
-
-  if (Array.isArray($theme.grid.margins)) {
-    for (var i = 0; i < breakpoints.length; i++) {
-      var margin = $theme.grid.margins[i];
-
-      if (margin == null) {
-        margins.push($theme.grid.margins[$theme.grid.margins.length - 1]);
-      } else {
-        margins.push(margin);
-      }
-    }
-  } else {
-    for (var _i = 0; _i < breakpoints.length; _i++) {
-      margins.push($theme.grid.margins);
-    }
-  }
-
-  var style = _objectSpread(_objectSpread({}, $theme.typography.font300), {}, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, $theme.typography.font300), getMinimumPageMargins($theme.grid.margins)), getMediaQueryPageMargins($theme)), {}, {
     boxSizing: 'border-box',
     backgroundColor: $theme.colors.backgroundPrimary,
     borderBottomWidth: '1px',
     borderBottomStyle: 'solid',
-    borderBottomColor: "".concat($theme.colors.borderOpaque),
-    paddingInlineStart: margins[0] + 'px',
-    paddingInlineEnd: margins[0] + 'px'
+    borderBottomColor: "".concat($theme.colors.borderOpaque)
   });
-
-  for (var _i2 = 1; _i2 < mediaQueries.length; _i2++) {
-    var _margin = Array.isArray($theme.grid.margins) ? $theme.grid.margins[_i2] : $theme.grid.margins;
-
-    style[mediaQueries[_i2]] = {
-      paddingInlineStart: _margin + 'px',
-      paddingInlineEnd: _margin + 'px'
-    };
-  }
-
-  return style;
 });
 StyledRoot.displayName = "StyledRoot";
 StyledRoot.displayName = 'StyledRoot';

package/esm/app-nav-bar/user-menu.js

@@ -48,7 +48,7 @@ var UserMenuListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     artwork: item.icon || null,
     artworkSize: ARTWORK_SIZES.LARGE
   }), /*#__PURE__*/React.createElement(ListItemLabel, null, mapItemToNode(item)));
-});
+}); // @ts-ignore
 
 var svgStyleOverride = function svgStyleOverride(_ref) {
   var $theme = _ref.$theme;
@@ -125,7 +125,8 @@ export default function UserMenuComponent(props) {
     content: function content(_ref3) {
       var close = _ref3.close;
       return /*#__PURE__*/React.createElement(UserMenu, _extends({
-        items: userItems,
+        items: userItems // @ts-ignore
+        ,
         onItemSelect: function onItemSelect(_ref4) {
           var item = _ref4.item;
           props.onItemSelect(item);