@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/table/row.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -12,6 +12,7 @@ import getUID from '../global/get-uid.js';
 import { createComposedRef } from '../global/compose-refs.js';
 import Cell from './cell.js';
 import { s as style } from '../_helpers/table.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
@@ -42,19 +43,45 @@ import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import 'memoize-one';
 
-const DragHandle = ({
-  alwaysShowDragHandle,
-  dragHandleTitle = 'Drag to reorder'
-}) => {
-  const classes = classNames(style.dragHandle, {
-    [style.visibleDragHandle]: alwaysShowDragHandle
-  });
-  return jsx(Button, {
-    "data-movable-handle": true,
-    title: dragHandleTitle,
-    className: classes,
-    icon: dragIcon
-  });
+const DragHandle = t0 => {
+  const $ = c(6);
+  if ($[0] !== "76275aa4db7d4efa60de02fbe68cf8112bea4364168de4c4ce14a1880acc9fa1") {
+    for (let $i = 0; $i < 6; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "76275aa4db7d4efa60de02fbe68cf8112bea4364168de4c4ce14a1880acc9fa1";
+  }
+  const {
+    alwaysShowDragHandle,
+    dragHandleTitle: t1
+  } = t0;
+  const dragHandleTitle = t1 === undefined ? "Drag to reorder" : t1;
+  let t2;
+  if ($[1] !== alwaysShowDragHandle) {
+    t2 = classNames(style.dragHandle, {
+      [style.visibleDragHandle]: alwaysShowDragHandle
+    });
+    $[1] = alwaysShowDragHandle;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const classes = t2;
+  let t3;
+  if ($[3] !== classes || $[4] !== dragHandleTitle) {
+    t3 = /*#__PURE__*/jsx(Button, {
+      "data-movable-handle": true,
+      title: dragHandleTitle,
+      className: classes,
+      icon: dragIcon
+    });
+    $[3] = classes;
+    $[4] = dragHandleTitle;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
 };
 class Row extends PureComponent {
   static defaultProps = {
@@ -165,15 +192,15 @@ class Row extends PureComponent {
     const metaColumnStyle = {
       paddingLeft: `${gap}px`
     };
-    const metaColumn = jsxs("div", {
+    const metaColumn = /*#__PURE__*/jsxs("div", {
       className: metaColumnClasses,
       style: metaColumnStyle,
-      children: [draggable && jsx(DragHandle, {
+      children: [draggable && /*#__PURE__*/jsx(DragHandle, {
         alwaysShowDragHandle: alwaysShowDragHandle,
         dragHandleTitle: dragHandleTitle
-      }), selectable && jsx(Tooltip, {
+      }), selectable && /*#__PURE__*/jsx(Tooltip, {
         title: checkboxTooltip,
-        children: jsx(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           "aria-labelledby": this.id,
           className: showFocus ? 'ring-checkbox_focus' : '',
           checked: selected,
@@ -181,18 +208,18 @@ class Row extends PureComponent {
           onChange: this.onCheckboxChange,
           tabIndex: -1
         })
-      }), !selectable && showDisabledSelection && jsx(Tooltip, {
+      }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
         title: checkboxTooltip,
-        children: jsx(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           "aria-labelledby": this.id,
           checked: selected,
           disabled: true
         })
-      }), collapsible && collapsed && jsx(Button, {
+      }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
         className: style.rowCollapseExpandButton,
         icon: chevronRightIcon,
         onClick: () => onExpand(item)
-      }), collapsible && !collapsed && jsx(Button, {
+      }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
         className: style.rowCollapseExpandButton,
         icon: chevronDownIcon,
         onClick: () => onCollapse(item)
@@ -207,14 +234,14 @@ class Row extends PureComponent {
         [style.cellRight]: column.rightAlign
       }, column.className);
       const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
-      return jsxs(Cell, {
+      return /*#__PURE__*/jsxs(Cell, {
         colSpan: column.colSpan,
         className: cellClasses,
         "data-test": getDataTest(item, column),
         children: [index === 0 && showMetaColumn && metaColumn, value]
       }, column.id);
     });
-    return jsx("tr", {
+    return /*#__PURE__*/jsx("tr", {
       id: this.id,
       ref: this.composedRowRef(this.rowRef, innerRef),
       className: classes,

package/components/table/selection-shortcuts-hoc.js

@@ -1,5 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 function selectionShortcutsHOC(ComposedComponent) {
   class SelectionShortcuts extends PureComponent {
@@ -153,7 +153,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         shortcuts,
         ...restProps
       } = this.props;
-      return jsx(ComposedComponent, {
+      return /*#__PURE__*/jsx(ComposedComponent, {
         ...restProps,
         selection: selection,
         selectable: selectable,

package/components/table/simple-table.d.ts

@@ -12,6 +12,6 @@ declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleT
         selection: Selection<T>;
     };
     classes: string;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export default SimpleTable;

package/components/table/simple-table.js

@@ -1,9 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { s as style } from '../_helpers/table.js';
 import TableContainer from './table.js';
 import Selection$1 from './selection.js';
+import { s as style } from '../_helpers/table.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';
 import '../global/compose-refs.js';
@@ -25,6 +25,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import './header-cell.js';
@@ -67,7 +68,7 @@ class SimpleTable extends PureComponent {
   };
   classes = classNames(style.disabledHover, this.props.className);
   render() {
-    return jsx(TableContainer, {
+    return /*#__PURE__*/jsx(TableContainer, {
       ...this.props,
       className: this.classes,
       ...this.state

package/components/table/smart-table.d.ts

@@ -14,6 +14,6 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
     };
     UNSAFE_componentWillReceiveProps(nextProps: SmartTableProps<T>): void;
     onSelect: (selection: Selection<T>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export default SmartTable;

package/components/table/smart-table.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import TableContainer from './table.js';
 import Selection$1 from './selection.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';
@@ -24,13 +24,14 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
-import '../_helpers/table.js';
 import './header-cell.js';
 import '@jetbrains/icons/unsorted-12px';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/data-tests.js';
+import '../_helpers/table.js';
 import './selection-shortcuts-hoc.js';
 import './disable-hover-hoc.js';
 import './row-with-focus-sensor.js';
@@ -91,7 +92,7 @@ class SmartTable extends PureComponent {
     this.props.onSelectionChange(selection);
   };
   render() {
-    return jsx(TableContainer, {
+    return /*#__PURE__*/jsx(TableContainer, {
       ...this.props,
       selection: this.state.selection,
       onSelect: this.onSelect

package/components/table/table.d.ts

@@ -98,10 +98,10 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
     onSortEnd: ({ oldIndex, newIndex }: OnChangeMeta) => void;
     onCheckboxChange: (e: SyntheticEvent<HTMLInputElement>) => void;
     restoreFocusWithoutScroll: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TableAttrs<T extends SelectionItem> = DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>;
 export default class TableContainer<T extends SelectionItem> extends Component<TableAttrs<T>> {
     Table: React.ComponentClass<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>, any>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/components/table/table.js

@@ -1,5 +1,4 @@
 import { Component, PureComponent, createElement } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { arrayMove, List } from 'react-movable';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -7,10 +6,11 @@ import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Header from './header.js';
-import { s as style } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
+import { s as style } from '../_helpers/table.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
@@ -26,6 +26,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import './header-cell.js';
@@ -53,9 +54,6 @@ import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 
-/**
- * Interactive table with selection and keyboard navigation support.
- */
 class Table extends PureComponent {
   static defaultProps = {
     isItemSelectable: () => true,
@@ -247,22 +245,22 @@ class Table extends PureComponent {
       children,
       props
     }) => {
-      const empty = jsx("tr", {
-        children: jsx("td", {
+      const empty = /*#__PURE__*/jsx("tr", {
+        children: /*#__PURE__*/jsx("td", {
           colSpan: columnsArray.length || 1,
           className: style.tableMessage,
           children: renderEmpty ? renderEmpty() : null
         })
       });
       const tbody = Array.isArray(children) && children.length > 0 ? children : empty;
-      return jsxs("table", {
+      return /*#__PURE__*/jsxs("table", {
         className: classes,
-        "data-test": 'ring-table',
-        children: [jsx(Header, {
+        "data-test": "ring-table",
+        children: [/*#__PURE__*/jsx(Header, {
           ...headerProps
-        }), jsx("tbody", {
+        }), /*#__PURE__*/jsx("tbody", {
           ...props,
-          "data-test": 'ring-table-body',
+          "data-test": "ring-table-body",
           children: tbody
         })]
       });
@@ -312,27 +310,27 @@ class Table extends PureComponent {
         ...restProps,
         key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
       });
-      return isDragged ? jsx("table", {
+      return isDragged ? /*#__PURE__*/jsx("table", {
         style: {
           ...props.style
         },
         className: style.draggingTable,
-        children: jsx("tbody", {
+        children: /*#__PURE__*/jsx("tbody", {
           children: row
         })
       }) : row;
     };
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: wrapperClasses,
-      "data-test": 'ring-table-wrapper',
+      "data-test": "ring-table-wrapper",
       ref: this.props.innerRef,
-      children: [focused && jsx(Shortcuts, {
+      children: [focused && /*#__PURE__*/jsx(Shortcuts, {
         map: this.props.shortcutsMap,
         scope: this.state.shortcutsScope
-      }), jsx("div", {
-        role: 'presentation',
+      }), /*#__PURE__*/jsx("div", {
+        role: "presentation",
         onMouseDown: this.onMouseDown,
-        children: draggable ? jsx(List, {
+        children: draggable ? /*#__PURE__*/jsx(List, {
           values: data,
           renderList: renderList,
           renderItem: renderItem,
@@ -341,9 +339,9 @@ class Table extends PureComponent {
           children: data.map((value, index) => renderItem({
             value}))
         })
-      }), loading && jsx("div", {
+      }), loading && /*#__PURE__*/jsx("div", {
         className: style.loadingOverlay,
-        children: renderLoader ? renderLoader(loaderClassName) : jsx(Loader, {
+        children: renderLoader ? renderLoader(loaderClassName) : /*#__PURE__*/jsx(Loader, {
           className: loaderClassName
         })
       })]
@@ -356,7 +354,7 @@ class TableContainer extends Component {
   // https://stackoverflow.com/a/53882322/6304152
   Table = getContainer();
   render() {
-    return jsx(this.Table, {
+    return /*#__PURE__*/jsx(this.Table, {
       ...this.props
     });
   }

package/components/tabs/collapsible-more.d.ts

@@ -6,7 +6,7 @@ export interface FakeMoreButtonProps {
     moreClassName?: string | null | undefined;
     moreActiveClassName?: string | null | undefined;
 }
-export declare const AnchorLink: ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<ContainerProps<ButtonButtonProps>, "children"> & FakeMoreButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnchorLink: ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<ContainerProps<ButtonButtonProps>, "children"> & FakeMoreButtonProps) => import("react").JSX.Element;
 export interface MoreButtonProps {
     items: ReactElement<TabProps>[];
     selected?: string | undefined;
@@ -17,5 +17,5 @@ export interface MoreButtonProps {
     morePopupItemClassName?: string | undefined;
     morePopupBeforeEnd: ReactNode;
 }
-export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd, }: MoreButtonProps) => import("react/jsx-runtime").JSX.Element | null>;
-export declare const FakeMoreButton: import("react").MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd, }: MoreButtonProps) => import("react").JSX.Element | null>;
+export declare const FakeMoreButton: import("react").MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => import("react").JSX.Element>;