baseui 10.10.0 → 10.12.0

package/esm/toast/styled-components.js

@@ -1,3 +1,5 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -69,11 +71,10 @@ export function getPlacement(placement) {
     justifyContent: 'flex-end',
     flexDirection: 'column-reverse'
   }), _PLACEMENT$topLeft$PL)[placement];
-} // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
-export var Root = styled('div', function (props) {
-  var $placement = props.$placement,
-      $theme = props.$theme;
+}
+export var Root = styled('div', function (_ref) {
+  var $placement = _ref.$placement,
+      $theme = _ref.$theme;
   return _objectSpread({
     pointerEvents: 'none',
     position: 'fixed',
@@ -85,17 +86,20 @@ export var Root = styled('div', function (props) {
     marginLeft: $theme.sizing.scale600,
     marginRight: $theme.sizing.scale600
   }, getPlacement($placement));
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Root.displayName = "Root";
-export var InnerContainer = styled('div', {}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
+export var InnerContainer = styled('div', // eslint-disable-next-line no-empty-pattern
+function (_ref2) {
+  _objectDestructuringEmpty(_ref2);
 
+  return {};
+});
 InnerContainer.displayName = "InnerContainer";
-export var Body = styled('div', function (props) {
-  var $isVisible = props.$isVisible,
-      $kind = props.$kind,
-      $type = props.$type,
-      $theme = props.$theme;
+export var Body = styled('div', function (_ref3) {
+  var $isVisible = _ref3.$isVisible,
+      $kind = _ref3.$kind,
+      $type = _ref3.$type,
+      $theme = _ref3.$theme;
   var isInline = $type === TYPE.inline;
   return _objectSpread(_objectSpread({}, $theme.typography.font300), {}, {
     pointerEvents: 'auto',
@@ -121,15 +125,22 @@ export var Body = styled('div', function (props) {
     display: 'flex',
     justifyContent: 'space-between'
   });
-}); // $FlowFixMe https://github.com/facebook/flow/issues/7745
-
+});
 Body.displayName = "Body";
-export var CloseIconSvg = styled('svg', function (props) {
-  return _objectSpread(_objectSpread({}, getSvgStyles(props)), {}, {
+export var CloseIconSvg = styled('svg', function (_ref4) {
+  var $theme = _ref4.$theme,
+      $size = _ref4.$size,
+      $color = _ref4.$color,
+      $isFocusVisible = _ref4.$isFocusVisible;
+  return _objectSpread(_objectSpread({}, getSvgStyles({
+    $theme: $theme,
+    $size: $size,
+    $color: $color
+  })), {}, {
     cursor: 'pointer',
-    width: props.$size || '16px',
+    width: $size || '16px',
     flexShrink: 0,
-    outline: props.$isFocusVisible ? "3px solid ".concat(props.$theme.colors.accent) : 'none'
+    outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none'
   });
 });
 CloseIconSvg.displayName = "CloseIconSvg";

package/esm/toast/toaster.js

@@ -201,11 +201,10 @@ export var ToasterContainer = /*#__PURE__*/function (_React$Component) {
         Body: StyledBody,
         CloseIcon: StyledCloseIcon,
         InnerContainer: StyledInnerContainer
-      }, // $FlowFixMe
-      {
-        Body: BodyOverride,
-        CloseIcon: CloseIconOverride,
-        InnerContainer: InnerContainerOverride
+      }, {
+        Body: BodyOverride || {},
+        CloseIcon: CloseIconOverride || {},
+        InnerContainer: InnerContainerOverride || {}
       });
       var toastOverrides = mergeOverrides(globalToastOverrides, toastProps.overrides);
       return /*#__PURE__*/React.createElement(Toast, _extends({}, restProps, {
@@ -263,8 +262,7 @@ export var ToasterContainer = /*#__PURE__*/function (_React$Component) {
       }, sharedProps, rootProps), toastsToRender); //Only render the portal in the browser, otherwise render the toasts and children
 
       if (this.state.isMounted) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.usePortal && typeof document !== 'undefined' ? /*#__PURE__*/ReactDOM.createPortal(root, // $FlowFixMe
-        document.body) : root, this.props.children);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.usePortal && typeof document !== 'undefined' && document.body ? /*#__PURE__*/ReactDOM.createPortal(root, document.body) : root, this.props.children);
       } else {
         return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children);
       }

package/esm/toast/types.js

@@ -4,7 +4,5 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-
-/* eslint-disable flowtype/generic-spacing */
 import * as React from 'react';
 import { KIND, PLACEMENT, TYPE } from './constants.js';

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

@@ -20,14 +20,18 @@ var TreeLabelInteractable = function TreeLabelInteractable(_ref) {
       props = _objectWithoutProperties(_ref, ["overrides"]);
 
   var LabelInteractable = getOverride(overrides.LabelInteractable) || StyledLabelInteractable;
-  return /*#__PURE__*/React.createElement(LabelInteractable, _extends({
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    }
-  }, props));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(LabelInteractable, _extends({
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      onKeyDown: function onKeyDown(e) {
+        return e.stopPropagation();
+      }
+    }, props))
+  );
 };
 
 export default TreeLabelInteractable;

package/esm/tree-view/tree-label.js

@@ -70,9 +70,13 @@ var TreeLabel = function TreeLabel(_ref) {
   var LeafIconContainer = getOverride(LeafIconContainerOverride) || StyledIconContainer;
   var LeafIcon = getOverride(LeafIconOverride) || BlankIcon;
   var TreeItemContent = getOverride(TreeItemContentOverride) || StyledItemContent;
-  return /*#__PURE__*/React.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/React.createElement(IconContainer, _extends({}, sharedProps, getOverrideProps(IconContainerOverride)), !isExpanded ? /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-    return theme.direction === 'rtl' ? /*#__PURE__*/React.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/React.createElement(Right, _extends({}, sharedProps, RightProps));
-  }) : /*#__PURE__*/React.createElement(CollapseIcon, _extends({}, sharedProps, getOverrideProps(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/React.createElement(LeafIconContainer, _extends({}, sharedProps, getOverrideProps(LeafIconContainerOverride)), /*#__PURE__*/React.createElement(LeafIcon, _extends({}, sharedProps, getOverrideProps(LeafIconOverride)))), typeof label === 'function' ? label(node) : label);
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/React.createElement(IconContainer, _extends({}, sharedProps, getOverrideProps(IconContainerOverride)), !isExpanded ? /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return theme.direction === 'rtl' ? /*#__PURE__*/React.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/React.createElement(Right, _extends({}, sharedProps, RightProps));
+    }) : /*#__PURE__*/React.createElement(CollapseIcon, _extends({}, sharedProps, getOverrideProps(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/React.createElement(LeafIconContainer, _extends({}, sharedProps, getOverrideProps(LeafIconContainerOverride)), /*#__PURE__*/React.createElement(LeafIcon, _extends({}, sharedProps, getOverrideProps(LeafIconOverride)))), typeof label === 'function' ? label(node) : label)
+  );
 };
 
 export default TreeLabel;

package/esm/tree-view/tree-node.js

@@ -123,7 +123,7 @@ var TreeNode = /*#__PURE__*/function (_React$Component) {
         },
         onBlur: onBlur,
         onFocus: this.onFocus,
-        "aria-expanded": isExpanded ? true : false,
+        "aria-expanded": isExpanded,
         $isLeafNode: !hasChildren
       }, getOverrideProps(TreeItemOverride)), /*#__PURE__*/React.createElement(TreeLabel, _extends({
         onClick: this.onToggle,

package/esm/tree-view/tree-view.js

@@ -36,7 +36,7 @@ export default function TreeView(props) {
       getId = _props$getId === void 0 ? defaultGetId : _props$getId;
   var RootOverride = overrides.Root;
   var Root = getOverride(RootOverride) || StyledTreeItemList;
-  var firstId = data.length && getId(data[0]);
+  var firstId = data.length > 0 ? getId(data[0]) : 0;
 
   var _React$useState = React.useState(firstId),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -54,18 +54,18 @@ export default function TreeView(props) {
       setTypeAheadChars = _React$useState6[1];
 
   var timeOutRef = React.useRef(null);
-  var treeItemRefs = React.useRef({});
+  var treeItemRefs = {};
 
   var focusTreeItem = function focusTreeItem(id) {
     if (!id) return;
     setSelectedNodeId(id);
-    var refs = treeItemRefs.current[id];
+    var refs = treeItemRefs[id];
     var node = refs && refs.current;
     if (node) node.focus();
   };
 
   var onKeyDown = function onKeyDown(e, node) {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -181,10 +181,10 @@ export default function TreeView(props) {
       onFocus: onFocus,
       onBlur: onBlur,
       addRef: function addRef(id, ref) {
-        treeItemRefs.current[id] = ref;
+        treeItemRefs[id] = ref;
       },
       removeRef: function removeRef(id) {
-        delete treeItemRefs.current[id];
+        delete treeItemRefs[id];
       },
       isFocusVisible: focusVisible
     });