@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/date-picker/weekdays.js

@@ -2,7 +2,6 @@ import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.values.js';
 import 'core-js/modules/es.string.includes.js';
-import React from 'react';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';
@@ -11,6 +10,7 @@ import { startOfDay } from 'date-fns/startOfDay';
 import PropTypes from 'prop-types';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.slice.js';
@@ -22,18 +22,19 @@ function Weekdays(props) {
     return startOfDay(setDay(new Date(), value));
   });
   var locale = props.locale;
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.weekdays
-  }, days.map(function (day) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_0c7b7d96.weekday, {
-        [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
-      }),
-      key: +day
-    }, format(day, 'EEEEEE', {
-      locale
-    }));
-  }));
+  return /*#__PURE__*/jsx("div", {
+    className: modules_0c7b7d96.weekdays,
+    children: days.map(function (day) {
+      return /*#__PURE__*/jsx("span", {
+        className: classNames(modules_0c7b7d96.weekday, {
+          [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
+        }),
+        children: format(day, 'EEEEEE', {
+          locale
+        })
+      }, +day);
+    })
+  });
 }
 Weekdays.propTypes = {
   locale: PropTypes.object

package/components/date-picker/years.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { CalendarProps } from './consts';
 interface YearsState {
@@ -18,8 +18,8 @@ export default class Years extends PureComponent<CalendarProps> {
     componentWillUnmount(): void;
     stoppedScrolling?: boolean;
     setYear(date: number): void;
-    componentRef: React.RefObject<HTMLDivElement>;
+    componentRef: import("react").RefObject<HTMLDivElement>;
     handleWheel: (e: WheelEvent) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/date-picker/years.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent, createRef } from 'react';
+import { PureComponent, createRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -15,6 +15,7 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, DOUBLE, HALF, yearDuration } from './consts.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.object.values.js';
@@ -103,26 +104,27 @@ var Years = /*#__PURE__*/function (_PureComponent) {
         years.push(year);
       }
       var pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         className: modules_0c7b7d96.years,
         ref: this.componentRef,
         style: {
           transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
           top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
-        }
-      }, years.map(function (item) {
-        return /*#__PURE__*/React.createElement("button", {
-          type: "button",
-          key: +item,
-          className: classNames(modules_0c7b7d96.year, {
-            [modules_0c7b7d96.currentYear]: isSameYear(item, date),
-            [modules_0c7b7d96.today]: isThisYear(item)
-          }),
-          onClick: function handleClick() {
-            onScrollChange(Number(setYear(scrollDate, getYear(item))));
-          }
-        }, format(item, 'yyyy'));
-      }));
+        },
+        children: years.map(function (item) {
+          return /*#__PURE__*/jsx("button", {
+            type: "button",
+            className: classNames(modules_0c7b7d96.year, {
+              [modules_0c7b7d96.currentYear]: isSameYear(item, date),
+              [modules_0c7b7d96.today]: isThisYear(item)
+            }),
+            onClick: function handleClick() {
+              onScrollChange(Number(setYear(scrollDate, getYear(item))));
+            },
+            children: format(item, 'yyyy')
+          }, +item);
+        })
+      });
     }
   }]);
 }(PureComponent);

package/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import TabTrap, { TabTrapProps } from '../tab-trap/tab-trap';
 import type { ShortcutsScopeOptions } from '../shortcuts/core';

package/components/dialog/dialog.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,6 +13,7 @@ import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
 import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -60,9 +61,6 @@ import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
 var _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions"];
