baseui 12.1.3 → 13.0.0

package/esm/sheet/action-button.js

@@ -0,0 +1,54 @@
+var _excluded = ["children", "size"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { Button, KIND, SHAPE, SIZE } from '../button';
+export function ActionButton(_ref) {
+  var children = _ref.children,
+      size = _ref.size,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var iconButtonStyle = {
+    paddingTop: 0,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0
+  }; // compact buttons need a pseudo-element to acheive a 48px tap target
+
+  var compactButtonStyle = {
+    position: 'relative',
+    ':after': {
+      content: '""',
+      position: 'absolute',
+      height: '48px',
+      width: '48px'
+    }
+  };
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    kind: KIND.tertiary,
+    shape: SHAPE.square,
+    size: size,
+    overrides: {
+      BaseButton: {
+        style: _objectSpread(_objectSpread({}, size === SIZE.compact ? compactButtonStyle : {}), typeof children !== 'string' ? iconButtonStyle : {})
+      }
+    }
+  }, restProps), children);
+}

package/esm/sheet/index.js

@@ -0,0 +1,9 @@
+/*
+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.
+*/
+export { default as Sheet } from './sheet';
+export * from './styled-components';
+export * from './types';

package/esm/sheet/sheet.js

@@ -0,0 +1,166 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides';
+import { ProgressBar, SIZE } from '../progress-bar';
+import { SIZE as BTN_SIZE } from '../button';
+import { SIZE as DIVIDER_SIZE } from '../divider';
+import { ActionButton as DefaultActionButton } from './action-button';
+import { StyledBottomContainer, StyledBody, StyledDescription, StyledDivider, StyledEmptyDiv, StyledGrabber, StyledHeader, StyledHeaderGrid, StyledHeaderTextContainer, StyledRoot, StyledTitle, StyledTopContainer } from './styled-components';
+
+function renderBodyContent(content) {
+  return typeof content === 'function' ? content() : content;
+}
+
+function renderActionButtonContent(content, buttonSize) {
+  if (typeof content === 'string') {
+    return content;
+  }
+
+  var Icon = content;
+  return /*#__PURE__*/React.createElement(Icon, {
+    size: buttonSize === BTN_SIZE.compact ? 22 : 26
+  });
+}
+
+export var Sheet = function Sheet(_ref) {
+  var children = _ref.children,
+      content = _ref.content,
+      description = _ref.description,
+      _ref$draggable = _ref.draggable,
+      draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+      leadingAction = _ref.leadingAction,
+      _ref$overrides = _ref.overrides,
+      overrides = _ref$overrides === void 0 ? {} : _ref$overrides,
+      progressBar = _ref.progressBar,
+      title = _ref.title,
+      topPosition = _ref.topPosition,
+      trailingAction = _ref.trailingAction;
+
+  var _getOverrides = getOverrides(overrides.Root, StyledRoot),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      Root = _getOverrides2[0],
+      rootProps = _getOverrides2[1];
+
+  var _getOverrides3 = getOverrides(overrides.TopContainer, StyledTopContainer),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      TopContainer = _getOverrides4[0],
+      topContainerProps = _getOverrides4[1];
+
+  var _getOverrides5 = getOverrides(overrides.BottomContainer, StyledBottomContainer),
+      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
+      BottomContainer = _getOverrides6[0],
+      bottomContainerProps = _getOverrides6[1];
+
+  var _getOverrides7 = getOverrides(overrides.Header, StyledHeader),
+      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
+      Header = _getOverrides8[0],
+      headerProps = _getOverrides8[1];
+
+  var _getOverrides9 = getOverrides(overrides.Grabber, StyledGrabber),
+      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
+      Grabber = _getOverrides10[0],
+      grabberProps = _getOverrides10[1];
+
+  var _getOverrides11 = getOverrides(overrides.HeaderGrid, StyledHeaderGrid),
+      _getOverrides12 = _slicedToArray(_getOverrides11, 2),
+      HeaderGrid = _getOverrides12[0],
+      headerGridProps = _getOverrides12[1];
+
+  var _getOverrides13 = getOverrides(overrides.ActionButton, DefaultActionButton),
+      _getOverrides14 = _slicedToArray(_getOverrides13, 2),
+      ActionButton = _getOverrides14[0],
+      actionButtonProps = _getOverrides14[1];
+
+  var _getOverrides15 = getOverrides(overrides.EmptyDiv, StyledEmptyDiv),
+      _getOverrides16 = _slicedToArray(_getOverrides15, 2),
+      EmptyDiv = _getOverrides16[0],
+      emptyDivProps = _getOverrides16[1];
+
+  var _getOverrides17 = getOverrides(overrides.HeaderTextContainer, StyledHeaderTextContainer),
+      _getOverrides18 = _slicedToArray(_getOverrides17, 2),
+      HeaderTextContainer = _getOverrides18[0],
+      HeaderTextContainerProps = _getOverrides18[1];
+
+  var _getOverrides19 = getOverrides(overrides.Title, StyledTitle),
+      _getOverrides20 = _slicedToArray(_getOverrides19, 2),
+      Title = _getOverrides20[0],
+      titleProps = _getOverrides20[1];
+
+  var _getOverrides21 = getOverrides(overrides.Description, StyledDescription),
+      _getOverrides22 = _slicedToArray(_getOverrides21, 2),
+      Description = _getOverrides22[0],
+      descriptionProps = _getOverrides22[1];
+
+  var _getOverrides23 = getOverrides(overrides.Divider, StyledDivider),
+      _getOverrides24 = _slicedToArray(_getOverrides23, 2),
+      Divider = _getOverrides24[0],
+      dividerProps = _getOverrides24[1];
+
+  var _getOverrides25 = getOverrides(overrides.Body, StyledBody),
+      _getOverrides26 = _slicedToArray(_getOverrides25, 2),
+      Body = _getOverrides26[0],
+      bodyProps = _getOverrides26[1];
+
+  var hasTitle = Boolean(title);
+  var hasDescription = Boolean(description);
+  var hasLeadingAction = Boolean(leadingAction);
+  var hasTrailingAction = Boolean(trailingAction);
+  var buttonSize = hasTitle ? BTN_SIZE.default : BTN_SIZE.compact;
+  var shouldDisplayHeader = draggable || hasTitle || hasDescription || hasLeadingAction || hasTrailingAction;
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    $draggable: draggable
+  }, rootProps), /*#__PURE__*/React.createElement(TopContainer, _extends({
+    $draggable: draggable,
+    $topPosition: topPosition
+  }, topContainerProps), children), /*#__PURE__*/React.createElement(BottomContainer, _extends({
+    $draggable: draggable,
+    $topPosition: topPosition
+  }, bottomContainerProps), shouldDisplayHeader && /*#__PURE__*/React.createElement(Header, headerProps, draggable && /*#__PURE__*/React.createElement(Grabber, grabberProps), /*#__PURE__*/React.createElement(HeaderGrid, _extends({
+    $hasLeadingAction: hasLeadingAction,
+    $hasTrailingAction: hasTrailingAction
+  }, headerGridProps), leadingAction && /*#__PURE__*/React.createElement(ActionButton, _extends({
+    onClick: leadingAction.onClick,
+    "aria-label": leadingAction.label,
+    size: buttonSize
+  }, actionButtonProps), renderActionButtonContent(leadingAction.renderIcon || leadingAction.label, buttonSize)), trailingAction && !leadingAction && /*#__PURE__*/React.createElement(EmptyDiv, emptyDivProps), (hasTitle || hasDescription) && /*#__PURE__*/React.createElement(HeaderTextContainer, _extends({
+    $draggable: draggable,
+    $hasTitle: hasTitle,
+    $hasDescription: hasDescription
+  }, HeaderTextContainerProps), title && /*#__PURE__*/React.createElement(Title, titleProps, title), description && /*#__PURE__*/React.createElement(Description, descriptionProps, description)), trailingAction && /*#__PURE__*/React.createElement(ActionButton, _extends({
+    onClick: trailingAction.onClick,
+    "aria-label": trailingAction.label,
+    size: buttonSize
+  }, actionButtonProps), renderActionButtonContent(trailingAction.renderIcon || trailingAction.label, buttonSize)), !trailingAction && leadingAction && /*#__PURE__*/React.createElement(EmptyDiv, emptyDivProps)), progressBar ? /*#__PURE__*/React.createElement(ProgressBar, _extends({
+    size: SIZE.small,
+    overrides: {
+      BarContainer: {
+        style: {
+          marginTop: 0,
+          marginBottom: 0
+        }
+      }
+    }
+  }, progressBar)) : /*#__PURE__*/React.createElement(Divider, _extends({
+    $size: DIVIDER_SIZE.section
+  }, dividerProps))), /*#__PURE__*/React.createElement(Body, bodyProps, renderBodyContent(content))));
+};
+export default Sheet;

