@jetbrains/ring-ui-built 7.0.124 → 8.0.0-beta.10

package/components/selection-toolbar/selection-toolbar.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export interface SelectionToolbarProps extends ComponentPropsWithRef<'div'> {
+    label: ReactNode;
+    selectAll?: ReactNode;
+    closeAction: ReactNode;
+    compact?: boolean;
+    'data-test'?: string | null;
+}
+export declare function SelectionToolbar({ ref, label, selectAll, closeAction, compact, className, children, 'data-test': dataTest, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...restProps }: SelectionToolbarProps): import("react").JSX.Element;
+export declare function SelectionToolbarSeparator(): import("react").JSX.Element;
+export default SelectionToolbar;

package/components/selection-toolbar/selection-toolbar.js

@@ -0,0 +1,200 @@
+import { c } from 'react/compiler-runtime';
+import { useId } from 'react';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { a as ThemeProvider, T as Theme } from '../_helpers/theme.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var styles = {"toolbar":"ring-selection-toolbar-toolbar","content":"ring-selection-toolbar-content","selectAll":"ring-selection-toolbar-selectAll","actions":"ring-selection-toolbar-actions","closeAction":"ring-selection-toolbar-closeAction","separator":"ring-selection-toolbar-separator","compact":"ring-selection-toolbar-compact","label":"ring-selection-toolbar-label"};
+
+function SelectionToolbar(t0) {
+  var _ariaLabelledBy;
+  const $ = c(41);
+  if ($[0] !== "5d985e52242f7f93511362d020a90fb0a34ed2fe8a96b99ea0fdb6bafcaccda2") {
+    for (let $i = 0; $i < 41; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "5d985e52242f7f93511362d020a90fb0a34ed2fe8a96b99ea0fdb6bafcaccda2";
+  }
+  let ariaLabel;
+  let ariaLabelledBy;
+  let children;
+  let className;
+  let closeAction;
+  let compact;
+  let dataTest;
+  let label;
+  let ref;
+  let restProps;
+  let selectAll;
+  if ($[1] !== t0) {
+    ({
+      ref,
+      label,
+      selectAll,
+      closeAction,
+      compact,
+      className,
+      children,
+      "data-test": dataTest,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = ariaLabel;
+    $[3] = ariaLabelledBy;
+    $[4] = children;
+    $[5] = className;
+    $[6] = closeAction;
+    $[7] = compact;
+    $[8] = dataTest;
+    $[9] = label;
+    $[10] = ref;
+    $[11] = restProps;
+    $[12] = selectAll;
+  } else {
+    ariaLabel = $[2];
+    ariaLabelledBy = $[3];
+    children = $[4];
+    className = $[5];
+    closeAction = $[6];
+    compact = $[7];
+    dataTest = $[8];
+    label = $[9];
+    ref = $[10];
+    restProps = $[11];
+    selectAll = $[12];
+  }
+  const labelId = useId();
+  const hasSelectAll = selectAll != null;
+  const t1 = (_ariaLabelledBy = ariaLabelledBy) !== null && _ariaLabelledBy !== void 0 ? _ariaLabelledBy : ariaLabel == null ? labelId : undefined;
+  let t2;
+  if ($[13] !== dataTest) {
+    t2 = joinDataTestAttributes("ring-selection-toolbar", dataTest);
+    $[13] = dataTest;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== className || $[16] !== compact) {
+    t3 = classNames(styles.toolbar, {
+      [styles.compact]: compact
+    }, className);
+    $[15] = className;
+    $[16] = compact;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+  let t4;
+  if ($[18] !== label || $[19] !== labelId) {
+    t4 = /*#__PURE__*/jsx("span", {
+      id: labelId,
+      className: styles.label,
+      children: label
+    });
+    $[18] = label;
+    $[19] = labelId;
+    $[20] = t4;
+  } else {
+    t4 = $[20];
+  }
+  let t5;
+  if ($[21] !== hasSelectAll || $[22] !== selectAll) {
+    t5 = hasSelectAll && /*#__PURE__*/jsx("span", {
+      className: styles.selectAll,
+      children: selectAll
+    });
+    $[21] = hasSelectAll;
+    $[22] = selectAll;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  let t6;
+  if ($[24] !== children) {
+    t6 = /*#__PURE__*/jsx("div", {
+      className: styles.actions,
+      children: children
+    });
+    $[24] = children;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  let t7;
+  if ($[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
+    t7 = /*#__PURE__*/jsxs("div", {
+      className: styles.content,
+      children: [t4, t5, t6]
+    });
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[30] !== closeAction) {
+    t8 = /*#__PURE__*/jsx("div", {
+      className: styles.closeAction,
+      children: closeAction
+    });
+    $[30] = closeAction;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  let t9;
+  if ($[32] !== ariaLabel || $[33] !== ref || $[34] !== restProps || $[35] !== t1 || $[36] !== t2 || $[37] !== t3 || $[38] !== t7 || $[39] !== t8) {
+    t9 = /*#__PURE__*/jsxs(ThemeProvider, {
+      ...restProps,
+      ref: ref,
+      theme: Theme.DARK,
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": t1,
+      "data-test": t2,
+      className: t3,
+      children: [t7, t8]
+    });
+    $[32] = ariaLabel;
+    $[33] = ref;
+    $[34] = restProps;
+    $[35] = t1;
+    $[36] = t2;
+    $[37] = t3;
+    $[38] = t7;
+    $[39] = t8;
+    $[40] = t9;
+  } else {
+    t9 = $[40];
+  }
+  return t9;
+}
+function SelectionToolbarSeparator() {
+  const $ = c(2);
+  if ($[0] !== "5d985e52242f7f93511362d020a90fb0a34ed2fe8a96b99ea0fdb6bafcaccda2") {
+    for (let $i = 0; $i < 2; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "5d985e52242f7f93511362d020a90fb0a34ed2fe8a96b99ea0fdb6bafcaccda2";
+  }
+  let t0;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/jsx("span", {
+      role: "separator",
+      "aria-orientation": "vertical",
+      className: styles.separator
+    });
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export { SelectionToolbar, SelectionToolbarSeparator, SelectionToolbar as default };

package/components/slider/slider.js

@@ -1,28 +1,26 @@
-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';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'util-deprecate';
 
 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,
@@ -273,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 => {
@@ -297,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) {
@@ -319,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, {
@@ -456,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,
@@ -500,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
@@ -526,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,
@@ -546,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

@@ -13,8 +13,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -25,6 +24,7 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';

package/components/storage/storage.js

@@ -14,8 +14,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
@@ -26,6 +25,7 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';