@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/select/select__popup.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 import searchIcon from '@jetbrains/icons/search';
 import memoizeOne from 'memoize-one';
@@ -30,6 +30,7 @@ import { refObject } from '../global/prop-types.js';
 import composeRefs from '../global/composeRefs.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
 import { S as SelectFilter, m as modules_b607bec2 } 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';
@@ -77,6 +78,7 @@ import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -188,15 +190,18 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
       var activeFilters = _this.props.data.filter(function (item) {
         return !item.disabled;
       });
-      return Array.isArray(_this.props.selected) && /*#__PURE__*/React.createElement("div", {
-        className: modules_b607bec2.selectAll
-      }, activeFilters.length === 0 ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(Button, {
-        text: true,
-        inline: true,
-        onClick: _this.handleSelectAll
-      }, 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__*/React.createElement(Text, {
-        info: true
-      }, "".concat(_this.props.selected.length, " selected")));
+      return Array.isArray(_this.props.selected) && /*#__PURE__*/jsxs("div", {
+        className: modules_b607bec2.selectAll,
+        children: [activeFilters.length === 0 ? /*#__PURE__*/jsx("span", {}) : /*#__PURE__*/jsx(Button, {
+          text: true,
+          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, {
+          info: true,
+          children: "".concat(_this.props.selected.length, " selected")
+        })]
+      });
     });
     // Cache the value because this method is called
     // inside `render` function which can be called N times
@@ -380,33 +385,34 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
     value: function getFilter() {
       if (this.props.filter || this.props.tags) {
         var _this$props$filterIco;
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/jsxs("div", {
           className: modules_b607bec2.filterWrapper,
-          "data-test": "ring-select-popup-filter"
-        }, !this.props.tags && /*#__PURE__*/React.createElement(Icon, {
-          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
-          className: modules_b607bec2.filterIcon,
-          "data-test-custom": "ring-select-popup-filter-icon"
-        }), /*#__PURE__*/React.createElement(FilterWithShortcuts, {
-          rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
-          rgShortcutsMap: this.popupFilterShortcutsMap,
-          value: this.props.filterValue,
-          inputRef: composeRefs(this.filterRef, this.props.filterRef),
-          onBlur: this.popupFilterOnBlur,
-          onFocus: this.onFilterFocus,
-          className: "ring-js-shortcuts",
-          inputClassName: classNames({
-            [modules_b607bec2.filterWithTagsInput]: this.props.tags
-          }),
-          placeholder: typeof this.props.filter === 'object' ? this.props.filter.placeholder : undefined,
-          height: this.props.tags ? ControlsHeight.S : ControlsHeight.L,
-          onChange: this.props.onFilter,
-          onClick: this.onClickHandler,
-          onClear: this.props.tags ? undefined : this.props.onClear,
-          "data-test-custom": "ring-select-popup-filter-input",
-          listId: this.props.listId,
-          enableShortcuts: Object.keys(this.popupFilterShortcutsMap)
-        }));
+          "data-test": "ring-select-popup-filter",
+          children: [!this.props.tags && /*#__PURE__*/jsx(Icon, {
+            glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
+            className: modules_b607bec2.filterIcon,
+            "data-test-custom": "ring-select-popup-filter-icon"
+          }), /*#__PURE__*/jsx(FilterWithShortcuts, {
+            rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
+            rgShortcutsMap: this.popupFilterShortcutsMap,
+            value: this.props.filterValue,
+            inputRef: composeRefs(this.filterRef, this.props.filterRef),
+            onBlur: this.popupFilterOnBlur,
+            onFocus: this.onFilterFocus,
+            className: "ring-js-shortcuts",
+            inputClassName: classNames({
+              [modules_b607bec2.filterWithTagsInput]: this.props.tags
+            }),
+            placeholder: typeof this.props.filter === 'object' ? this.props.filter.placeholder : undefined,
+            height: this.props.tags ? ControlsHeight.S : ControlsHeight.L,
+            onChange: this.props.onFilter,
+            onClick: this.onClickHandler,
+            onClear: this.props.tags ? undefined : this.props.onClear,
+            "data-test-custom": "ring-select-popup-filter-input",
+            listId: this.props.listId,
+            enableShortcuts: Object.keys(this.popupFilterShortcutsMap)
+          })]
+        });
       }
       return null;
     }