-/**
- * @name Dialog
- */
 function noop() {}
 var Dialog = /*#__PURE__*/function (_PureComponent) {
   function Dialog() {
@@ -140,7 +138,7 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
         onCloseAttempt = _this$props.onCloseAttempt;
         _this$props.onEscPress;
         _this$props.onCloseClick;
-        var children = _this$props.children,
+        var _children = _this$props.children,
         className = _this$props.className,
         contentClassName = _this$props.contentClassName,
         trapFocus = _this$props.trapFocus,
@@ -154,46 +152,51 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
         var restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_5e9b8c03.container, className);
       var shortcutsMap = this.getShortcutsMap();
-      return show && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
+      return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
         id: this.uid,
-        className: modules_5e9b8c03.popupTarget
-      }, function (target) {
-        return /*#__PURE__*/React.createElement(TabTrap, _extends({
-          trapDisabled: !trapFocus,
-          "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
-          ref: _this2.dialogRef,
-          className: classes,
-          role: "presentation"
-        }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
-          map: shortcutsMap,
-          scope: _this2.state.shortcutsScope,
-          options: _this2.props.shortcutOptions
-        }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
-          // click handler is duplicated in close button
-          role: "presentation",
-          className: modules_5e9b8c03.clickableOverlay,
-          onClick: _this2.handleClick
-        }), /*#__PURE__*/React.createElement("div", {
-          className: modules_5e9b8c03.innerContainer
-        }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
-          className: classNames(modules_5e9b8c03.content, contentClassName, {
-            [modules_5e9b8c03.dense]: dense
-          }),
-          "data-test": "ring-dialog",
-          role: "dialog",
-          "aria-label": label
-        }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
-          icon: closeIcon,
-          "data-test": "ring-dialog-close-button",
-          className: classNames(modules_5e9b8c03.closeButton, {
-            [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
-            [modules_5e9b8c03.closeButtonInside]: closeButtonInside
-          }),
-          iconClassName: modules_5e9b8c03.closeIcon,
-          onClick: _this2.onCloseClick,
-          title: closeButtonTitle,
-          "aria-label": closeButtonTitle || 'close dialog'
-        }))), target);
+        className: modules_5e9b8c03.popupTarget,
+        children: function children(target) {
+          return /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
+            trapDisabled: !trapFocus,
+            "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
+            ref: _this2.dialogRef,
+            className: classes,
+            role: "presentation"
+          }, restProps), {}, {
+            children: [/*#__PURE__*/jsx(Shortcuts, {
+              map: shortcutsMap,
+              scope: _this2.state.shortcutsScope,
+              options: _this2.props.shortcutOptions
+            }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
+              // click handler is duplicated in close button
+              role: "presentation",
+              className: modules_5e9b8c03.clickableOverlay,
+              onClick: _this2.handleClick
+            }), /*#__PURE__*/jsx("div", {
+              className: modules_5e9b8c03.innerContainer,
+              children: /*#__PURE__*/jsxs(AdaptiveIsland, {
+                className: classNames(modules_5e9b8c03.content, contentClassName, {
+                  [modules_5e9b8c03.dense]: dense
+                }),
+                "data-test": "ring-dialog",
+                role: "dialog",
+                "aria-label": label,
+                children: [_children, showCloseButton && /*#__PURE__*/jsx(Button, {
+                  icon: closeIcon,
+                  "data-test": "ring-dialog-close-button",
+                  className: classNames(modules_5e9b8c03.closeButton, {
+                    [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
+                    [modules_5e9b8c03.closeButtonInside]: closeButtonInside
+                  }),
+                  iconClassName: modules_5e9b8c03.closeIcon,
+                  onClick: _this2.onCloseClick,
+                  title: closeButtonTitle,
+                  "aria-label": closeButtonTitle || 'close dialog'
+                })]
+              })
+            }), target]
+          }));
+        }
       }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
     }
   }]);

package/components/dropdown/anchor.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
-declare const _default: React.MemoExoticComponent<{
-    ({ children, className, ...restProps }: ButtonAttrs): React.JSX.Element;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ children, className, ...restProps }: ButtonAttrs): import("react").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;

package/components/dropdown/anchor.js

@@ -6,6 +6,7 @@ import 'classnames';
 import '../icon/icon.js';
 import '../button/button.js';
 export { A as default } from '../_helpers/anchor.js';
+import 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';

package/components/dropdown/dropdown.d.ts

@@ -1,4 +1,5 @@
-import React, { Component, HTMLAttributes, ReactNode, ReactElement } from 'react';
+import { Component, HTMLAttributes, ReactNode, ReactElement } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PopupAttrs } from '../popup/popup';
 import Anchor from './anchor';

package/components/dropdown/dropdown.js

@@ -1,11 +1,12 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React, { cloneElement, Component } from 'react';
+import { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -28,9 +29,6 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
 var _excluded = ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test", "disabled"];
-/**
- * @name Dropdown
- */
 var Dropdown = /*#__PURE__*/function (_Component) {
   function Dropdown() {
     var _this;
@@ -168,9 +166,10 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var active = hoverMode ? pinned : show;
       switch (typeof anchor) {
         case 'string':
-          anchorElement = /*#__PURE__*/React.createElement(Anchor, {
-            active: active
-          }, anchor);
+          anchorElement = /*#__PURE__*/jsx(Anchor, {
+            active: active,
+            children: anchor
+          });
           break;
         case 'function':
           anchorElement = anchor({
@@ -194,17 +193,18 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
         dontCloseOnAnchorClick: true
       };
-      return /*#__PURE__*/React.createElement("div", _extends({
+      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
         "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
-      }, restProps, {
+      }, restProps), {}, {
         onClick: clickMode ? this.onClick : undefined
         // anchorElement should be a `button` or an `a`
         ,
         role: "presentation",
         onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
         onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
-        className: classes
-      }), anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps));
+        className: classes,
+        children: [anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps)]
+      }));
     }
   }]);
 }(Component);

package/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNodeArray, HTMLAttributes, SyntheticEvent } from 'react';
+import { ReactElement, ReactNodeArray, HTMLAttributes, SyntheticEvent, Ref } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { AnchorProps, DropdownAttrs } from '../dropdown/dropdown';
 import PopupMenu, { PopupMenuAttrs } from '../popup-menu/popup-menu';
