baseui 12.1.3 → 13.0.0

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

@@ -31,10 +31,12 @@ var TreeLabelInteractable = function TreeLabelInteractable(_ref) {
   return (
     /*#__PURE__*/
     // $FlowExpectedError[cannot-spread-inexact]
-    _react.default.createElement(LabelInteractable, _extends({
+    _react.default.createElement(LabelInteractable // @ts-ignore
+    , _extends({
       onClick: function onClick(e) {
         return e.stopPropagation();
-      },
+      } // @ts-ignore
+      ,
       onKeyDown: function onKeyDown(e) {
         return e.stopPropagation();
       }

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

@@ -12,6 +12,8 @@ import type { OverrideT } from '../helpers/overrides.js';
 
 const TreeLabelInteractable: React$ComponentType<{
   overrides?: { LabelInteractable: OverrideT },
+  /** Content to be rendered in the TreeLabelInteractable. */
+  children?: React$Node,
 }> = ({ overrides = {}, ...props }) => {
   const LabelInteractable = getOverride(overrides.LabelInteractable) || StyledLabelInteractable;
   return (

package/tree-view/tree-view.js

@@ -85,6 +85,7 @@ function TreeView(props) {
   var onKeyDown = function onKeyDown(e, node) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
+    // @ts-ignore
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
       return;
@@ -145,7 +146,8 @@ function TreeView(props) {
 
       case '*':
         e.preventDefault();
-        (0, _utils.getExpandableSiblings)(data, selectedNodeId, getId).forEach(function (node) {
+        (0, _utils.getExpandableSiblings)(data, selectedNodeId, getId).forEach( // @ts-ignore
+        function (node) {
           return _onToggle && _onToggle(node);
         });
         break;
@@ -155,7 +157,8 @@ function TreeView(props) {
           clearTimeout(timeOutRef.current);
         }
 
-        setTypeAheadChars(typeAheadChars + e.key);
+        setTypeAheadChars(typeAheadChars + e.key); // @ts-ignore
+
         timeOutRef.current = setTimeout(function () {
           setTypeAheadChars('');
         }, 500);

package/tree-view/types.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type TreeLabelOverrides = {
+export type TreeLabelOverrides = {
     TreeItemContent?: Override;
     IconContainer?: Override;
     ExpandIcon?: Override;
@@ -8,14 +8,14 @@ export declare type TreeLabelOverrides = {
     LeafIconContainer?: Override;
     LeafIcon?: Override;
 };
-export declare type TreeViewOverrides = {
+export type TreeViewOverrides = {
     Root?: Override;
     TreeItemList?: Override;
     TreeItem?: Override;
     TreeLabel?: Override;
 } & TreeLabelOverrides;
-export declare type TreeNodeId = number | string;
-export declare type TreeNodeData<T = any> = {
+export type TreeNodeId = number | string;
+export type TreeNodeData<T = any> = {
     id?: TreeNodeId;
     children?: TreeNodeData[];
     isExpanded?: boolean;
@@ -23,7 +23,7 @@ export declare type TreeNodeData<T = any> = {
     info?: T;
     [key: string]: any;
 };
-export declare type TreeLabelProps = {
+export type TreeLabelProps = {
     hasChildren: boolean;
     isExpanded?: boolean;
     isSelected?: boolean;
@@ -32,13 +32,13 @@ export declare type TreeLabelProps = {
     overrides?: TreeLabelOverrides;
     node: TreeNodeData;
 };
-export declare type SharedStyleProps = {
+export type SharedStyleProps = {
     $hasChildren: boolean;
     $isExpanded: boolean;
     $isSelected: boolean;
     $isFocusVisible: boolean;
 };
-export declare type TreeNodeProps = {
+export type TreeNodeProps = {
     node: TreeNodeData;
     getId: (node: TreeNodeData) => TreeNodeId;
     onToggle?: (node: TreeNodeData) => void;
@@ -53,10 +53,10 @@ export declare type TreeNodeProps = {
     isFocusVisible?: boolean;
     indentGuides?: boolean;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     children: (props: TreeViewProps) => React.ReactNode;
 } & TreeViewProps;
-export declare type TreeViewProps = {
+export type TreeViewProps = {
     data: TreeNodeData[];
     indentGuides?: boolean;
     onToggle?: (node: TreeNodeData) => void;

package/tree-view/utils.js

@@ -17,21 +17,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
 var getLastLeafId = function 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
+
 
 var getParentId = function getParentId(nodes, nodeId, parentId, getId) {
   for (var 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
       var foundId = getParentId(nodes[i].children, nodeId, getId(nodes[i]), getId);
 
       if (foundId) {
@@ -41,7 +45,8 @@ var getParentId = function getParentId(nodes, nodeId, parentId, getId) {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 
 exports.getParentId = getParentId;
 
@@ -53,9 +58,11 @@ var getPrevId = function 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
       var foundId = getPrevId(nodes[i].children, nodeId, getId(nodes[i]), getId);
 
       if (foundId) {
@@ -65,19 +72,24 @@ var getPrevId = function getPrevId(nodes, nodeId, parentId, getId) {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 
 exports.getPrevId = getPrevId;
 
 var getFirstChildId = function getFirstChildId(nodes, nodeId, getId) {
   for (var 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
       var foundId = getFirstChildId(nodes[i].children, nodeId, getId);
 
       if (foundId) {
@@ -87,24 +99,30 @@ var getFirstChildId = function getFirstChildId(nodes, nodeId, getId) {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 
 exports.getFirstChildId = getFirstChildId;
 
 var getNextId = function getNextId(nodes, nodeId, closestOmmer, getId) {
   for (var 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) {
-      var foundId = getNextId(nodes[i].children, nodeId, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId);
+      // @ts-ignore
+      var foundId = getNextId( // @ts-ignore
+      nodes[i].children, nodeId, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId);
 
       if (foundId) {
         return foundId;
@@ -113,7 +131,8 @@ var getNextId = function getNextId(nodes, nodeId, closestOmmer, getId) {
   }
 
   return null;
-};
+}; // @ts-ignore
+
 
 exports.getNextId = getNextId;
 
@@ -125,7 +144,8 @@ var getEndId = function getEndId(nodes, getId) {
   }
 
   return getId(endNode);
-};
+}; // @ts-ignore
+
 
 exports.getEndId = getEndId;
 
@@ -135,15 +155,19 @@ var getExpandableSiblings = function getExpandableSiblings(nodes, nodeId, getId)
       var expandableSiblings = [];
 
       for (var 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
       var result = getExpandableSiblings(nodes[i].children, nodeId, getId);
 
       if (result.length) {
@@ -183,7 +207,8 @@ var getCharMatchId = function getCharMatchId(nodes, nodeId, chars, closestOmmer,
   if (foundid) return foundid;
   foundid = matchString(nodes, nodeId, chars, closestOmmer, getId, false);
   return foundid;
-};
+}; // @ts-ignore
+
 
 exports.getCharMatchId = getCharMatchId;
 
@@ -195,10 +220,13 @@ var matchString = function matchString(nodes, nodeId, chars, closestOmmer, getId
       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) {
-      var foundId = matchString(nodes[i].children, nodeId, chars, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId, matchPrefix);
+      // @ts-ignore
+      var foundId = matchString( // @ts-ignore
+      nodes[i].children, nodeId, chars, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId, matchPrefix);
 
       if (foundId) {
         return foundId;

package/utils/deep-merge.js

@@ -23,14 +23,19 @@ function deepMerge(target) {
     obj = (i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1]) || {};
 
     for (var 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/utils/focusVisible.js

@@ -20,7 +20,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
 var initialized = false;
 var hadKeyboardEvent = true;
-var hadFocusVisibleRecently = false;
+var hadFocusVisibleRecently = false; // @ts-ignore
+
 var hadFocusVisibleRecentlyTimeout = null;
 var inputTypesWhitelist = {
   text: true,
@@ -44,10 +45,11 @@ var inputTypesWhitelist = {
  * @param {Element} node
  * @return {boolean}
  */
+// @ts-ignore
 
 function focusTriggersKeyboardModality(node) {
   var type = node.type,
-      tagName = node.tagName;
+      tagName = node.tagName; // @ts-ignore
 
   if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {
     return true;
@@ -70,6 +72,7 @@ function focusTriggersKeyboardModality(node) {
  * then the modality is keyboard. Otherwise, the modality is not keyboard.
  * @param {KeyboardEvent} event
  */
+// @ts-ignore
 
 
 function handleKeyDown(event) {
@@ -93,6 +96,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).
@@ -102,7 +106,8 @@ function handleVisibilityChange() {
       hadKeyboardEvent = true;
     }
   }
-}
+} // @ts-ignore
+
 
 function prepare(doc) {
   doc.addEventListener('keydown', handleKeyDown, true);
@@ -110,7 +115,8 @@ function prepare(doc) {
   doc.addEventListener('pointerdown', handlePointerDown, true);
   doc.addEventListener('touchstart', handlePointerDown, true);
   doc.addEventListener('visibilitychange', handleVisibilityChange, true);
-}
+} // @ts-ignore
+
 
 function teardown(doc) {
   doc.removeEventListener('keydown', handleKeyDown, true);
@@ -118,7 +124,8 @@ function teardown(doc) {
   doc.removeEventListener('pointerdown', handlePointerDown, true);
   doc.removeEventListener('touchstart', handlePointerDown, true);
   doc.removeEventListener('visibilitychange', handleVisibilityChange, true);
-}
+} // @ts-ignore
+
 
 function isFocusVisible(event) {
   try {
@@ -146,12 +153,15 @@ function handleBlurVisible() {
   hadFocusVisibleRecently = true;
 
   if (typeof document !== 'undefined') {
-    window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+    // @ts-ignore
+    window.clearTimeout(hadFocusVisibleRecentlyTimeout); // @ts-ignore
+
     hadFocusVisibleRecentlyTimeout = window.setTimeout(function () {
       hadFocusVisibleRecently = false;
     }, 100);
   }
-}
+} // @ts-ignore
+
 
 function initFocusVisible(node) {
   if (!initialized && node != null) {