@@ -421,14 +427,16 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "getTags",
     value: function getTags() {
-      return Array.isArray(this.props.selected) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TagsList, {
-        tags: this.props.selected,
-        activeIndex: this.state.tagsActiveIndex,
-        handleRemove: this.handleRemoveTag,
-        handleClick: this.handleTagClick,
-        disabled: this.props.disabled,
-        customTagComponent: this.getCustomTag(this.props.tags)
-      }));
+      return Array.isArray(this.props.selected) && /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsx(TagsList, {
+          tags: this.props.selected,
+          activeIndex: this.state.tagsActiveIndex,
+          handleRemove: this.handleRemoveTag,
+          handleClick: this.handleTagClick,
+          disabled: this.props.disabled,
+          customTagComponent: this.getCustomTag(this.props.tags)
+        })
+      });
     }
   }, {
     key: "getFilterWithTags",
@@ -437,9 +445,10 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
         var classes = classNames([modules_b607bec2.filterWithTags, {
           [modules_b607bec2.filterWithTagsFocused]: !this.state.popupFilterShortcutsOptions.disabled
         }]);
-        return /*#__PURE__*/React.createElement("div", {
-          className: classes
-        }, this.getTags(), this.getFilter());
+        return /*#__PURE__*/jsxs("div", {
+          className: classes,
+          children: [this.getTags(), this.getFilter()]
+        });
       }
       return this.getFilter();
     }
@@ -451,13 +460,15 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
         message = _this$props.message,
         data = _this$props.data;
       var hasMoreThanOneItem = data.length > 1;
