@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/dropdown-menu/dropdown-menu.js

@@ -1,11 +1,12 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useMemo, cloneElement } from 'react';
+import { c } from 'react-compiler-runtime';
+import { forwardRef, cloneElement } from 'react';
 import List, { ActiveItemContext } from '../list/list.js';
 import Dropdown from '../dropdown/dropdown.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
 import getUID from '../global/get-uid.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import { isArray } from '../global/typescript-utils.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -26,9 +27,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -40,9 +41,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -63,63 +64,189 @@ import '../popup/popup.target.js';
 import '../popup/position-css.js';
 
 const defaultAriaLabel = 'Dropdown menu';
-function DropdownAnchorWrapper({
-  anchor,
-  pinned,
-  active,
-  activeListItemId,
-  listId,
-  ...restProps
-}) {
-  const anchorAriaProps = useMemo(() => ({
-    ...(listId ? {
-      'aria-haspopup': true
-    } : {}),
-    ...(activeListItemId ? {
-      'aria-activedescendant': activeListItemId,
-      'aria-owns': listId
-    } : {}),
-    ...(active ? {
-      'aria-expanded': true
-    } : {})
-  }), [active, activeListItemId, listId]);
-  const anchorProps = useMemo(() => ({
-    active,
-    pinned,
-    ...restProps,
-    ...anchorAriaProps
-  }), [pinned, active, restProps, anchorAriaProps]);
-  const anchorComponentProps = useMemo(() => ({
-    ...anchorProps,
-    pinned: `${anchorProps.pinned}`
-  }), [anchorProps]);
-  if (typeof anchor === 'string') {
-    return jsx(Anchor, {
-      ...anchorComponentProps,
-      children: anchor
-    });
+function DropdownAnchorWrapper(t0) {
+  const $ = c(42);
+  if ($[0] !== "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194") {
+    for (let $i = 0; $i < 42; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194";
   }
-  if (typeof anchor === 'function') {
-    return anchor({
-      active,
+  let active;
+  let activeListItemId;
+  let anchor;
+  let listId;
+  let pinned;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      anchor,
       pinned,
+      active,
+      activeListItemId,
+      listId,
       ...restProps
-    }, anchorAriaProps);
+    } = t0);
+    $[1] = t0;
+    $[2] = active;
+    $[3] = activeListItemId;
+    $[4] = anchor;
+    $[5] = listId;
+    $[6] = pinned;
+    $[7] = restProps;
+  } else {
+    active = $[2];
+    activeListItemId = $[3];
+    anchor = $[4];
+    listId = $[5];
+    pinned = $[6];
+    restProps = $[7];
+  }
+  let t1;
+  if ($[8] !== listId) {
+    t1 = listId ? {
+      "aria-haspopup": true
+    } : {};
+    $[8] = listId;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  let t2;
+  if ($[10] !== activeListItemId || $[11] !== listId) {
+    t2 = activeListItemId ? {
+      "aria-activedescendant": activeListItemId,
+      "aria-owns": listId
+    } : {};
+    $[10] = activeListItemId;
+    $[11] = listId;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== active) {
+    t3 = active ? {
+      "aria-expanded": true
+    } : {};
+    $[13] = active;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== t1 || $[16] !== t2 || $[17] !== t3) {
+    t4 = {
+      ...t1,
+      ...t2,
+      ...t3
+    };
+    $[15] = t1;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  const anchorAriaProps = t4;
+  let t5;
+  if ($[19] !== active || $[20] !== anchorAriaProps || $[21] !== pinned || $[22] !== restProps) {
+    t5 = {
+      active,
+      pinned,
+      ...restProps,
+      ...anchorAriaProps
+    };
+    $[19] = active;
+    $[20] = anchorAriaProps;
+    $[21] = pinned;
+    $[22] = restProps;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  const anchorProps = t5;
+  const t6 = `${anchorProps.pinned}`;
+  let t7;
+  if ($[24] !== anchorProps || $[25] !== t6) {
+    t7 = {
+      ...anchorProps,
+      pinned: t6
+    };
+    $[24] = anchorProps;
+    $[25] = t6;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  const anchorComponentProps = t7;
+  if (typeof anchor === "string") {
+    let t8;
+    if ($[27] !== anchor || $[28] !== anchorComponentProps) {
+      t8 = /*#__PURE__*/jsx(Anchor, {
+        ...anchorComponentProps,
+        children: anchor
+      });
+      $[27] = anchor;
+      $[28] = anchorComponentProps;
+      $[29] = t8;
+    } else {
+      t8 = $[29];
+    }
+    return t8;
+  }
+  if (typeof anchor === "function") {
+    let t8;
+    if ($[30] !== active || $[31] !== anchor || $[32] !== anchorAriaProps || $[33] !== pinned || $[34] !== restProps) {
+      t8 = anchor({
+        active,
+        pinned,
+        ...restProps
+      }, anchorAriaProps);
+      $[30] = active;
+      $[31] = anchor;
+      $[32] = anchorAriaProps;
+      $[33] = pinned;
+      $[34] = restProps;
+      $[35] = t8;
+    } else {
+      t8 = $[35];
+    }
+    return t8;
   }
   if (!isArray(anchor)) {
-    return /*#__PURE__*/cloneElement(anchor, typeof anchor.type === 'string' ? anchorAriaProps : anchorComponentProps);
+    const t8 = typeof anchor.type === "string" ? anchorAriaProps : anchorComponentProps;
+    let t9;
+    if ($[36] !== anchor || $[37] !== t8) {
+      t9 = /*#__PURE__*/cloneElement(anchor, t8);
+      $[36] = anchor;
+      $[37] = t8;
+      $[38] = t9;
+    } else {
+      t9 = $[38];
+    }
+    return t9;
   }
-  return jsx("div", {
-    ...anchorAriaProps,
-    children: anchor
-  });
+  let t8;
+  if ($[39] !== anchor || $[40] !== anchorAriaProps) {
+    t8 = /*#__PURE__*/jsx("div", {
+      ...anchorAriaProps,
+      children: anchor
+    });
+    $[39] = anchor;
+    $[40] = anchorAriaProps;
+    $[41] = t8;
+  } else {
+    t8 = $[41];
+  }
+  return t8;
 }
 function renderDropdownMenuChildren({
   children,
   popupMenuProps
 }) {
   if (!children) {
-    return jsx(PopupMenu, {
+    return /*#__PURE__*/jsx(PopupMenu, {
       ...popupMenuProps
     });
   }
@@ -128,35 +255,95 @@ function renderDropdownMenuChildren({
     ...popupMenuProps
   });
 }
-const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu({
-  id,
-  anchor,
-  ariaLabel,
-  data,
-  onSelect,
-  menuProps,
-  children,
-  ...restDropdownProps
-}, forwardedRef) {
-  const listId = useMemo(() => id || getUID('dropdown-menu-list'), [id]);
-  const popupMenuProps = useMemo(() => ({
-    ref: forwardedRef,
-    id: listId,
-    ariaLabel: ariaLabel || defaultAriaLabel,
-    closeOnSelect: true,
-    activateFirstItem: true,
-    data,
-    onSelect,
-    ...menuProps
-  }), [ariaLabel, data, forwardedRef, listId, menuProps, onSelect]);
-  return jsx(ActiveItemContext.Provider, {
-    children: jsx(Dropdown, {
-      anchor: ({
+const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwardedRef) {
+  const $ = c(29);
+  if ($[0] !== "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194") {
+    for (let $i = 0; $i < 29; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194";
+  }
+  let anchor;
+  let ariaLabel;
+  let children;
+  let data;
+  let id;
+  let menuProps;
+  let onSelect;
+  let restDropdownProps;
+  if ($[1] !== t0) {
+    ({
+      id,
+      anchor,
+      ariaLabel,
+      data,
+      onSelect,
+      menuProps,
+      children,
+      ...restDropdownProps
+    } = t0);
+    $[1] = t0;
+    $[2] = anchor;
+    $[3] = ariaLabel;
+    $[4] = children;
+    $[5] = data;
+    $[6] = id;
+    $[7] = menuProps;
+    $[8] = onSelect;
+    $[9] = restDropdownProps;
+  } else {
+    anchor = $[2];
+    ariaLabel = $[3];
+    children = $[4];
+    data = $[5];
+    id = $[6];
+    menuProps = $[7];
+    onSelect = $[8];
+    restDropdownProps = $[9];
+  }
+  let t1;
+  if ($[10] !== id) {
+    t1 = id || getUID("dropdown-menu-list");
+    $[10] = id;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  const listId = t1;
+  const t2 = ariaLabel || defaultAriaLabel;
+  let t3;
+  if ($[12] !== data || $[13] !== forwardedRef || $[14] !== listId || $[15] !== menuProps || $[16] !== onSelect || $[17] !== t2) {
+    t3 = {
+      ref: forwardedRef,
+      id: listId,
+      ariaLabel: t2,
+      closeOnSelect: true,
+      activateFirstItem: true,
+      data,
+      onSelect,
+      ...menuProps
+    };
+    $[12] = data;
+    $[13] = forwardedRef;
+    $[14] = listId;
+    $[15] = menuProps;
+    $[16] = onSelect;
+    $[17] = t2;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  const popupMenuProps = t3;
+  let t4;
+  if ($[19] !== anchor || $[20] !== listId) {
+    t4 = t5 => {
+      const {
         pinned,
         active,
         ...restAnchorProps
-      }) => jsx(ActiveItemContext.ValueContext.Consumer, {
-        children: activeItemId => jsx(DropdownAnchorWrapper, {
+      } = t5;
+      return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+        children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, {
           anchor: anchor,
           pinned: pinned,
           active: active,
@@ -164,14 +351,43 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu({
           listId: listId,
           ...restAnchorProps
         })
-      }),
-      ...restDropdownProps,
-      children: renderDropdownMenuChildren({
-        children,
-        popupMenuProps
+      });
+    };
+    $[19] = anchor;
+    $[20] = listId;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  let t5;
+  if ($[22] !== children || $[23] !== popupMenuProps) {
+    t5 = renderDropdownMenuChildren({
+      children,
+      popupMenuProps
+    });
+    $[22] = children;
+    $[23] = popupMenuProps;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  let t6;
+  if ($[25] !== restDropdownProps || $[26] !== t4 || $[27] !== t5) {
+    t6 = /*#__PURE__*/jsx(ActiveItemContext.Provider, {
+      children: /*#__PURE__*/jsx(Dropdown, {
+        anchor: t4,
+        ...restDropdownProps,
+        children: t5
       })
-    })
-  });
+    });
+    $[25] = restDropdownProps;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+  } else {
+    t6 = $[28];
+  }
+  return t6;
 });
 var DropdownMenu$1 = Object.assign(DropdownMenu, {
   ListProps: List.ListProps

package/components/editable-heading/editable-heading.d.ts

@@ -28,6 +28,6 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement | H
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };
-export declare const EditableHeading: (props: EditableHeadingProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const EditableHeading: (props: EditableHeadingProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => React.JSX.Element>;
 export default _default;