@jetbrains/ring-ui-built 7.0.61 → 7.0.63

package/components/global/composeRefs.js

@@ -1,19 +1,9 @@
-import memoizeOne from 'memoize-one';
+import { createComposedRef as createComposedRef$1 } from './compose-refs.js';
+import 'memoize-one';
 
-function composeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return value => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref != null) {
-      ref.current = value;
-    }
-  });
-}
-function createComposedRef() {
-  return memoizeOne(composeRefs);
-}
+/**
+ * @deprecated Use createComposedRef from './compose-refs' instead
+ */
+const createComposedRef = createComposedRef$1;
 
 export { createComposedRef };

package/components/global/create-stateful-context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 type Update<T> = (value: T) => void;
 export interface ProviderProps {
     children: ReactNode;

package/components/global/dom.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name DOM
  */
-import { SyntheticEvent } from 'react';
+import { type SyntheticEvent } from 'react';
 import type { PropertiesHyphen } from 'csstype';
 export declare const getStyles: ((elt: Element, pseudoElt?: string | null) => CSSStyleDeclaration) & typeof getComputedStyle;
 export declare function isMounted(node: Node | Range | null | undefined): boolean;

package/components/global/dom.js

@@ -21,7 +21,7 @@ const rectStub = {
   height: 0
 };
 function getRect(node) {
-  if (node instanceof Range || node != null && isMounted(node)) {
+  if (node instanceof Range || node && isMounted(node)) {
     const {
       top,
       right,
@@ -38,9 +38,8 @@ function getRect(node) {
       width,
       height
     };
-  } else {
-    return Object.assign({}, rectStub);
   }
+  return Object.assign({}, rectStub);
 }
 function getPixelRatio() {
   return 'devicePixelRatio' in window ? window.devicePixelRatio : 1;

package/components/global/focus-sensor-hoc.d.ts

@@ -1,4 +1,4 @@
-import { ComponentClass, Ref } from 'react';
+import { type ComponentClass, type Ref } from 'react';
 export interface FocusSensorOuterProps<T extends HTMLElement> {
     focused?: boolean | undefined;
     autofocus?: boolean | undefined;

package/components/global/focus-sensor-hoc.js

@@ -2,7 +2,7 @@ import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutPropertie
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
-import { createComposedRef } from './composeRefs.js';
+import { createComposedRef } from './compose-refs.js';
 import 'memoize-one';
 
 const _excluded = ["autofocus", "focused", "onFocus", "onBlur", "innerRef", "scrollOnTableFocus"];
@@ -83,7 +83,7 @@ function focusSensorHOC(ComposedComponent) {
         node
       } = this;
       node === null || node === void 0 || node.setAttribute('tabindex', '0');
-      if (node != null) {
+      if (node) {
         node.style.outline = 'none';
       }
       document.addEventListener('focus', this.onFocusCapture, true);

package/components/global/fuzzy-highlight.d.ts

@@ -1,8 +1,8 @@
 /** https://github.com/bevacqua/fuzzysearch + highlighting with Markdown */
-type Match = {
+interface Match {
     from: number;
     to: number;
-};
+}
 export default function fuzzyHighlight(needle: string, haystack: string, caseSensitive?: boolean): {
     matched: boolean;
     matches: Match[];

package/components/global/get-event-key.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import type * as React from 'react';
 export default function getEventKey(nativeEvent: KeyboardEvent | React.KeyboardEvent): string;

package/components/global/memoize.js

@@ -7,7 +7,7 @@ function memoize(fn) {
     const key = arg !== null && arg !== void 0 ? arg : '__singleValue__';
     const cache = key instanceof Object ? objectCache : primitiveCache;
     const cached = cache.get(key);
-    if (cached != null) {
+    if (cached !== undefined) {
       return cached;
     }
     const value = fn(arg);

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import { Component, PropsWithoutRef } from 'react';
+import { Component, type PropsWithoutRef } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }

package/components/global/rerender-hoc.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPl
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Component } from 'react';
-import { createComposedRef } from './composeRefs.js';
+import { createComposedRef } from './compose-refs.js';
 import 'memoize-one';
 
 function rerenderHOC(ComposedComponent) {
@@ -15,7 +15,7 @@ function rerenderHOC(ComposedComponent) {
     render() {
       const ref = this.composedRef(this.props.forwardedRef);
       return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
-        ref: instance => ref(instance != null ? _objectSpread2(_objectSpread2({}, instance), {}, {
+        ref: instance => ref(instance ? _objectSpread2(_objectSpread2({}, instance), {}, {
           rerender: this.setState.bind(this)
         }) : null)
       }));

package/components/global/theme.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement, FunctionComponent } from 'react';
+import { type HTMLAttributes, type ReactElement, type FunctionComponent } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",

package/components/global/url.js

@@ -92,7 +92,7 @@ function joinBaseURLAndPath(baseUrl, path) {
  * @return {AuthResponse} object with query parameters map
  */
 function parseQueryString(queryString) {
-  if (queryString == null) {
+  if (!queryString) {
     return {};
   }
   const queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
@@ -103,7 +103,7 @@ function parseQueryString(queryString) {
     return decodeURIComponent(s.replace(/\+/g, ' '));
   }
   let matchedQueryPair;
-  while ((matchedQueryPair = queryParameterPairRE.exec(queryString)) != null) {
+  while (queryString && (matchedQueryPair = queryParameterPairRE.exec(queryString))) {
     urlParams[decode(matchedQueryPair[FIRST_PAIR_ELEMENT])] = decode(matchedQueryPair[SECOND_PAIR_ELEMENT]);
   }
   return urlParams;
@@ -125,7 +125,7 @@ function encodeURL(url, params) {
   let k;
   let i = 0;
   for (k in params) {
-    if (params.hasOwnProperty(k) && params[k] != null) {
+    if (Object.prototype.hasOwnProperty.call(params, k) && params[k] !== null && params[k] !== undefined) {
       res += (i++ === 0 ? firstSeparator : '&') + customEncodeURIComponent(k) + equalsSign + customEncodeURIComponent(params[k]);
     }
   }

package/components/global/use-event-callback.js

@@ -10,7 +10,7 @@ function useEventCallback(fn) {
     const {
       current
     } = ref;
-    if (current == null) {
+    if (current === null || current === undefined) {
       throw new Error('callback created in useEventCallback can only be called from event handlers');
     }
     return current(...arguments);

package/components/grid/col.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import { Component, type ReactNode } from 'react';
 export interface ColProps {
     children?: ReactNode;
     xs?: boolean | number | null | undefined;

package/components/grid/col.js

@@ -45,7 +45,7 @@ class Col extends Component {
     });
     return jsx("div", {
       className: classes,
-      "data-test": "ring-grid-column",
+      "data-test": 'ring-grid-column',
       children: children
     });
   }

package/components/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 /**
  * @name Grid
  */

package/components/grid/grid.js

@@ -22,7 +22,7 @@ class Grid extends Component {
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles['container-fluid'], className);
     return jsx("div", _objectSpread2(_objectSpread2({
-      "data-test": "ring-grid"
+      "data-test": 'ring-grid'
     }, restProps), {}, {
       className: classes,
       children: children

package/components/grid/row.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import { Component, type ReactNode } from 'react';
 type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
 export interface RowProps {
     children?: ReactNode;

package/components/grid/row.js

@@ -41,7 +41,7 @@ class Row extends Component {
     });
     return jsx("div", {
       className: classes,
-      "data-test": "ring-grid-row",
+      "data-test": 'ring-grid-row',
       children: children
     });
   }

package/components/group/group.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 /**
  * @name Group
  */

package/components/group/group.js

@@ -19,7 +19,7 @@ class Group extends Component {
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.group, className);
     return jsx("span", _objectSpread2(_objectSpread2({
-      "data-test": "ring-group"
+      "data-test": 'ring-group'
     }, restProps), {}, {
       className: classes,
       children: children

package/components/header/header-icon.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { ButtonAttrs } from '../button/button';
-import { IconType } from '../icon/icon';
+import { type ButtonAttrs } from '../button/button';
+import { type IconType } from '../icon';
 export interface HeaderIconSpecificProps {
     icon: string | IconType;
     rotatable?: boolean | null | undefined;

package/components/header/header-icon.js

@@ -9,15 +9,15 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.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 '../global/memoize.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 
 const _excluded = ["className", "rotatable"];
 class HeaderIcon extends Component {

package/components/header/header.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 import Theme from '../global/theme';
 interface HeaderProps extends HTMLAttributes<HTMLElement> {
     spaced: boolean;

package/components/header/header.js

@@ -34,15 +34,15 @@ import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../_helpers/avatar-info.js';
@@ -58,32 +58,28 @@ import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/consts.js';
-import '../list/list__classes.js';
-import '../list/list__custom.js';
+import '../list/list.classes.js';
+import '../list/list-custom.js';
 import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
+import '../list/list-title.js';
+import '../list/list-separator.js';
+import '../list/list-hint.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
-import '../auth/auth.js';
-import '../auth/window-flow.js';
-import '../auth/response-parser.js';
-import '../auth/down-notification.js';
 import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
@@ -93,8 +89,12 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../loader-inline/loader-inline.js';
 import '../alert/container.js';
+import '../auth/auth.js';
+import '../auth/window-flow.js';
+import '../auth/response-parser.js';
+import '../auth/down-notification.js';
 import '../group/group.js';
-import '../auth/auth__core.js';
+import '../auth/auth-core.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url.to-json.js';
 import 'core-js/modules/web.url-search-params.js';
@@ -102,7 +102,7 @@ import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
 import '../auth/storage.js';
-import '../storage/storage__local.js';
+import '../storage/storage-local.js';
 import '../auth/request-builder.js';
 import 'simply-uuid';
 import '../auth/background-flow.js';

package/components/header/links.d.ts

@@ -1,2 +1,2 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export default function Links({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/components/header/logo.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
-import { IconAttrs, Size } from '../icon/icon';
+import { type IconAttrs, Size } from '../icon/icon';
 export default class Logo extends PureComponent<IconAttrs> {
     static defaultProps: {
         size: Size;

package/components/header/logo.js

@@ -4,9 +4,9 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { s as styles } from '../_helpers/header.js';
-import { Size } from '../icon/icon__constants.js';
+import { Size } from '../icon/icon.constants.js';
 import 'util-deprecate';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';

package/components/header/profile.d.ts

@@ -1,10 +1,10 @@
-import { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import { type ComponentType, type HTMLAttributes, PureComponent, type ReactNode } from 'react';
 import * as React from 'react';
 import { Size } from '../avatar/avatar';
-import { PopupMenuAttrs } from '../popup-menu/popup-menu';
-import { ListDataItem } from '../list/consts';
-import { AuthUser } from '../auth/auth';
-import { ClickableLinkProps } from '../link/clickableLink';
+import { type PopupMenuAttrs } from '../popup-menu/popup-menu';
+import { type ListDataItem } from '../list/consts';
+import { type AuthUser } from '../auth/auth';
+import { type ClickableLinkProps } from '../link/clickable-link';
 export interface ProfileTranslations {
     applyChangedUser?: string | null | undefined;
     login?: string | null | undefined;

package/components/header/profile.js

@@ -23,12 +23,12 @@ import '../global/get-uid.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../link/clickableLink.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';
@@ -45,22 +45,22 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/consts.js';
-import '../list/list__classes.js';
-import '../list/list__custom.js';
+import '../list/list.classes.js';
+import '../list/list-custom.js';
 import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
+import '../list/list-title.js';
+import '../list/list-separator.js';
+import '../list/list-hint.js';
 import '../dropdown/dropdown.js';
 import '../_helpers/anchor.js';
 import '../popup/popup.js';
@@ -126,7 +126,7 @@ class Profile extends PureComponent {
       [styles.hasUpdates]: hasUpdates
     });
     const anchor = jsxs("button", {
-      type: "button",
+      type: 'button',
       className: styles.anchorClassName,
       children: [jsx("span", {
         className: avatarWrapper,
@@ -173,7 +173,7 @@ class Profile extends PureComponent {
       title: user.name,
       anchor: anchor,
       data: renderPopupItems(items),
-      "data-test": "ring-profile",
+      "data-test": 'ring-profile',
       className: classNames(styles.profile, className),
       activeClassName: activeClassName,
       menuProps: _objectSpread2({
@@ -206,7 +206,7 @@ _defineProperty(Profile, "defaultProps", {
           className: classNames(styles.profileEmpty, className),
           children: jsx(Button, {
             primary: true,
-            "data-test": "ring-header-login-button",
+            "data-test": 'ring-header-login-button',
             disabled: loading,
             loader: loading,
             onClick: onLogin,

package/components/header/services-link.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
-import { LinkProps } from '../link/link';
+import { type LinkProps } from '../link/link';
 export interface Service {
     id: string;
     applicationName?: string | null | undefined;

package/components/header/services-link.js

@@ -6,5 +6,5 @@ export { S as default } from '../_helpers/services-link.js';
 import 'classnames';
 import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/header/services.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import { type HTMLAttributes, PureComponent } from 'react';
 import Theme from '../global/theme';
-import ServicesLink, { Service } from './services-link';
+import ServicesLink, { type Service } from './services-link';
 export interface ServicesProps extends HTMLAttributes<HTMLElement> {
     theme: Theme;
     clientId?: string | null | undefined;

package/components/header/services.js

@@ -18,15 +18,15 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.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 '../global/memoize.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -55,7 +55,7 @@ const makeAnchor = loading => {
       loader: loading,
       active: active,
       icon: servicesIcon,
-      "aria-label": "Services"
+      "aria-label": 'Services'
     });
   };
   return Anchor;
@@ -80,7 +80,7 @@ class Services extends PureComponent {
         loader: loading,
         active: loading,
         icon: servicesIcon,
-        "aria-label": "Services"
+        "aria-label": 'Services'
       }));
     }
     const sortedServices = [...services].sort(Services.sort);
@@ -104,7 +104,7 @@ class Services extends PureComponent {
           }, service.id);
         }), separatorIsRequired && jsx("div", {
           className: styles.line
-        }, "separator"), servicesWithOutIcons.map(service => {
+        }, 'separator'), servicesWithOutIcons.map(service => {
           const isActive = this.serviceIsActive(service);
           return jsx(Services.Link, {
             active: isActive,

package/components/header/smart-profile.d.ts

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
-import Auth, { AuthUser } from '../auth/auth';
-import { Size } from '../avatar/avatar';
-import { ProfileAttrs } from './profile';
+import { type Size } from '../avatar/avatar';
+import { type ProfileAttrs } from './profile';
+import { type Auth, type AuthUser } from '../auth/auth';
 export interface SmartProfileProps extends ProfileAttrs {
     auth: Auth;
 }