package/esm/sheet/styled-components.js

@@ -0,0 +1,201 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import { styled, withStyle } from '../styles';
+import { StyledDivider as StyledDividerBase } from '../divider';
+var DEFAULT_TOP_POSITION = '50vh';
+export var StyledRoot = styled('div', function (_ref) {
+  var $draggable = _ref.$draggable;
+
+  if ($draggable) {
+    return {
+      height: '100%',
+      position: 'relative'
+    };
+  }
+
+  return {
+    height: '100vh',
+    overflow: 'hidden',
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column'
+  };
+});
+StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
+export var StyledTopContainer = styled('div', function (_ref2) {
+  var $draggable = _ref2.$draggable,
+      _ref2$$topPosition = _ref2.$topPosition,
+      $topPosition = _ref2$$topPosition === void 0 ? DEFAULT_TOP_POSITION : _ref2$$topPosition;
+  var baseStyles = {
+    height: '100%',
+    overflow: 'auto'
+  };
+
+  if ($draggable) {
+    return _objectSpread(_objectSpread({}, baseStyles), {}, {
+      maxHeight: "calc(".concat($topPosition, " + 14px)"),
+      maxWidth: '100vh',
+      position: 'fixed',
+      top: '0px',
+      left: '0px',
+      right: '0px'
+    });
+  }
+
+  return _objectSpread(_objectSpread({}, baseStyles), {}, {
+    marginBottom: '-14px',
+    flexGrow: 1
+  });
+});
+StyledTopContainer.displayName = "StyledTopContainer";
+StyledTopContainer.displayName = 'StyledTopContainer';
+export var StyledBottomContainer = styled('div', function (_ref3) {
+  var $draggable = _ref3.$draggable,
+      $topPosition = _ref3.$topPosition,
+      $theme = _ref3.$theme;
+  var baseStyle = {
+    borderTopLeftRadius: $theme.borders.radius500,
+    borderTopRightRadius: $theme.borders.radius500,
+    backgroundColor: $theme.colors.backgroundPrimary
+  };
+  return $draggable ? _objectSpread({
+    position: 'relative',
+    top: $topPosition || DEFAULT_TOP_POSITION,
+    overflow: 'auto'
+  }, baseStyle) : _objectSpread({
+    maxHeight: $topPosition || DEFAULT_TOP_POSITION
+  }, baseStyle);
+});
+StyledBottomContainer.displayName = "StyledBottomContainer";
+StyledBottomContainer.displayName = 'StyledBottomContainer';
+export var StyledHeader = styled('div', function (_ref4) {
+  var $theme = _ref4.$theme;
+  return {
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+    paddingTop: $theme.sizing.scale300
+  };
+});
+StyledHeader.displayName = "StyledHeader";
+StyledHeader.displayName = 'StyledHeader';
+export var StyledGrabber = styled('div', function (_ref5) {
+  var $theme = _ref5.$theme;
+  return {
+    width: '100%',
+    paddingRight: 'auto',
+    paddingBottom: '12px',
+    paddingLeft: 'auto',
+    display: 'flex',
+    justifyContent: 'center',
+    position: 'relative',
+    ':after': {
+      content: '""',
+      height: $theme.sizing.scale100,
+      width: $theme.sizing.scale1200,
+      background: $theme.colors.borderOpaque,
+      borderRadius: '100px',
+      margin: '0 auto'
+    }
+  };
+});
+StyledGrabber.displayName = "StyledGrabber";
+StyledGrabber.displayName = 'StyledGrabber';
+export var StyledHeaderGrid = styled('div', function (_ref6) {
+  var $theme = _ref6.$theme,
+      $hasLeadingAction = _ref6.$hasLeadingAction,
+      $hasTrailingAction = _ref6.$hasTrailingAction;
+  var hasActionButton = $hasLeadingAction || $hasTrailingAction;
+  return _objectSpread({
+    display: 'grid',
+    gridTemplateColumns: 'auto 1fr auto',
+    alignItems: 'center',
+    paddingRight: hasActionButton ? $theme.sizing.scale300 : $theme.sizing.scale600,
+    paddingLeft: hasActionButton ? $theme.sizing.scale300 : $theme.sizing.scale600,
+    paddingBottom: $theme.sizing.scale200
+  }, $theme.direction === 'rtl' ? {
+    direction: 'rtl'
+  } : {});
+});
+StyledHeaderGrid.displayName = "StyledHeaderGrid";
+StyledHeaderGrid.displayName = 'StyledHeaderGrid';
+export var StyledEmptyDiv = styled('div', function (_ref7) {
+  var $theme = _ref7.$theme;
+  return {
+    height: $theme.sizing.scale1200,
+    width: $theme.sizing.scale1200
+  };
+});
+StyledEmptyDiv.displayName = "StyledEmptyDiv";
+StyledEmptyDiv.displayName = 'StyledEmptyDiv';
+export var StyledHeaderTextContainer = styled('div', function (_ref8) {
+  var $draggable = _ref8.$draggable,
+      $hasTitle = _ref8.$hasTitle,
+      $hasDescription = _ref8.$hasDescription,
+      $theme = _ref8.$theme;
+  var height = $hasTitle && $hasDescription ? $theme.sizing.scale1400 : $hasTitle ? $theme.sizing.scale1200 : $hasDescription ? $theme.sizing.scale900 : $theme.sizing.scale800;
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    minHeight: $draggable ? "calc(".concat(height, " - 4px)") : height,
+    maxWidth: '100%',
+    overflow: 'hidden',
+    gridColumn: '2 / 3'
+  };
+});
+StyledHeaderTextContainer.displayName = "StyledHeaderTextContainer";
+StyledHeaderTextContainer.displayName = 'StyledHeaderTextContainer';
+export var StyledTitle = styled('div', function (_ref9) {
+  var $theme = _ref9.$theme;
+  return _objectSpread({
+    color: $theme.colors.contentPrimary,
+    maxWidth: 'inherit',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }, $theme.typography.LabelLarge);
+});
+StyledTitle.displayName = "StyledTitle";
+StyledTitle.displayName = 'StyledTitle';
+export var StyledDescription = styled('div', function (_ref10) {
+  var $theme = _ref10.$theme;
+  return _objectSpread({
+    color: $theme.colors.contentSecondary,
+    display: '-webkit-box',
+    '-webkit-line-clamp': 2,
+    '-webkit-box-orient': 'vertical',
+    overflow: 'hidden'
+  }, $theme.typography.ParagraphMedium);
+});
+StyledDescription.displayName = "StyledDescription";
+StyledDescription.displayName = 'StyledDescription';
+export var StyledDivider = withStyle(StyledDividerBase, {
+  width: '100%',
+  marginTop: 0,
+  marginBottom: 0
+});
+StyledDivider.displayName = "StyledDivider";
+StyledDivider.displayName = 'StyledDivider';
+export var StyledBody = styled('div', function (_ref11) {
+  var $theme = _ref11.$theme;
+  return {
+    height: '100%',
+    overflow: 'auto',
+    color: $theme.colors.contentPrimary
+  };
+});
+StyledBody.displayName = "StyledBody";
+StyledBody.displayName = 'StyledBody';

