@jetbrains/ring-ui 5.0.89 → 5.0.91

package/dist/global/theme.d.ts

@@ -1,14 +1,21 @@
-import React, { HTMLAttributes } from 'react';
+import React, { HTMLAttributes, ReactElement } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
     DARK = "dark"
 }
 export declare function useTheme(): Theme.LIGHT | Theme.DARK;
+export declare function useThemeClasses(theme: Theme): string;
+export interface WithThemeClassesProps {
+    theme: Theme;
+    children: (classes: string) => ReactElement;
+}
+export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
 export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
     theme?: Theme;
     passToPopups?: boolean;
+    target?: HTMLElement;
 }
 export declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
 export default Theme;

package/dist/global/theme.js

@@ -4,7 +4,7 @@ import 'classnames';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-export { a as ThemeProvider, b as applyTheme, T as default, u as useTheme } from '../_helpers/theme.js';
+export { a as ThemeProvider, W as WithThemeClasses, c as applyTheme, T as default, u as useTheme, b as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
 import 'prop-types';
 import './schedule-raf.js';

package/dist/header/header.js

@@ -56,7 +56,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/header/profile.js

@@ -44,7 +44,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/header/smart-profile.js

@@ -79,7 +79,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/list/list.js

@@ -36,7 +36,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';

package/dist/list/list__item.js

@@ -12,7 +12,7 @@ import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/list/list__users-groups-source.js

@@ -35,7 +35,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';

package/dist/message/message.js

@@ -7,7 +7,7 @@ import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
-import { T as Theme, m as modules_59717246, a as ThemeProvider } from '../_helpers/theme.js';
+import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -159,11 +159,13 @@ class Message extends Component {
     const {
       direction
     } = this.state;
-    return /*#__PURE__*/React.createElement(Popup, _extends({
+    return /*#__PURE__*/React.createElement(WithThemeClasses, {
+      theme: theme
+    }, themeClasses => /*#__PURE__*/React.createElement(Popup, _extends({
       ref: this.popupRef,
       hidden: false,
       directions: popupDirections,
-      className: classes,
+      className: classNames(classes, themeClasses),
       offset: UNIT * 2,
       onDirectionChange: this._onDirectionChange
     }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
@@ -187,7 +189,7 @@ class Message extends Component {
     }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
       onClick: onDismiss,
       text: true
-    }, translations.dismiss)));
+    }, translations.dismiss))));
   }
 }
 _defineProperty(Message, "defaultProps", {

package/dist/pager/pager.js

@@ -60,7 +60,7 @@ import '../_helpers/link.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/pager-ng/pager-ng.js

@@ -66,7 +66,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/popup/position.js

@@ -81,7 +81,7 @@ function verticalOverflow(styles, scrollingCoordinates, attrs) {
   const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
   const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
   const topOverflow = Math.max(viewportMinX - styles.top, 0);
-  const popupHeight = attrs.popup.clientHeight;
+  const popupHeight = attrs.maxHeight && typeof attrs.maxHeight === 'number' ? Math.min(attrs.popup.scrollHeight, attrs.maxHeight) : attrs.popup.scrollHeight;
   const verticalDiff = styles.top + popupHeight - viewportMaxX;
   const bottomOverflow = Math.max(verticalDiff, 0);
   return topOverflow + bottomOverflow;
@@ -169,7 +169,9 @@ function position(attrs) {
     };
     const directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
     if (!autoPositioning || directions.length === 1) {
-      styles = directionsMatrix[directions[0]];
+      styles = {
+        ...directionsMatrix[directions[0]]
+      };
       chosenDirection = directions[0];
     } else {
       const sortedByIncreasingOverflow = directions.
@@ -188,7 +190,9 @@ function position(attrs) {
         const overflowB = verticalOverflow(stylesB, scroll, overflowAttrs) + horizontalOverflow(stylesB, scroll, overflowAttrs);
         return overflowA - overflowB;
       });
-      styles = sortedByIncreasingOverflow[0].styles;
+      styles = {
+        ...sortedByIncreasingOverflow[0].styles
+      };
       chosenDirection = sortedByIncreasingOverflow[0].direction;
     }
     // because of the anchor negative margin top and left also may become negative

package/dist/popup-menu/popup-menu.js

@@ -38,7 +38,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';

package/dist/query-assist/query-assist.js

@@ -54,7 +54,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/query-assist/query-assist__suggestions.js

@@ -33,7 +33,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';

package/dist/query-assist-ng/query-assist-ng.js

@@ -52,7 +52,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';

package/dist/select/select.js

@@ -58,7 +58,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/select/select__filter.js

@@ -47,7 +47,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';

package/dist/select/select__popup.js

@@ -51,7 +51,7 @@ import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/select-ng/select-ng.js

@@ -59,7 +59,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';

package/dist/select-ng/select-ng__lazy.js

@@ -55,7 +55,7 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-10px';
+import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../_helpers/checkbox.js';