-      return (loading || message) && /*#__PURE__*/React.createElement("div", {
+      return (loading || message) && /*#__PURE__*/jsxs("div", {
         className: classNames(modules_b607bec2.bottomLine, {
           [modules_b607bec2.bottomLineOverItem]: hasMoreThanOneItem
-        })
-      }, loading && /*#__PURE__*/React.createElement(LoaderInline, null), message && /*#__PURE__*/React.createElement("div", {
-        className: modules_b607bec2.message
-      }, message));
+        }),
+        children: [loading && /*#__PURE__*/jsx(LoaderInline, {}), message && /*#__PURE__*/jsx("div", {
+          className: modules_b607bec2.message,
+          children: message
+        })]
+      });
     }
   }, {
     key: "getList",
@@ -473,7 +484,7 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
         if (this.props.toolbar) {
           maxHeight -= TOOLBAR_HEIGHT;
         }
-        return /*#__PURE__*/React.createElement(List, {
+        return /*#__PURE__*/jsx(List, {
           id: this.props.listId,
           maxHeight: maxHeight,
           data: this.props.data,
@@ -514,40 +525,46 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
         directions = _this$props2.directions,
         top = _this$props2.top,
         left = _this$props2.left,
+        offset = _this$props2.offset,
         style = _this$props2.style,
         dir = _this$props2.dir,
         filter = _this$props2.filter;
       var classes = classNames(modules_b607bec2.popup, className);
-      return /*#__PURE__*/React.createElement(PopupTargetContext.Consumer, null, function (ringPopupTarget) {
-        var filterWithTags = _this3.getFilterWithTags();
-        var selectAll = multiple && typeof multiple === 'object' && !multiple.limit && multiple.selectAll && _this3.getSelectAll();
-        var list = _this3.getList(_this3.props.ringPopupTarget || ringPopupTarget);
-        var bottomLine = _this3.getBottomLine();
-        var hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
-        return /*#__PURE__*/React.createElement(Popup, {
-          trapFocus: false,
-          ref: _this3.popupRef,
-          hidden: hidden || !hasContent,
-          attached: isInputMode,
-          className: classes,
-          dontCloseOnAnchorClick: true,
-          anchorElement: anchorElement,
-          minWidth: minWidth,
-          onCloseAttempt: onCloseAttempt,
-          onOutsideClick: onOutsideClick,
-          directions: directions,
-          top: top,
-          left: left,
-          onMouseDown: _this3.mouseDownHandler,
-          target: _this3.props.ringPopupTarget,
-          autoCorrectTopOverflow: false,
-          style: style
-        }, /*#__PURE__*/React.createElement("div", {
-          dir: dir
-        }, !hidden && filter && /*#__PURE__*/React.createElement(Shortcuts, {
-          map: _this3.shortcutsMap,
-          scope: _this3.shortcutsScope
-        }), topbar, hidden ? /*#__PURE__*/React.createElement("div", null) : filterWithTags, selectAll, list, bottomLine, toolbar));
+      return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
+        children: function children(ringPopupTarget) {
+          var filterWithTags = _this3.getFilterWithTags();
+          var selectAll = multiple && typeof multiple === 'object' && !multiple.limit && multiple.selectAll && _this3.getSelectAll();
+          var list = _this3.getList(_this3.props.ringPopupTarget || ringPopupTarget);
+          var bottomLine = _this3.getBottomLine();
+          var hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
+          return /*#__PURE__*/jsx(Popup, {
+            trapFocus: false,
+            ref: _this3.popupRef,
+            hidden: hidden || !hasContent,
+            attached: isInputMode,
+            className: classes,
+            dontCloseOnAnchorClick: true,
+            anchorElement: anchorElement,
+            minWidth: minWidth,
+            onCloseAttempt: onCloseAttempt,
+            onOutsideClick: onOutsideClick,
+            directions: directions,
+            top: top,
+            left: left,
+            offset: offset,
+            onMouseDown: _this3.mouseDownHandler,
+            target: _this3.props.ringPopupTarget,
+            autoCorrectTopOverflow: false,
+            style: style,
+            children: /*#__PURE__*/jsxs("div", {
+              dir: dir,
+              children: [!hidden && filter && /*#__PURE__*/jsx(Shortcuts, {
+                map: _this3.shortcutsMap,
+                scope: _this3.shortcutsScope
+              }), topbar, hidden ? /*#__PURE__*/jsx("div", {}) : filterWithTags, selectAll, list, bottomLine, toolbar]
+            })
+          });
+        }
       });
     }
   }]);

package/components/shortcuts/core.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="combokeys" />
 export interface ShortcutsScopeOptions {
     modal?: boolean | null | undefined;
 }

package/components/shortcuts/core.js

@@ -1,4 +1,4 @@
-import { b as _createClass, f as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { b as _createClass, e as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.find-index.js';
 import 'core-js/modules/es.array.includes.js';

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

@@ -1,4 +1,4 @@
-import React, { ComponentType } from 'react';
+import { ComponentType } from 'react';
 import PropTypes from 'prop-types';
 import { ShortcutsMap, ShortcutsScopeOptions } from './core';
 export interface ShortcutsHOCOptions extends ShortcutsScopeOptions {
@@ -11,19 +11,19 @@ export interface ShortcutsHOCProps {
 export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentType<P> | string): {
     new (props: P & ShortcutsHOCProps): {
         _shortcutsScopeUid: string;
-        render(): React.JSX.Element;
+        render(): import("react").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;
         readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
         refs: {
-            [key: string]: React.ReactInstance;
+            [key: string]: import("react").ReactInstance;
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
@@ -35,19 +35,19 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
     };
     new (props: P & ShortcutsHOCProps, context: any): {
         _shortcutsScopeUid: string;
-        render(): React.JSX.Element;
+        render(): import("react").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;
         readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
         refs: {
-            [key: string]: React.ReactInstance;
+            [key: string]: import("react").ReactInstance;
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
@@ -61,5 +61,5 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         rgShortcutsOptions: PropTypes.Requireable<object>;
         rgShortcutsMap: PropTypes.Requireable<object>;
     };
-    contextType?: React.Context<any> | undefined;
+    contextType?: import("react").Context<any> | undefined;
 };

package/components/shortcuts/shortcuts-hoc.js

@@ -1,9 +1,10 @@
-import { a as _inherits, b as _createClass, _ as _defineProperty, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
 import Shortcuts from './shortcuts.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.array.map.js';
@@ -23,7 +24,7 @@ import 'sniffr';
 var _excluded = ["rgShortcutsOptions", "rgShortcutsMap"];
 function shortcutsHOC(ComposedComponent) {
   var _WithShortcuts;
-  return _WithShortcuts = /*#__PURE__*/function (_React$Component) {
+  return _WithShortcuts = /*#__PURE__*/function (_Component) {
     function WithShortcuts() {
       var _this;
       _classCallCheck(this, WithShortcuts);
@@ -34,7 +35,7 @@ function shortcutsHOC(ComposedComponent) {
       _defineProperty(_this, "_shortcutsScopeUid", getUID('rg-shortcuts-'));
       return _this;
     }
-    _inherits(WithShortcuts, _React$Component);
+    _inherits(WithShortcuts, _Component);
     return _createClass(WithShortcuts, [{
       key: "render",
       value: function render() {
@@ -42,15 +43,16 @@ function shortcutsHOC(ComposedComponent) {
           rgShortcutsOptions = _this$props.rgShortcutsOptions,
           rgShortcutsMap = _this$props.rgShortcutsMap,
           props = _objectWithoutProperties(_this$props, _excluded);
-        return /*#__PURE__*/React.createElement(Shortcuts, {
+        return /*#__PURE__*/jsx(Shortcuts, {
           scope: this._shortcutsScopeUid,
           map: rgShortcutsMap,
           options: rgShortcutsOptions,
-          disabled: rgShortcutsOptions.disabled
-        }, /*#__PURE__*/React.createElement(ComposedComponent, props));
+          disabled: rgShortcutsOptions.disabled,
+          children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, props))
+        });
       }
     }]);
-  }(React.Component), _defineProperty(_WithShortcuts, "propTypes", {
+  }(Component), _defineProperty(_WithShortcuts, "propTypes", {
     rgShortcutsOptions: PropTypes.object,
     rgShortcutsMap: PropTypes.object
   }), _WithShortcuts;

package/components/shortcuts/shortcuts.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';

package/components/slider/slider.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import * as React from 'react';
 type Mark = {
     value: number;
     label?: ReactNode;

package/components/slider/slider.js

@@ -1,12 +1,13 @@
-import { j as _slicedToArray, d as _objectSpread2, k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { i as _slicedToArray, d as _objectSpread2, j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
-import React, { useRef, useState, useMemo, useCallback, useEffect, Fragment } from 'react';
+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 'prop-types';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.array.concat.js';
@@ -188,7 +189,7 @@ var Slider = function Slider(_ref) {
       window.removeEventListener('mouseup', handleMouseUp);
     };
   }, [isDragging, handleMouseMove, handleMouseUp, disabled]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: ref,
     role: "presentation" // contains interactive elements
     ,
@@ -197,87 +198,86 @@ var Slider = function Slider(_ref) {
       [modules_b653e84a.marked]: !!marks || showTag
     }),
     tabIndex: -1,
-    onMouseDown: handleMouseDown
-  }, /*#__PURE__*/React.createElement(Shortcuts, {
-    map: shortcutsMap,
-    scope: shortcutsScope
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_b653e84a.rail, {
-      [modules_b653e84a.rounded]: !showTicks,
-      [modules_b653e84a.disabled]: disabled
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      left: "".concat(trackStart, "%"),
-      width: "".concat(trackLength, "%")
-    },
-    className: classNames(modules_b653e84a.track, {
-      [modules_b653e84a.rounded]: !showTicks,
-      [modules_b653e84a.disabled]: disabled
-    })
-  }), validValues.map(function (numValue, index) {
-    var percent = toPercent(numValue, min, max);
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(Fragment, {
-        key: index
-      }, /*#__PURE__*/React.createElement("div", {
-        tabIndex: 0,
-        "aria-label": "Pick value",
-        role: "slider",
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-valuenow": numValue,
-        "data-index": index,
+    onMouseDown: handleMouseDown,
+    children: [/*#__PURE__*/jsx(Shortcuts, {
+      map: shortcutsMap,
+      scope: shortcutsScope
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(modules_b653e84a.rail, {
+        [modules_b653e84a.rounded]: !showTicks,
+        [modules_b653e84a.disabled]: disabled
+      })
+    }), /*#__PURE__*/jsx("div", {
+      style: {
+        left: "".concat(trackStart, "%"),
+        width: "".concat(trackLength, "%")
+      },
+      className: classNames(modules_b653e84a.track, {
+        [modules_b653e84a.rounded]: !showTicks,
+        [modules_b653e84a.disabled]: disabled
+      })
+    }), validValues.map(function (numValue, index) {
+      var percent = toPercent(numValue, min, max);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            tabIndex: 0,
+            "aria-label": "Pick value",
+            role: "slider",
+            "aria-valuemin": min,
+            "aria-valuemax": max,
+            "aria-valuenow": numValue,
+            "data-index": index,
+            style: {
+              left: "".concat(percent, "%")
+            },
+            className: classNames(modules_b653e84a.thumb, {
+              [modules_b653e84a.disabled]: disabled,
+              [modules_b653e84a.dragged]: isDragging && draggedIndex === index
+            }),
+            onMouseDown: handleMouseDown
+          }), showTag && /*#__PURE__*/jsx("div", {
+            style: {
+              left: "".concat(percent, "%")
+            },
+            className: classNames(modules_b653e84a.tag, {
+              [modules_b653e84a.disabled]: disabled
+            }),
+            role: "tooltip",
+            children: renderTag ? renderTag(numValue) : numValue
+          })]
+        }, index)
+      );
+    }), markValues.map(function (_ref8, index) {
+      var markValue = _ref8.value,
+        label = _ref8.label;
+      var percent = toPercent(markValue, min, max);
+      return /*#__PURE__*/jsx("div", {
         style: {
           left: "".concat(percent, "%")
         },
-        className: classNames(modules_b653e84a.thumb, {
-          [modules_b653e84a.disabled]: disabled,
-          [modules_b653e84a.dragged]: isDragging && draggedIndex === index
+        className: classNames(modules_b653e84a.markValue, {
+          [modules_b653e84a.disabled]: disabled
         }),
-        onMouseDown: handleMouseDown
-      }), showTag && /*#__PURE__*/React.createElement("div", {
-        style: {
-          left: "".concat(percent, "%")
-        },
-        className: classNames(modules_b653e84a.tag, {
+        children: label !== null && label !== void 0 ? label : markValue
+      }, index);
+    }), tickMarks.map(function (_ref9, index) {
+      var tickValue = _ref9.value;
+      var percent = toPercent(tickValue, min, max);
+      var isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
+      return /*#__PURE__*/jsx("div", {
+        className: classNames(modules_b653e84a.tick, {
+          [modules_b653e84a.active]: isActive,
           [modules_b653e84a.disabled]: disabled
         }),
-        role: "tooltip"
-      }, renderTag ? renderTag(numValue) : numValue))
-    );
-  }), markValues.map(function (_ref8, index) {
-    var markValue = _ref8.value,
-      label = _ref8.label;
-    var percent = toPercent(markValue, min, max);
-    return /*#__PURE__*/React.createElement("div", {
-      // eslint-disable-next-line react/no-array-index-key
-      key: index,
-      style: {
-        left: "".concat(percent, "%")
-      },
-      className: classNames(modules_b653e84a.markValue, {
-        [modules_b653e84a.disabled]: disabled
-      })
-    }, label !== null && label !== void 0 ? label : markValue);
-  }), tickMarks.map(function (_ref9, index) {
-    var tickValue = _ref9.value;
-    var percent = toPercent(tickValue, min, max);
-    var isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
-    return /*#__PURE__*/React.createElement("div", {
-      // eslint-disable-next-line react/no-array-index-key
-      key: index,
-      className: classNames(modules_b653e84a.tick, {
-        [modules_b653e84a.active]: isActive,
-        [modules_b653e84a.disabled]: disabled
-      }),
-      style: {
-        left: "".concat(percent, "%")
-      }
-    });
-  }));
+        style: {
+          left: "".concat(percent, "%")
+        }
+      }, index);
+    })]
+  });
 };
 
 export { Slider };

package/components/slider/slider.utils.js

@@ -1,4 +1,4 @@
-import { k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.from.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.slice.js';

package/components/storage/storage.js

@@ -9,12 +9,12 @@ import '../alert-service/alert-service.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.map.js';
-import 'react';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/alert.js';
 import 'core-js/modules/es.object.values.js';
+import 'react';
 import 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/exception';
@@ -31,6 +31,7 @@ import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
+import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';

package/components/storage/storage__fallback.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck, h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.iterator.js';