@jetbrains/ring-ui-built 8.0.0-beta.2 → 8.0.0-beta.3

package/components/slider/slider.js

@@ -1,11 +1,10 @@
-import { c } from 'react-compiler-runtime';
-import { useRef, useState, useEffect, Fragment } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useRef, useState, useEffectEvent, 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, HUNDRED, calculateMarks, toPercent, validateValue, calculateValue, adjustValues } from './slider.utils.js';
-import useEventCallback from '../global/use-event-callback.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.array.includes.js';
@@ -16,12 +15,12 @@ import 'sniffr';
 var styles = {"slider":"ring-slider-slider","disabled":"ring-slider-disabled","marked":"ring-slider-marked","rail":"ring-slider-rail","rounded":"ring-slider-rounded","track":"ring-slider-track","thumb":"ring-slider-thumb ring-global-resetButton","dragged":"ring-slider-dragged","tick":"ring-slider-tick","active":"ring-slider-active","markValue":"ring-slider-markValue","tag":"ring-slider-tag"};
 
 const Slider = t0 => {
-  const $ = c(122);
-  if ($[0] !== "8964b5418275bd38d0d46628f0c5c416a0eb127a555095f594f9e18fa28ba85a") {
-    for (let $i = 0; $i < 122; $i += 1) {
+  const $ = c(124);
+  if ($[0] !== "df7020e348cf0691dc47b906190dfc0f4c7761c070455c6c9f1c642863a2c077") {
+    for (let $i = 0; $i < 124; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "8964b5418275bd38d0d46628f0c5c416a0eb127a555095f594f9e18fa28ba85a";
+    $[0] = "df7020e348cf0691dc47b906190dfc0f4c7761c070455c6c9f1c642863a2c077";
   }
   const {
     defaultValue,
@@ -272,7 +271,7 @@ const Slider = t0 => {
   } else {
     t12 = $[49];
   }
-  const handleMouseUp = useEventCallback(t12);
+  const handleMouseUp = useEffectEvent(t12);
   let t13;
   if ($[50] !== draggedIndex || $[51] !== handleValueChange || $[52] !== max || $[53] !== min || $[54] !== validStep || $[55] !== validValues) {
     t13 = t14 => {
@@ -296,9 +295,8 @@ const Slider = t0 => {
   } else {
     t13 = $[56];
   }
-  const handleMouseMove = useEventCallback(t13);
+  const handleMouseMove = useEffectEvent(t13);
   let t14;
-  let t15;
   if ($[57] !== disabled || $[58] !== handleMouseMove || $[59] !== handleMouseUp || $[60] !== isDragging) {
     t14 = () => {
       if (disabled) {
@@ -318,112 +316,118 @@ const Slider = t0 => {
         window.removeEventListener("mouseup", handleMouseUp);
       };
     };
-    t15 = [isDragging, disabled, handleMouseMove, handleMouseUp];
     $[57] = disabled;
     $[58] = handleMouseMove;
     $[59] = handleMouseUp;
     $[60] = isDragging;
     $[61] = t14;
-    $[62] = t15;
   } else {
     t14 = $[61];
-    t15 = $[62];
+  }
+  let t15;
+  if ($[62] !== disabled || $[63] !== isDragging) {
+    t15 = [isDragging, disabled];
+    $[62] = disabled;
+    $[63] = isDragging;
+    $[64] = t15;
+  } else {
+    t15 = $[64];
   }
   useEffect(t14, t15);
   const t16 = "presentation";
   const t17 = !!marks || showTag;
   let t18;
-  if ($[63] !== className || $[64] !== disabled || $[65] !== t17) {
+  if ($[65] !== className || $[66] !== disabled || $[67] !== t17) {
     t18 = classNames(styles.slider, className, {
       [styles.disabled]: disabled,
       [styles.marked]: t17
     });
-    $[63] = className;
-    $[64] = disabled;
-    $[65] = t17;
-    $[66] = t18;
+    $[65] = className;
+    $[66] = disabled;
+    $[67] = t17;
+    $[68] = t18;
   } else {
-    t18 = $[66];
+    t18 = $[68];
   }
   const t19 = -1;
   let t20;
-  if ($[67] !== shortcutsMap || $[68] !== shortcutsScope) {
+  if ($[69] !== shortcutsMap || $[70] !== shortcutsScope) {
     t20 = /*#__PURE__*/jsx(Shortcuts, {
       map: shortcutsMap,
       scope: shortcutsScope
     });
-    $[67] = shortcutsMap;
-    $[68] = shortcutsScope;
-    $[69] = t20;
+    $[69] = shortcutsMap;
+    $[70] = shortcutsScope;
+    $[71] = t20;
   } else {
-    t20 = $[69];
+    t20 = $[71];
   }
   const t21 = !showTicks;
   let t22;
-  if ($[70] !== disabled || $[71] !== t21) {
+  if ($[72] !== disabled || $[73] !== t21) {
     t22 = classNames(styles.rail, {
       [styles.rounded]: t21,
       [styles.disabled]: disabled
     });
-    $[70] = disabled;
-    $[71] = t21;
-    $[72] = t22;
+    $[72] = disabled;
+    $[73] = t21;
+    $[74] = t22;
   } else {
-    t22 = $[72];
+    t22 = $[74];
   }
   let t23;
-  if ($[73] !== t22) {
+  if ($[75] !== t22) {
     t23 = /*#__PURE__*/jsx("div", {
       className: t22
     });
-    $[73] = t22;
-    $[74] = t23;
+    $[75] = t22;
+    $[76] = t23;
   } else {
-    t23 = $[74];
+    t23 = $[76];
   }
   const t24 = `${trackStart}%`;
   const t25 = `${trackLength}%`;
   let t26;
-  if ($[75] !== t24 || $[76] !== t25) {
+  if ($[77] !== t24 || $[78] !== t25) {
     t26 = {
       left: t24,
       width: t25
     };
-    $[75] = t24;
-    $[76] = t25;
-    $[77] = t26;
+    $[77] = t24;
+    $[78] = t25;
+    $[79] = t26;
   } else {
-    t26 = $[77];
+    t26 = $[79];
   }
   const t27 = !showTicks;
   let t28;
-  if ($[78] !== disabled || $[79] !== t27) {
+  if ($[80] !== disabled || $[81] !== t27) {
     t28 = classNames(styles.track, {
       [styles.rounded]: t27,
       [styles.disabled]: disabled
     });
-    $[78] = disabled;
-    $[79] = t27;
-    $[80] = t28;
+    $[80] = disabled;
+    $[81] = t27;
+    $[82] = t28;
   } else {
-    t28 = $[80];
+    t28 = $[82];
   }
   let t29;
-  if ($[81] !== t26 || $[82] !== t28) {
+  if ($[83] !== t26 || $[84] !== t28) {
     t29 = /*#__PURE__*/jsx("div", {
       style: t26,
       className: t28
     });
-    $[81] = t26;
-    $[82] = t28;
-    $[83] = t29;
+    $[83] = t26;
+    $[84] = t28;
+    $[85] = t29;
   } else {
-    t29 = $[83];
+    t29 = $[85];
   }
   let t30;
-  if ($[84] !== disabled || $[85] !== draggedIndex || $[86] !== handleMouseDown || $[87] !== isDragging || $[88] !== max || $[89] !== min || $[90] !== renderTag || $[91] !== showTag || $[92] !== validValues) {
+  if ($[86] !== disabled || $[87] !== draggedIndex || $[88] !== handleMouseDown || $[89] !== isDragging || $[90] !== max || $[91] !== min || $[92] !== renderTag || $[93] !== showTag || $[94] !== validValues) {
     let t31;
-    if ($[94] !== disabled || $[95] !== draggedIndex || $[96] !== handleMouseDown || $[97] !== isDragging || $[98] !== max || $[99] !== min || $[100] !== renderTag || $[101] !== showTag) {
+    if ($[96] !== disabled || $[97] !== draggedIndex || $[98] !== handleMouseDown || $[99] !== isDragging || $[100] !== max || $[101] !== min || $[102] !== renderTag || $[103] !== showTag) {
       t31 = (numValue, index_5) => {
         const percent = toPercent(numValue, min, max);
         return /*#__PURE__*/jsxs(Fragment, {
@@ -455,34 +459,34 @@ const Slider = t0 => {
           })]
         }, index_5);
       };
-      $[94] = disabled;
-      $[95] = draggedIndex;
-      $[96] = handleMouseDown;
-      $[97] = isDragging;
-      $[98] = max;
-      $[99] = min;
-      $[100] = renderTag;
-      $[101] = showTag;
-      $[102] = t31;
+      $[96] = disabled;
+      $[97] = draggedIndex;
+      $[98] = handleMouseDown;
+      $[99] = isDragging;
+      $[100] = max;
+      $[101] = min;
+      $[102] = renderTag;
+      $[103] = showTag;
+      $[104] = t31;
     } else {
-      t31 = $[102];
+      t31 = $[104];
     }
     t30 = validValues.map(t31);
-    $[84] = disabled;
-    $[85] = draggedIndex;
-    $[86] = handleMouseDown;
-    $[87] = isDragging;
-    $[88] = max;
-    $[89] = min;
-    $[90] = renderTag;
-    $[91] = showTag;
-    $[92] = validValues;
-    $[93] = t30;
+    $[86] = disabled;
+    $[87] = draggedIndex;
+    $[88] = handleMouseDown;
+    $[89] = isDragging;
+    $[90] = max;
+    $[91] = min;
+    $[92] = renderTag;
+    $[93] = showTag;
+    $[94] = validValues;
+    $[95] = t30;
   } else {
-    t30 = $[93];
+    t30 = $[95];
   }
   let t31;
-  if ($[103] !== disabled || $[104] !== max || $[105] !== min) {
+  if ($[105] !== disabled || $[106] !== max || $[107] !== min) {
     t31 = (t32, index_6) => {
       const {
         value: markValue,
@@ -499,16 +503,16 @@ const Slider = t0 => {
         children: label !== null && label !== void 0 ? label : markValue
       }, index_6);
     };
-    $[103] = disabled;
-    $[104] = max;
-    $[105] = min;
-    $[106] = t31;
+    $[105] = disabled;
+    $[106] = max;
+    $[107] = min;
+    $[108] = t31;
   } else {
-    t31 = $[106];
+    t31 = $[108];
   }
   const t32 = markValues.map(t31);
   let t33;
-  if ($[107] !== disabled || $[108] !== isRange || $[109] !== max || $[110] !== min || $[111] !== validValues) {
+  if ($[109] !== disabled || $[110] !== isRange || $[111] !== max || $[112] !== min || $[113] !== validValues) {
     t33 = (t34, index_7) => {
       const {
         value: tickValue
@@ -525,18 +529,18 @@ const Slider = t0 => {
         }
       }, index_7);
     };
-    $[107] = disabled;
-    $[108] = isRange;
-    $[109] = max;
-    $[110] = min;
-    $[111] = validValues;
-    $[112] = t33;
+    $[109] = disabled;
+    $[110] = isRange;
+    $[111] = max;
+    $[112] = min;
+    $[113] = validValues;
+    $[114] = t33;
   } else {
-    t33 = $[112];
+    t33 = $[114];
   }
   const t34 = tickMarks.map(t33);
   let t35;
-  if ($[113] !== handleMouseDown || $[114] !== t18 || $[115] !== t20 || $[116] !== t23 || $[117] !== t29 || $[118] !== t30 || $[119] !== t32 || $[120] !== t34) {
+  if ($[115] !== handleMouseDown || $[116] !== t18 || $[117] !== t20 || $[118] !== t23 || $[119] !== t29 || $[120] !== t30 || $[121] !== t32 || $[122] !== t34) {
     t35 = /*#__PURE__*/jsxs("div", {
       ref: ref,
       role: t16,
@@ -545,17 +549,17 @@ const Slider = t0 => {
       onMouseDown: handleMouseDown,
       children: [t20, t23, t29, t30, t32, t34]
     });
-    $[113] = handleMouseDown;
-    $[114] = t18;
-    $[115] = t20;
-    $[116] = t23;
-    $[117] = t29;
-    $[118] = t30;
-    $[119] = t32;
-    $[120] = t34;
-    $[121] = t35;
+    $[115] = handleMouseDown;
+    $[116] = t18;
+    $[117] = t20;
+    $[118] = t23;
+    $[119] = t29;
+    $[120] = t30;
+    $[121] = t32;
+    $[122] = t34;
+    $[123] = t35;
   } else {
-    t35 = $[121];
+    t35 = $[123];
   }
   return t35;
 };

package/components/storage/storage-local.js

@@ -12,7 +12,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';

package/components/storage/storage.js

@@ -13,7 +13,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';