@jetbrains/ring-ui-built 7.0.10 → 7.0.12

package/components/select/select__popup.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import searchIcon from '@jetbrains/icons/search';
@@ -23,7 +24,6 @@ import { ControlsHeight } from '../global/controls-height.js';
 import { createComposedRef } from '../global/composeRefs.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
 import { s as styles, S as SelectFilter } from '../_helpers/select__filter.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
@@ -148,13 +148,13 @@ class SelectPopup extends PureComponent {
       var _multiple$renderSelec;
       const multiple = this.props.multiple;
       const activeFilters = this.props.data.filter(item => !item.disabled);
-      return Array.isArray(this.props.selected) && /*#__PURE__*/jsxs("div", {
+      return Array.isArray(this.props.selected) && jsxs("div", {
         className: styles.selectAll,
-        children: [activeFilters.length === 0 ? /*#__PURE__*/jsx("span", {}) : /*#__PURE__*/jsx(Button, {
+        children: [activeFilters.length === 0 ? jsx("span", {}) : jsx(Button, {
           inline: true,
           onClick: this.handleSelectAll,
           children: activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'
-        }), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || /*#__PURE__*/jsx(Text, {
+        }), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || jsx(Text, {
           info: true,
           children: "".concat(this.props.selected.length, " selected")
         })]
@@ -296,14 +296,14 @@ class SelectPopup extends PureComponent {
   getFilter() {
     if (this.props.filter || this.props.tags) {
       var _this$props$filterIco;
-      return /*#__PURE__*/jsxs("div", {
+      return jsxs("div", {
         className: styles.filterWrapper,
         "data-test": "ring-select-popup-filter",
-        children: [!this.props.tags && /*#__PURE__*/jsx(Icon, {
+        children: [!this.props.tags && jsx(Icon, {
           glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
           className: styles.filterIcon,
           "data-test-custom": "ring-select-popup-filter-icon"
-        }), /*#__PURE__*/jsx(FilterWithShortcuts, {
+        }), jsx(FilterWithShortcuts, {
           rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
           rgShortcutsMap: this.popupFilterShortcutsMap,
           value: this.props.filterValue,
@@ -334,8 +334,8 @@ class SelectPopup extends PureComponent {
     return undefined;
   }
   getTags() {
-    return Array.isArray(this.props.selected) && /*#__PURE__*/jsx("div", {
-      children: /*#__PURE__*/jsx(TagsList, {
+    return Array.isArray(this.props.selected) && jsx("div", {
+      children: jsx(TagsList, {
         tags: this.props.selected,
         activeIndex: this.state.tagsActiveIndex,
         handleRemove: this.handleRemoveTag,
@@ -350,7 +350,7 @@ class SelectPopup extends PureComponent {
       const classes = classNames([styles.filterWithTags, {
         [styles.filterWithTagsFocused]: !this.state.popupFilterShortcutsOptions.disabled
       }]);
-      return /*#__PURE__*/jsxs("div", {
+      return jsxs("div", {
         className: classes,
         children: [this.getTags(), this.getFilter()]
       });
@@ -364,11 +364,11 @@ class SelectPopup extends PureComponent {
       data
     } = this.props;
     const hasMoreThanOneItem = data.length > 1;
-    return (loading || message) && /*#__PURE__*/jsxs("div", {
+    return (loading || message) && jsxs("div", {
       className: classNames(styles.bottomLine, {
         [styles.bottomLineOverItem]: hasMoreThanOneItem
       }),
-      children: [loading && /*#__PURE__*/jsx(LoaderInline, {}), message && /*#__PURE__*/jsx("div", {
+      children: [loading && jsx(LoaderInline, {}), message && jsx("div", {
         className: styles.message,
         children: message
       })]
@@ -388,7 +388,7 @@ class SelectPopup extends PureComponent {
       if (this.props.toolbar) {
         maxHeight -= TOOLBAR_HEIGHT;
       }
-      return /*#__PURE__*/jsx(List, {
+      return jsx(List, {
         id: this.props.listId,
         maxHeight: maxHeight,
         data: this.props.data,
@@ -432,14 +432,14 @@ class SelectPopup extends PureComponent {
       filter
     } = this.props;
     const classes = classNames(styles.popup, className);
-    return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
+    return jsx(PopupTargetContext.Consumer, {
       children: ringPopupTarget => {
         const filterWithTags = this.getFilterWithTags();
         const selectAll = multiple && typeof multiple === 'object' && !multiple.limit && multiple.selectAll && this.getSelectAll();
         const list = this.getList(this.props.ringPopupTarget || ringPopupTarget);
         const bottomLine = this.getBottomLine();
         const hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
-        return /*#__PURE__*/jsx(Popup, {
+        return jsx(Popup, {
           trapFocus: false,
           ref: this.popupRef,
           hidden: hidden || !hasContent,
@@ -459,12 +459,12 @@ class SelectPopup extends PureComponent {
           autoCorrectTopOverflow: false,
           style: style,
           largeBorderRadius: true,
-          children: /*#__PURE__*/jsxs("div", {
+          children: jsxs("div", {
             dir: dir,
-            children: [!hidden && filter && /*#__PURE__*/jsx(Shortcuts, {
+            children: [!hidden && filter && jsx(Shortcuts, {
               map: this.shortcutsMap,
               scope: this.shortcutsScope
-            }), topbar, hidden ? /*#__PURE__*/jsx("div", {}) : filterWithTags, selectAll, list, bottomLine, toolbar]
+            }), topbar, hidden ? jsx("div", {}) : filterWithTags, selectAll, list, bottomLine, toolbar]
           })
         });
       }

package/components/shortcuts/shortcuts-hoc.d.ts

@@ -10,7 +10,7 @@ export interface ShortcutsHOCProps {
 export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentType<P> | string): {
     new (props: P & ShortcutsHOCProps): {
         _shortcutsScopeUid: string;
-        render(): import("react").JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -34,7 +34,7 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
     };
     new (props: P & ShortcutsHOCProps, context: any): {
         _shortcutsScopeUid: string;
-        render(): import("react").JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/components/shortcuts/shortcuts-hoc.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import Shortcuts from './shortcuts.js';
-import { jsx } from 'react/jsx-runtime';
 import './core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
@@ -24,12 +24,12 @@ function shortcutsHOC(ComposedComponent) {
           rgShortcutsMap
         } = _this$props,
         props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/jsx(Shortcuts, {
+      return jsx(Shortcuts, {
         scope: this._shortcutsScopeUid,
         map: rgShortcutsMap,
         options: rgShortcutsOptions,
         disabled: rgShortcutsOptions.disabled,
-        children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, props))
+        children: jsx(ComposedComponent, _objectSpread2({}, props))
       });
     }
   };

package/components/slider/slider.js

@@ -1,13 +1,13 @@
 import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useCallback, useEffect, Fragment } from 'react';
 import classNames from 'classnames';
 import { isArray } from '../global/typescript-utils.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import getUID from '../global/get-uid.js';
 import { toRange, validateValue, calculateMarks, toPercent, calculateValue, adjustValues, HUNDRED } from './slider.utils.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
@@ -165,7 +165,7 @@ const Slider = _ref => {
       window.removeEventListener('mouseup', handleMouseUp);
     };
   }, [isDragging, handleMouseMove, handleMouseUp, disabled]);
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     ref: ref,
     role: "presentation" // contains interactive elements
     ,
@@ -175,15 +175,15 @@ const Slider = _ref => {
     }),
     tabIndex: -1,
     onMouseDown: handleMouseDown,
-    children: [/*#__PURE__*/jsx(Shortcuts, {
+    children: [jsx(Shortcuts, {
       map: shortcutsMap,
       scope: shortcutsScope
-    }), /*#__PURE__*/jsx("div", {
+    }), jsx("div", {
       className: classNames(styles.rail, {
         [styles.rounded]: !showTicks,
         [styles.disabled]: disabled
       })
-    }), /*#__PURE__*/jsx("div", {
+    }), jsx("div", {
       style: {
         left: "".concat(trackStart, "%"),
         width: "".concat(trackLength, "%")
@@ -195,10 +195,9 @@ const Slider = _ref => {
     }), validValues.map((numValue, index) => {
       const percent = toPercent(numValue, min, max);
       return (
-        /*#__PURE__*/
         // eslint-disable-next-line react/no-array-index-key
         jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("div", {
+          children: [jsx("div", {
             tabIndex: 0,
             "aria-label": "Pick value",
             role: "slider",
@@ -214,7 +213,7 @@ const Slider = _ref => {
               [styles.dragged]: isDragging && draggedIndex === index
             }),
             onMouseDown: handleMouseDown
-          }), showTag && /*#__PURE__*/jsx("div", {
+          }), showTag && jsx("div", {
             style: {
               left: "".concat(percent, "%")
             },
@@ -232,7 +231,7 @@ const Slider = _ref => {
         label
       } = _ref8;
       const percent = toPercent(markValue, min, max);
-      return /*#__PURE__*/jsx("div", {
+      return jsx("div", {
         style: {
           left: "".concat(percent, "%")
         },
@@ -247,7 +246,7 @@ const Slider = _ref => {
       } = _ref9;
       const percent = toPercent(tickValue, min, max);
       const isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
-      return /*#__PURE__*/jsx("div", {
+      return jsx("div", {
         className: classNames(styles.tick, {
           [styles.active]: isActive,
           [styles.disabled]: disabled

package/components/storage/storage.js

@@ -2,6 +2,7 @@ import LocalStorage from './storage__local.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
+import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -18,7 +19,6 @@ 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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';

package/components/storage/storage__local.js

@@ -1,6 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import alertService from '../alert-service/alert-service.js';
+import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -17,7 +18,6 @@ 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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';