@jetbrains/ring-ui-built 7.0.72 → 7.0.74

package/components/collapse/collapse.js

@@ -1,40 +1,92 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useId, useMemo, useCallback } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useState, useId } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @name Collapse
- */
-const Collapse = ({
-  children,
-  duration = BASE_ANIMATION_DURATION,
-  disableAnimation = false,
-  className = '',
-  onChange = () => {},
-  defaultCollapsed = true,
-  collapsed = null
-}) => {
+const Collapse = t0 => {
+  const $ = c(16);
+  if ($[0] !== "a4a6b3332539b9c2959a845fc7f7ca21f64b1f889ab9f549f7c7d22f6a1be723") {
+    for (let $i = 0; $i < 16; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "a4a6b3332539b9c2959a845fc7f7ca21f64b1f889ab9f549f7c7d22f6a1be723";
+  }
+  const {
+    children,
+    duration: t1,
+    disableAnimation: t2,
+    className: t3,
+    onChange: t4,
+    defaultCollapsed: t5,
+    collapsed: t6
+  } = t0;
+  const duration = t1 === undefined ? BASE_ANIMATION_DURATION : t1;
+  const disableAnimation = t2 === undefined ? false : t2;
+  const className = t3 === undefined ? "" : t3;
+  const onChange = t4 === undefined ? _temp : t4;
+  const defaultCollapsed = t5 === undefined ? true : t5;
+  const collapsed = t6 === undefined ? null : t6;
   const [innerCollapsed, setInnerCollapsed] = useState(defaultCollapsed);
   const id = useId();
-  const finalCollapsedValue = useMemo(() => collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);
-  const setCollapsed = useCallback(() => {
-    setInnerCollapsed(!finalCollapsedValue);
-    onChange(!finalCollapsedValue);
-  }, [setInnerCollapsed, onChange, finalCollapsedValue]);
-  return jsx("div", {
-    className: className,
-    children: jsx(CollapseContext.Provider, {
-      value: {
-        collapsed: finalCollapsedValue,
-        setCollapsed,
-        duration,
-        disableAnimation,
-        id
-      },
+  const finalCollapsedValue = collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed;
+  let t7;
+  if ($[1] !== finalCollapsedValue || $[2] !== onChange) {
+    t7 = () => {
+      setInnerCollapsed(!finalCollapsedValue);
+      onChange(!finalCollapsedValue);
+    };
+    $[1] = finalCollapsedValue;
+    $[2] = onChange;
+    $[3] = t7;
+  } else {
+    t7 = $[3];
+  }
+  const setCollapsed = t7;
+  let t8;
+  if ($[4] !== disableAnimation || $[5] !== duration || $[6] !== finalCollapsedValue || $[7] !== id || $[8] !== setCollapsed) {
+    t8 = {
+      collapsed: finalCollapsedValue,
+      setCollapsed,
+      duration,
+      disableAnimation,
+      id
+    };
+    $[4] = disableAnimation;
+    $[5] = duration;
+    $[6] = finalCollapsedValue;
+    $[7] = id;
+    $[8] = setCollapsed;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  let t9;
+  if ($[10] !== children || $[11] !== t8) {
+    t9 = /*#__PURE__*/jsx(CollapseContext.Provider, {
+      value: t8,
       children: children
-    })
-  });
+    });
+    $[10] = children;
+    $[11] = t8;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  let t10;
+  if ($[13] !== className || $[14] !== t9) {
+    t10 = /*#__PURE__*/jsx("div", {
+      className: className,
+      children: t9
+    });
+    $[13] = className;
+    $[14] = t9;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  return t10;
 };
+function _temp() {}
 
 export { Collapse, Collapse as default };

package/components/confirm/confirm.d.ts

@@ -31,6 +31,6 @@ export default class Confirm extends PureComponent<ConfirmProps> {
         onReject: () => void;
     };
     onEscPress: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ConfirmAttributes = React.JSX.LibraryManagedAttributes<typeof Confirm, ConfirmProps>;

package/components/confirm/confirm.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
@@ -13,6 +13,7 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
+import 'react-compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -42,9 +43,6 @@ import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
 
-/**
- * @name Confirm
- */
 class Confirm extends PureComponent {
   static defaultProps = {
     text: null,
@@ -77,28 +75,28 @@ class Confirm extends PureComponent {
       onReject,
       native
     } = this.props;
-    return jsxs(Dialog, {
+    return /*#__PURE__*/jsxs(Dialog, {
       label: text || (typeof description === 'string' ? description : undefined),
       className: className,
       onEscPress: this.onEscPress,
       show: show,
       trapFocus: true,
-      "data-test": 'ring-confirm',
+      "data-test": "ring-confirm",
       native: native,
-      children: [text && jsx(HeaderWrapper, {
+      children: [text && /*#__PURE__*/jsx(HeaderWrapper, {
         children: text
-      }), description && jsx(ContentWrapper, {
+      }), description && /*#__PURE__*/jsx(ContentWrapper, {
         children: description
-      }), jsxs(Panel, {
-        children: [jsx(Button, {
-          "data-test": 'confirm-ok-button',
+      }), /*#__PURE__*/jsxs(Panel, {
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-test": "confirm-ok-button",
           primary: !cancelIsDefault,
           loader: inProgress,
           disabled: inProgress,
           onClick: onConfirm,
           children: confirmLabel
-        }), jsx(Button, {
-          "data-test": 'confirm-reject-button',
+        }), /*#__PURE__*/jsx(Button, {
+          "data-test": "confirm-reject-button",
           onClick: onReject,
           disabled: inProgress,
           primary: cancelIsDefault,

package/components/confirm-service/confirm-service.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import Confirm from '../confirm/confirm.js';
 import { getGlobalControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '../dialog/dialog.js';
 import 'react-dom';
@@ -13,6 +13,7 @@ import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
+import 'react-compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -54,9 +55,9 @@ function renderConfirm(props) {
     buttonsHeight = getGlobalControlsHeight(),
     ...restProps
   } = props;
-  reactRoot.render(jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: buttonsHeight,
-    children: jsx(Confirm, {
+    children: /*#__PURE__*/jsx(Confirm, {
       ...restProps
     })
   }));

package/components/content-layout/content-layout.d.ts

@@ -14,6 +14,6 @@ export default class ContentLayout extends Component<ContentLayoutProps> {
         contentNode: null;
     };
     saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export { default as Sidebar } from './sidebar';

package/components/content-layout/content-layout.js

@@ -1,12 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-waypoint';
 
-/**
- * @name Content Layout
- */
 class ContentLayout extends Component {
   static defaultProps = {
     responsive: true
@@ -37,11 +34,11 @@ class ContentLayout extends Component {
       contentNode: this.state.contentNode
     });
     const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return jsxs("div", {
-      "data-test": 'content-layout',
+    return /*#__PURE__*/jsxs("div", {
+      "data-test": "content-layout",
       ...restProps,
       className: classes,
-      children: [sidebar, jsx("main", {
+      children: [sidebar, /*#__PURE__*/jsx("main", {
         className: contentClasses,
         ref: this.saveContentNode,
         children: contentChildren

package/components/content-layout/sidebar.d.ts

@@ -18,5 +18,5 @@ export default class Sidebar extends Component<SidebarProps> {
     shouldUseFixation(): boolean;
     shouldFixateBottom(): boolean;
     sidebarRef: (node: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/content-layout/sidebar.js

@@ -1,5 +1,5 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'react-waypoint';
 export { S as default } from '../_helpers/sidebar.js';
+import 'react/jsx-runtime';

package/components/contenteditable/contenteditable.d.ts

@@ -18,9 +18,9 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
     };
     shouldComponentUpdate(nextProps: ContentEditableBaseProps): boolean;
     componentDidUpdate(prevProps: ContentEditableBaseProps): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 type ContentEditableBaseAttrs = React.JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
 export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
-declare const ContentEditable: ({ children, ...props }: ContentEditableProps) => import("react/jsx-runtime").JSX.Element;
+declare const ContentEditable: ({ children, ...props }: ContentEditableProps) => import("react").JSX.Element;
 export default ContentEditable;

package/components/contenteditable/contenteditable.js

@@ -1,10 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { Component } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @name ContentEditable
- */
 function noop() {}
 class ContentEditableBase extends Component {
   static defaultProps = {
@@ -29,13 +27,14 @@ class ContentEditableBase extends Component {
       inputRef,
       ...props
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...props,
-      ref: inputRef,
+      ref: inputRef
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
+      ,
       disabled: disabled,
-      role: 'textbox',
+      role: "textbox",
       tabIndex: disabled ? undefined : tabIndex,
       contentEditable: !this.props.disabled,
       dangerouslySetInnerHTML: {
@@ -44,12 +43,49 @@ class ContentEditableBase extends Component {
     });
   }
 }
-const ContentEditable = ({
-  children,
-  ...props
-}) => jsx(ContentEditableBase, {
-  ...props,
-  __html: renderToStaticMarkup(children)
-});
+const ContentEditable = t0 => {
+  const $ = c(9);
+  if ($[0] !== "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348") {
+    for (let $i = 0; $i < 9; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348";
+  }
+  let children;
+  let props;
+  if ($[1] !== t0) {
+    ({
+      children,
+      ...props
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = props;
+  } else {
+    children = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== children) {
+    t1 = renderToStaticMarkup(children);
+    $[4] = children;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== props || $[7] !== t1) {
+    t2 = /*#__PURE__*/jsx(ContentEditableBase, {
+      ...props,
+      __html: t1
+    });
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+};
 
 export { ContentEditable as default };

package/components/control-help/control-help.d.ts

@@ -1,4 +1,4 @@
 import { type HTMLAttributes } from 'react';
 type ControlHelpProps = HTMLAttributes<HTMLDivElement>;
-export default function ControlHelp({ className, ...restProps }: ControlHelpProps): import("react/jsx-runtime").JSX.Element;
+export default function ControlHelp({ className, ...restProps }: ControlHelpProps): import("react").JSX.Element;
 export {};

package/components/control-help/control-help.js

@@ -1,16 +1,52 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"help":"ring-control-help-help"};
 
-function ControlHelp({
-  className,
-  ...restProps
-}) {
-  return jsx("div", {
-    className: classNames(className, styles.help),
-    ...restProps
-  });
+function ControlHelp(t0) {
+  const $ = c(9);
+  if ($[0] !== "bb004edfe1dacdc07f0fa88dca3e2759708deda4b53bc20ef0799dfbcacb049d") {
+    for (let $i = 0; $i < 9; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "bb004edfe1dacdc07f0fa88dca3e2759708deda4b53bc20ef0799dfbcacb049d";
+  }
+  let className;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      className,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = className;
+    $[3] = restProps;
+  } else {
+    className = $[2];
+    restProps = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = classNames(className, styles.help);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== restProps || $[7] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
+      className: t1,
+      ...restProps
+    });
+    $[6] = restProps;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 }
 
 export { ControlHelp as default };

package/components/control-label/control-label.js

@@ -1,5 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
+import 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"label":"ring-control-label-label","formLabel":"ring-control-label-formLabel","secondaryLabel":"ring-control-label-secondaryLabel","disabledLabel":"ring-control-label-disabledLabel"};
 
@@ -12,17 +14,64 @@ const classNameByType = {
   [LabelType.SECONDARY]: styles.secondaryLabel,
   [LabelType.FORM]: styles.formLabel
 };
-const ControlLabel = ({
-  children,
-  type = LabelType.SECONDARY,
-  disabled,
-  ...rest
-}) => jsx("label", {
-  className: classNames(styles.label, classNameByType[type], {
-    [styles.disabledLabel]: disabled
-  }),
-  ...rest,
-  children: children
-});
+const ControlLabel = t0 => {
+  const $ = c(13);
+  if ($[0] !== "bb4c1a3448a8ab687255dd795b9f172a7ee374fecb5dfc264c1d31d9ce69f171") {
+    for (let $i = 0; $i < 13; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "bb4c1a3448a8ab687255dd795b9f172a7ee374fecb5dfc264c1d31d9ce69f171";
+  }
+  let children;
+  let disabled;
+  let rest;
+  let t1;
+  if ($[1] !== t0) {
+    ({
+      children,
+      type: t1,
+      disabled,
+      ...rest
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = disabled;
+    $[4] = rest;
+    $[5] = t1;
+  } else {
+    children = $[2];
+    disabled = $[3];
+    rest = $[4];
+    t1 = $[5];
+  }
+  const type = t1 === undefined ? LabelType.SECONDARY : t1;
+  const t2 = classNameByType[type];
+  let t3;
+  if ($[6] !== disabled || $[7] !== t2) {
+    t3 = classNames(styles.label, t2, {
+      [styles.disabledLabel]: disabled
+    });
+    $[6] = disabled;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== children || $[10] !== rest || $[11] !== t3) {
+    t4 = /*#__PURE__*/jsx("label", {
+      className: t3,
+      ...rest,
+      children: children
+    });
+    $[9] = children;
+    $[10] = rest;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
 
 export { ControlLabel, LabelType, ControlLabel as default };

package/components/data-list/data-list.d.ts

@@ -21,6 +21,6 @@ type FocusableProps<T extends SelectionItem> = DataListBaseProps<T> & DisableHov
 export type DataListContainerProps<T extends SelectionItem> = DataListBaseProps<T> & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsOuterProps<T>;
 export default class DataListContainer<T extends SelectionItem> extends Component<DataListContainerProps<T>> {
     DataList: import("react").ComponentClass<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>, any>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/data-list/data-list.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component, PureComponent } from 'react';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -9,6 +8,7 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { s as styles } from '../_helpers/title.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
@@ -31,6 +31,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -121,14 +122,14 @@ class DataList extends PureComponent {
       [styles.disabledHover]: disabledHover,
       [styles.multiSelection]: selection.getSelected().size > 0
     });
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: styles.dataListWrapper,
-      "data-test": 'ring-data-list',
+      "data-test": "ring-data-list",
       ref: innerRef,
-      children: [focused && jsx(Shortcuts, {
+      children: [focused && /*#__PURE__*/jsx(Shortcuts, {
         map: shortcutsMap,
         scope: this.shortcutsScope
-      }), jsx("ul", {
+      }), /*#__PURE__*/jsx("ul", {
         className: classes,
         children: data.map(model => {
           const item = itemFormatter(model);
@@ -139,7 +140,7 @@ class DataList extends PureComponent {
             items
           } = item;
           const showMoreLessButton = this.props.itemMoreLessState?.(item);
-          return jsx(Item, {
+          return /*#__PURE__*/jsx(Item, {
             item: model,
             title: title,
             items: items,
@@ -159,9 +160,9 @@ class DataList extends PureComponent {
             onItemMoreLess: this.props.onItemMoreLess
           }, key || id);
         })
-      }), loading && jsx("div", {
+      }), loading && /*#__PURE__*/jsx("div", {
         className: data.length > 0 ? styles.loadingOverlay : undefined,
-        children: jsx(Loader, {})
+        children: /*#__PURE__*/jsx(Loader, {})
       })]
     });
   }
@@ -172,7 +173,7 @@ class DataListContainer extends Component {
   // https://stackoverflow.com/a/53882322/6304152
   DataList = getContainer();
   render() {
-    return jsx(this.DataList, {
+    return /*#__PURE__*/jsx(this.DataList, {
       ...this.props
     });
   }

package/components/data-list/data-list.mock.d.ts

@@ -11,6 +11,6 @@ export declare const moreItems: {
     id: number;
     selectable: boolean;
     collapsible: boolean;
-    title: import("react/jsx-runtime").JSX.Element;
+    title: import("react").JSX.Element;
 }[];
 export default items;