baseui 0.0.0-next-2992a67 → 0.0.0-next-ecc760f

package/toast/types.d.ts

@@ -1,10 +1,10 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { KIND, PLACEMENT, TYPE } from './constants';
-export declare type KindType = typeof KIND[keyof typeof KIND];
-export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
-export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];
-export declare type SharedStylePropsArg = {
+export type KindType = (typeof KIND)[keyof typeof KIND];
+export type NotificationType = (typeof TYPE)[keyof typeof TYPE];
+export type PlacementType = (typeof PLACEMENT)[keyof typeof PLACEMENT];
+export type SharedStylePropsArg = {
     $closeable: boolean;
     $isFocusVisible: boolean;
     $isRendered: boolean;
@@ -12,25 +12,25 @@ export declare type SharedStylePropsArg = {
     $kind: KindType;
     $type: NotificationType;
 };
-export declare type ToasterSharedStylePropsArg = {
+export type ToasterSharedStylePropsArg = {
     $placement: PlacementType;
 };
-export declare type ToastOverrides = {
+export type ToastOverrides = {
     Body?: Override;
     CloseIcon?: Override;
     InnerContainer?: Override;
 };
-export declare type ComponentRenderProp = (props: {
+export type ComponentRenderProp = (props: {
     dismiss: () => void;
 }) => React.ReactNode;
-export declare type Child = React.ReactNode;
-export declare type Children = React.ReactNode;
-export declare type ToastPrivateState = {
+export type Child = React.ReactNode;
+export type Children = React.ReactNode;
+export type ToastPrivateState = {
     isFocusVisible: boolean;
     isRendered: boolean;
     isVisible: boolean;
 };
-export declare type ToastProps = {
+export type ToastProps = {
     /** This is a private property to detect manual changes to a toast
      *  i.e. calling toaster.info() with the same key twice
      *  currently the change detection is used to reset the autohide timer
@@ -65,14 +65,14 @@ export declare type ToastProps = {
     onMouseLeave?: (e: React.MouseEvent) => unknown;
     overrides?: ToastOverrides;
 };
-export declare type ToastPropsShape = Partial<Omit<ToastProps, 'children'>>;
-export declare type ToasterOverrides = {
+export type ToastPropsShape = Partial<Omit<ToastProps, 'children'>>;
+export type ToasterOverrides = {
     Root?: Override;
     ToastBody?: Override;
     ToastCloseIcon?: Override;
     ToastInnerContainer?: Override;
 };
-export declare type ToasterProps = {
+export type ToasterProps = {
     /** If true, the toast close icon will receive focus on mount
         and restore focus to previously focused element on unmount.
         This should only be used when there is no autoHideDuration
@@ -91,7 +91,7 @@ export declare type ToasterProps = {
     resetAutoHideTimerOnUpdate?: boolean;
     usePortal: boolean;
 };
-export declare type ToasterContainerState = {
+export type ToasterContainerState = {
     isMounted: boolean;
     toasts: Array<ToastProps>;
 };

package/tokens/index.d.ts

@@ -2,4 +2,4 @@ import type { ColorTokens } from './types';
 export { default as colors } from './colors';
 export * from './types';
 /** @deprecated use ColorTokens instead. To be removed in future versions.*/
-export declare type TokenColors = ColorTokens;
+export type TokenColors = ColorTokens;

package/tokens/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ColorTokens = {
+export type ColorTokens = {
     white: string;
     black: string;
     gray50: string;

package/tooltip/types.d.ts

@@ -1,8 +1,8 @@
 import type { AccessibilityType, BasePopoverProps, Child, Children, ContentRenderProp, PopoverOverrides, PopoverPlacement, PopoverProps, PopoverPropsWithoutChildren, StateChangeType, State, StatefulContentRenderProp, StatefulPopoverProps, StatefulPopoverContainerProps, StateReducer, TriggerType } from '../popover';
-declare type BaseTooltipProps = BasePopoverProps;
-declare type TooltipPlacement = PopoverPlacement;
-declare type TooltipProps = PopoverProps;
-declare type TooltipPropsWithoutChildren = PopoverPropsWithoutChildren;
-declare type StatefulTooltipProps = StatefulPopoverProps;
-declare type StatefulTooltipContainerProps = StatefulPopoverContainerProps;
+type BaseTooltipProps = BasePopoverProps;
+type TooltipPlacement = PopoverPlacement;
+type TooltipProps = PopoverProps;
+type TooltipPropsWithoutChildren = PopoverPropsWithoutChildren;
+type StatefulTooltipProps = StatefulPopoverProps;
+type StatefulTooltipContainerProps = StatefulPopoverContainerProps;
 export type { AccessibilityType, BaseTooltipProps, Child, Children, ContentRenderProp, PopoverOverrides, TooltipProps, State, StateChangeType, StateReducer, StatefulContentRenderProp, StatefulTooltipProps, StatefulTooltipContainerProps, TooltipPlacement, TooltipPropsWithoutChildren, TriggerType, };

package/tree-view/index.d.ts

@@ -8,4 +8,4 @@ export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };
 /** @deprecated use TreeNodeData instead. To be removed in future versions.*/
-export declare type TreeNode<T = any> = TreeNodeData<T>;
+export type TreeNode<T = any> = TreeNodeData<T>;

package/tree-view/stateful-container.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { StatefulContainerProps, TreeNodeData } from './types';
-declare type StateType = {
+type StateType = {
     data: TreeNodeData[];
 };
 export default class StatefulContainer extends React.Component<StatefulContainerProps, StateType> {

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-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) {