package/esm/sheet/types.js

@@ -0,0 +1 @@
+export {};

package/esm/side-navigation/index.js

@@ -5,7 +5,8 @@ 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 Navigation } from './nav';
-export { default as NavItem } from './nav-item'; // Styled elements
+export { default as NavItem } from './nav-item';
+export * from './side-navigation-next'; // Styled elements
 
 export * from './styled-components'; // Types
 

package/esm/side-navigation/nav-item.js

@@ -135,7 +135,8 @@ var NavItem = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return NavItem;
-}(React.Component);
+}(React.Component); // @ts-ignore
+
 
 _defineProperty(NavItem, "defaultProps", {
   overrides: {},

package/esm/side-navigation/nav.js

@@ -107,25 +107,29 @@ var SideNav = /*#__PURE__*/function (_React$Component) {
           onChange = _this$props.onChange,
           overrides = _this$props.overrides,
           mapItem = _this$props.mapItem;
-      var navLevel = 1;
+      var navLevel = 1; // @ts-ignore
 
       var _getOverrides = getOverrides(overrides.Root, StyledRoot),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           Root = _getOverrides2[0],
           rootProps = _getOverrides2[1];
 
-      var _getOverrides3 = getOverrides(overrides.NavItemContainer, StyledNavItemContainer),
+      var _getOverrides3 = getOverrides( // @ts-ignore
+      overrides.NavItemContainer, StyledNavItemContainer),
           _getOverrides4 = _slicedToArray(_getOverrides3, 2),
           NavItemContainer = _getOverrides4[0],
           itemContainerProps = _getOverrides4[1];
 
-      var _getOverrides5 = getOverrides(overrides.SubNavContainer, StyledSubNavContainer),
+      var _getOverrides5 = getOverrides( // @ts-ignore
+      overrides.SubNavContainer, StyledSubNavContainer),
           _getOverrides6 = _slicedToArray(_getOverrides5, 2),
           SubNavContainer = _getOverrides6[0],
-          subNavContainerProps = _getOverrides6[1];
+          subNavContainerProps = _getOverrides6[1]; // @ts-ignore
+
 
       var renderNavItem = function renderNavItem(item, level, index, mapItem) {
         if (typeof mapItem === 'function') {
+          // @ts-ignore
           var recMapItem = function recMapItem(item) {
             var subNav = [];
 
@@ -181,9 +185,12 @@ var SideNav = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(SideNav, "defaultProps", {
   activeItemId: '/',
+  // @ts-ignore
   activePredicate: null,
+  // @ts-ignore
   items: [],
   overrides: {},
+  // @ts-ignore
   mapItem: null
 });