@jetbrains/ring-ui-built 7.0.30 → 7.0.32

package/components/table/table.d.ts

@@ -50,6 +50,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
     stickyHeaderOffset?: string | undefined;
     renderEmpty?: (() => ReactNode) | null | undefined;
     RowComponent: typeof Row;
+    customLoader?: ((loaderClassName?: string) => ReactNode) | null | undefined;
 }
 /**
  * Interactive table with selection and keyboard navigation support.

package/components/table/table.js

@@ -199,7 +199,8 @@ class Table extends PureComponent {
       onItemDoubleClick,
       onItemClick,
       renderEmpty,
-      RowComponent
+      RowComponent,
+      customLoader
     } = this.props;
     // NOTE: Do not construct new object per render because it causes all rows rerendering
     const columnsArray = typeof columns === 'function' ? columns(null) : columns;
@@ -327,7 +328,7 @@ class Table extends PureComponent {
         })
       }), loading && jsx("div", {
         className: style.loadingOverlay,
-        children: jsx(Loader, {
+        children: customLoader ? customLoader(loaderClassName) : jsx(Loader, {
           className: loaderClassName
         })
       })]

package/components/tooltip/tooltip.d.ts

@@ -13,7 +13,7 @@ export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, '
     selfOverflowOnly?: boolean | null | undefined;
     popupProps?: Partial<PopupAttrs> | null | undefined;
     title?: ReactNode | null | undefined;
-    theme?: Theme;
+    theme?: Theme | 'inherit';
     'data-test'?: string | null | undefined;
     long?: boolean | null | undefined;
 }

package/components/tooltip/tooltip.js

@@ -28,7 +28,7 @@ import '../popup/popup.consts.js';
 import 'core-js/modules/es.string.split.js';
 import '../popup/popup.target.js';
 
-var styles = {"tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
+var styles = {"tooltip":"tooltip_rui_64ba","inheritedTheme":"inheritedTheme_rui_64ba","long":"long_rui_64ba"};
 
 const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
 const scheduleScroll = scheduleRAF();
@@ -171,6 +171,24 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
+    const popup = jsx(Popup, _objectSpread2(_objectSpread2({
+      trapFocus: false,
+      anchorElement: this.containerNode,
+      hidden: !this.state.showPopup || this.state.showNestedPopup,
+      onCloseAttempt: this.hidePopup,
+      maxHeight: 400,
+      attached: false,
+      onMouseOut: this.hideIfMovedOutsidePopup,
+      top: 4,
+      dontCloseOnAnchorClick: true,
+      ref: this.popupRef
+    }, popupProps), {}, {
+      className: classNames(styles.tooltip, {
+        [styles.long]: long,
+        [styles.inheritedTheme]: theme === 'inherit'
+      }, popupProps === null || popupProps === void 0 ? void 0 : popupProps.className),
+      children: title
+    }));
     return jsx(TooltipContext.Provider, {
       value: {
         onNestedTooltipShow,
@@ -180,27 +198,11 @@ class Tooltip extends Component {
         ref: this.containerRef,
         "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
         "data-test-title": typeof title === 'string' ? title : undefined,
-        children: [children, jsx(ThemeProvider, {
+        children: [children, theme === 'inherit' ? popup : jsx(ThemeProvider, {
           theme: theme,
           passToPopups: true,
           WrapperComponent: props => jsx("span", _objectSpread2({}, props)),
-          children: jsx(Popup, _objectSpread2(_objectSpread2({
-            trapFocus: false,
-            anchorElement: this.containerNode,
-            hidden: !this.state.showPopup || this.state.showNestedPopup,
-            onCloseAttempt: this.hidePopup,
-            maxHeight: 400,
-            attached: false,
-            onMouseOut: this.hideIfMovedOutsidePopup,
-            top: 4,
-            dontCloseOnAnchorClick: true,
-            ref: this.popupRef
-          }, popupProps), {}, {
-            className: classNames(styles.tooltip, {
-              [styles.long]: long
-            }, popupProps === null || popupProps === void 0 ? void 0 : popupProps.className),
-            children: title
-          }))
+          children: popup
         })]
       }))
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.30",
+  "version": "7.0.32",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"

package/components/avatar/avatar.figma.d.ts

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

package/components/button/button.figma.d.ts

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

package/components/button-group/button-group.figma.d.ts

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

package/components/button-group/button-group.figma.js

@@ -1,73 +0,0 @@
-import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import figma from '@figma/code-connect';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import { Button } from '../button/button.js';
-import { ControlsHeight } from '../global/controls-height.js';
-import ButtonGroup from './button-group.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import 'classnames';
-import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.weak-map.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import 'core-js/modules/es.promise.js';
-import 'core-js/modules/es.string.split.js';
-import '../global/data-tests.js';
-import '../control-label/control-label.js';
-import '../control-help/control-help.js';
-import '../_helpers/caption.js';
-
-figma.connect(ButtonGroup, 'https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=9954%3A528', {
-  props: {
-    height: figma.enum('Size', {
-      S: ControlsHeight.S,
-      M: ControlsHeight.M,
-      L: ControlsHeight.L
-    }),
-    disabled: figma.enum('State', {
-      Disabled: true
-    }),
-    primary: figma.enum('Variant', {
-      Main: true
-    }),
-    success: figma.enum('Variant', {
-      Green: true
-    }),
-    error: figma.enum('Variant', {
-      'Red solid': true
-    }),
-    secondary: figma.enum('Variant', {
-      Gray: true
-    }),
-    danger: figma.enum('Variant', {
-      'Red outlined': true
-    }),
-    ghost: figma.enum('Variant', {
-      Ghost: true
-    }),
-    inline: figma.enum('Variant', {
-      Text: true
-    })
-  },
-  variant: {
-    Type: 'Split'
-  },
-  example: props => jsxs(ButtonGroup, {
-    children: [jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
-      children: 'Button'
-    })), jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
-      icon: chevronDownIcon
-    }))]
-  }),
-  imports: ['import Button from "@jetbrains/ring-ui/components/button/button"', 'import {ControlsHeight} from "@jetbrains/ring-ui/components/global/controls-height"', 'import chevronDownIcon from "@jetbrains/icons/chevron-down"']
-});