@@ -16,8 +16,8 @@ export interface DropdownMenuProps<T = unknown> extends Omit<DropdownAttrs, 'anc
     menuProps?: PopupMenuAttrs<T> | null | undefined;
 }
 declare const _default: (<T = unknown>(props: DropdownMenuProps<T> & {
-    ref?: React.Ref<PopupMenu<unknown>> | undefined;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+    ref?: Ref<PopupMenu<unknown>> | undefined;
+}) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
     ListProps: {
         Type: typeof import("../list/consts").Type;
         Dimension: {

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

@@ -1,6 +1,6 @@
-import { c as _objectWithoutProperties, d as _objectSpread2, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.object.assign.js';
-import React, { useMemo, cloneElement } from 'react';
+import { forwardRef, useMemo, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import List, { ActiveItemContext } from '../list/list.js';
 import Dropdown from '../dropdown/dropdown.js';
@@ -8,6 +8,7 @@ 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 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
@@ -70,6 +71,7 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -129,7 +131,9 @@ function DropdownAnchorWrapper(_ref3) {
     });
   }, [anchorProps]);
   if (typeof anchor === 'string') {
-    return /*#__PURE__*/React.createElement(Anchor, anchorComponentProps, anchor);
+    return /*#__PURE__*/jsx(Anchor, _objectSpread2(_objectSpread2({}, anchorComponentProps), {}, {
+      children: anchor
+    }));
   }
   if (typeof anchor === 'function') {
     return anchor(_objectSpread2({
@@ -140,7 +144,9 @@ function DropdownAnchorWrapper(_ref3) {
   if (!isArray(anchor)) {
     return /*#__PURE__*/cloneElement(anchor, typeof anchor.type === 'string' ? anchorAriaProps : anchorComponentProps);
   }
-  return /*#__PURE__*/React.createElement("div", anchorAriaProps, anchor);
+  return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, anchorAriaProps), {}, {
+    children: anchor
+  }));
 }
 DropdownAnchorWrapper.propTypes = {
   anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.func]).isRequired,
@@ -149,7 +155,7 @@ DropdownAnchorWrapper.propTypes = {
   activeListItemId: PropTypes.string,
   listId: PropTypes.string
 };
-var DropdownMenu = /*#__PURE__*/React.forwardRef(function DropdownMenu(_ref4, forwardedRef) {
+var DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(_ref4, forwardedRef) {
   var id = _ref4.id,
     _anchor = _ref4.anchor,
     ariaLabel = _ref4.ariaLabel,
@@ -160,30 +166,36 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function DropdownMenu(_ref4, fo
   var listId = useMemo(function () {
     return id || getUID('dropdown-menu-list');
   }, [id]);
-  return /*#__PURE__*/React.createElement(ActiveItemContext.Provider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
-    anchor: function anchor(_ref5) {
-      var pinned = _ref5.pinned,
-        active = _ref5.active,
-        restAnchorProps = _objectWithoutProperties(_ref5, _excluded3);
-      return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, function (activeItemId) {
-        return /*#__PURE__*/React.createElement(DropdownAnchorWrapper, _extends({
-          anchor: _anchor,
-          pinned: pinned,
-          active: active,
-          activeListItemId: activeItemId,
-          listId: listId
-        }, restAnchorProps));
-      });
-    }
-  }, restDropdownProps), /*#__PURE__*/React.createElement(PopupMenu, _extends({
-    ref: forwardedRef,
-    id: listId,
-    ariaLabel: ariaLabel || defaultAriaLabel,
-    closeOnSelect: true,
-    activateFirstItem: true,
-    data: data,
-    onSelect: onSelect
-  }, menuProps))));
+  return /*#__PURE__*/jsx(ActiveItemContext.Provider, {
+    children: /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
+      anchor: function anchor(_ref5) {
+        var pinned = _ref5.pinned,
+          active = _ref5.active,
+          restAnchorProps = _objectWithoutProperties(_ref5, _excluded3);
+        return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+          children: function children(activeItemId) {
+            return /*#__PURE__*/jsx(DropdownAnchorWrapper, _objectSpread2({
+              anchor: _anchor,
+              pinned: pinned,
+              active: active,
+              activeListItemId: activeItemId,
+              listId: listId
+            }, restAnchorProps));
+          }
+        });
+      }
+    }, restDropdownProps), {}, {
+      children: /*#__PURE__*/jsx(PopupMenu, _objectSpread2({
+        ref: forwardedRef,
+        id: listId,
+        ariaLabel: ariaLabel || defaultAriaLabel,
+        closeOnSelect: true,
+        activateFirstItem: true,
+        data: data,
+        onSelect: onSelect
+      }, menuProps))
+    }))
+  });
 });
 DropdownMenu.propTypes = _objectSpread2({
   id: idPropType,

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

@@ -1,4 +1,5 @@
-import React, { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import * as React from 'react';
 import { Levels } from '../heading/heading';
 import { Size } from '../input/input';
 export { Levels };