@jetbrains/ring-ui-built 7.0.71 → 7.0.73

package/components/date-picker/months.js

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, useRef, useEffect, createElement } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useRef, useEffect, createElement } from 'react';
 import { addMonths } from 'date-fns/addMonths';
 import { getDay } from 'date-fns/getDay';
 import { getDaysInMonth } from 'date-fns/getDaysInMonth';
@@ -11,8 +11,9 @@ import linearFunction from '../global/linear-function.js';
 import useEventCallback from '../global/use-event-callback.js';
 import Month from './month.js';
 import MonthNames from './month-names.js';
-import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
+import { s as styles } from '../_helpers/date-picker.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
@@ -58,72 +59,181 @@ function scrollSpeed(date) {
 const scrollSchedule = scheduleRAF();
 let dy = 0;
 function Months(props) {
+  const $ = c(33);
+  if ($[0] !== "3cc95a30dd33d14752bdcb9dc79c8f6b6353ca4e0a57d98cb2189651222ab926") {
+    for (let $i = 0; $i < 33; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "3cc95a30dd33d14752bdcb9dc79c8f6b6353ca4e0a57d98cb2189651222ab926";
+  }
   const {
     scrollDate
   } = props;
-  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
-  const monthStart = startOfMonth(monthDate);
-  const months = useMemo(() => {
+  let t0;
+  if ($[1] !== scrollDate) {
+    t0 = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
+    $[1] = scrollDate;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const monthDate = t0;
+  let t1;
+  if ($[3] !== monthDate) {
+    t1 = startOfMonth(monthDate);
+    $[3] = monthDate;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const monthStart = t1;
+  let result;
+  if ($[5] !== monthStart) {
     let month = subMonths(monthStart, MONTHSBACK);
-    const result = [month];
+    result = [month];
     for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {
       month = addMonths(month, 1);
       result.push(month);
     }
-    return result;
-  }, [monthStart]);
-  const currentSpeed = scrollSpeed(scrollDate);
-  const pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
-  const offset = pxToDate.x(Number(monthStart)); // is a negative number
+    $[5] = monthStart;
+    $[6] = result;
+  } else {
+    result = $[6];
+  }
+  const months = result;
+  let pxToDate;
+  let t2;
+  if ($[7] !== monthStart || $[8] !== scrollDate) {
+    const currentSpeed = scrollSpeed(scrollDate);
+    pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
+    t2 = pxToDate.x(Number(monthStart));
+    $[7] = monthStart;
+    $[8] = scrollDate;
+    $[9] = pxToDate;
+    $[10] = t2;
+  } else {
+    pxToDate = $[9];
+    t2 = $[10];
+  }
+  const offset = t2;
   const bottomOffset = monthHeight(scrollDate) + offset;
   const componentRef = useRef(null);
-  const handleWheel = useEventCallback(e => {
-    e.preventDefault();
-    dy += e.deltaY;
-    scrollSchedule(() => {
-      let date;
-      // adjust scroll speed to prevent glitches
-      if (dy < offset) {
-        date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
-      } else if (dy > bottomOffset) {
-        date = pxToDate.y(bottomOffset) + (dy - bottomOffset) * scrollSpeed(months[MONTHSBACK + 1]);
-      } else {
-        date = pxToDate.y(dy);
-      }
-      props.onScroll(date);
-      dy = 0;
-    });
-  });
-  useEffect(() => {
-    const current = componentRef.current;
-    if (current) {
-      current.addEventListener('wheel', handleWheel, {
-        passive: false
+  let t3;
+  if ($[11] !== bottomOffset || $[12] !== months || $[13] !== offset || $[14] !== props || $[15] !== pxToDate) {
+    t3 = e => {
+      e.preventDefault();
+      dy = dy + e.deltaY;
+      scrollSchedule(() => {
+        let date;
+        if (dy < offset) {
+          date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
+        } else {
+          if (dy > bottomOffset) {
+            date = pxToDate.y(bottomOffset) + (dy - bottomOffset) * scrollSpeed(months[MONTHSBACK + 1]);
+          } else {
+            date = pxToDate.y(dy);
+          }
+        }
+        props.onScroll(date);
+        dy = 0;
       });
-    }
-    return () => {
+    };
+    $[11] = bottomOffset;
+    $[12] = months;
+    $[13] = offset;
+    $[14] = props;
+    $[15] = pxToDate;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  const handleWheel = useEventCallback(t3);
+  let t4;
+  let t5;
+  if ($[17] !== handleWheel) {
+    t4 = () => {
+      const current = componentRef.current;
       if (current) {
-        current.removeEventListener('wheel', handleWheel);
+        current.addEventListener("wheel", handleWheel, {
+          passive: false
+        });
       }
+      return () => {
+        if (current) {
+          current.removeEventListener("wheel", handleWheel);
+        }
+      };
+    };
+    t5 = [handleWheel];
+    $[17] = handleWheel;
+    $[18] = t4;
+    $[19] = t5;
+  } else {
+    t4 = $[18];
+    t5 = $[19];
+  }
+  useEffect(t4, t5);
+  const t6 = Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset);
+  let t7;
+  if ($[20] !== t6) {
+    t7 = {
+      top: t6
     };
-  }, [handleWheel]);
-  return jsxs("div", {
-    className: styles.months,
-    ref: componentRef,
-    children: [jsx("div", {
-      style: {
-        top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
-      },
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== months || $[23] !== props) {
+    t8 = months.map(date_0 => /*#__PURE__*/createElement(Month, {
+      ...props,
+      month: date_0,
+      key: +date_0
+    }));
+    $[22] = months;
+    $[23] = props;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  let t9;
+  if ($[25] !== t7 || $[26] !== t8) {
+    t9 = /*#__PURE__*/jsx("div", {
+      style: t7,
       className: styles.days,
-      children: months.map(date => (/*#__PURE__*/createElement(Month, {
-        ...props,
-        month: date,
-        key: +date
-      })))
-    }), jsx(MonthNames, {
+      children: t8
+    });
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== props) {
+    t10 = /*#__PURE__*/jsx(MonthNames, {
       ...props
-    })]
-  });
+    });
+    $[28] = props;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== t10 || $[31] !== t9) {
+    t11 = /*#__PURE__*/jsxs("div", {
+      className: styles.months,
+      ref: componentRef,
+      children: [t9, t10]
+    });
+    $[30] = t10;
+    $[31] = t9;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  return t11;
 }
 
 export { Months as default };

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

@@ -2,5 +2,5 @@ import type { Locale } from 'date-fns';
 interface WeekdaysProps {
     locale: Locale | undefined;
 }
-export default function Weekdays(props: WeekdaysProps): import("react/jsx-runtime").JSX.Element;
+export default function Weekdays(props: WeekdaysProps): import("react").JSX.Element;
 export {};

package/components/date-picker/weekdays.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';
@@ -6,24 +6,64 @@ import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'date-fns/add';
 
 function Weekdays(props) {
-  const days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(value => startOfDay(setDay(new Date(), value)));
-  const {
-    locale
-  } = props;
-  return jsx("div", {
-    className: styles.weekdays,
-    children: days.map(day => jsx("span", {
-      className: classNames(styles.weekday, {
-        [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
-      }),
-      children: format(day, 'EEEEEE', {
-        locale
-      })
-    }, +day))
-  });
+  const $ = c(9);
+  if ($[0] !== "ae5cfd4777f0b258431d23e7afcb144b72f1fe497b1ab6a09bbe7fdb451918ca") {
+    for (let $i = 0; $i < 9; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "ae5cfd4777f0b258431d23e7afcb144b72f1fe497b1ab6a09bbe7fdb451918ca";
+  }
+  let t0;
+  let t1;
+  if ($[1] !== props) {
+    const days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(_temp);
+    const {
+      locale
+    } = props;
+    t0 = styles.weekdays;
+    let t2;
+    if ($[4] !== locale) {
+      t2 = day => /*#__PURE__*/jsx("span", {
+        className: classNames(styles.weekday, {
+          [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
+        }),
+        children: format(day, "EEEEEE", {
+          locale
+        })
+      }, +day);
+      $[4] = locale;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    t1 = days.map(t2);
+    $[1] = props;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  let t2;
+  if ($[6] !== t0 || $[7] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
+      className: t0,
+      children: t1
+    });
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+function _temp(value) {
+  return startOfDay(setDay(new Date(), value));
 }
 
 export { Weekdays as default };

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

@@ -14,6 +14,6 @@ export default class Years extends PureComponent<CalendarProps> {
     setYear(date: number): void;
     componentRef: import("react").RefObject<HTMLDivElement | null>;
     handleWheel: (e: WheelEvent) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/date-picker/years.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -10,8 +9,9 @@ import { setYear } from 'date-fns/setYear';
 import { startOfYear } from 'date-fns/startOfYear';
 import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
-import { s as styles } from '../_helpers/date-picker.js';
 import units, { yearDuration, DOUBLE, HALF } from './consts.js';
+import { s as styles } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'date-fns/add';
 
 const {
@@ -79,15 +79,15 @@ class Years extends PureComponent {
       years.push(year);
     }
     const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: styles.years,
       ref: this.componentRef,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
         top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
       },
-      children: years.map(item => jsx("button", {
-        type: 'button',
+      children: years.map(item => /*#__PURE__*/jsx("button", {
+        type: "button",
         className: classNames(styles.year, {
           [styles.currentYear]: isSameYear(item, date),
           [styles.today]: isThisYear(item)

package/components/dialog/dialog.d.ts

@@ -45,6 +45,6 @@ export default class Dialog extends PureComponent<DialogProps> {
     dialog?: HTMLElement | null;
     dialogRef: (tabTrap: TabTrap | null) => void;
     nativeDialog: React.RefObject<HTMLDialogElement | null>;
-    render(): false | import("react/jsx-runtime").JSX.Element;
+    render(): false | React.JSX.Element;
 }
 export type DialogAttrs = React.JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;

package/components/dialog/dialog.js

@@ -1,4 +1,3 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
@@ -12,10 +11,12 @@ import { Button } from '../button/button.js';
 import { PopupTarget, PopupTargetContext } from '../popup/popup.target.js';
 import { getPopupContainer } from '../popup/popup.js';
 import { p as preventerFactory, s as styles } from '../_helpers/dialog-body-scroll-preventer.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 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';
@@ -40,9 +41,6 @@ import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import 'scrollbar-width';
 
-/**
- * @name Dialog
- */
 function noop() {}
 class Dialog extends PureComponent {
   static defaultProps = {
@@ -169,29 +167,29 @@ class Dialog extends PureComponent {
     } = this.props;
     const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
-    const content = jsxs(Fragment, {
-      children: [jsx(Shortcuts, {
+    const content = /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Shortcuts, {
         map: shortcutsMap,
         scope: this.state.shortcutsScope,
         options: this.props.shortcutOptions
-      }), (onOverlayClick !== noop || onCloseAttempt !== noop) && jsx("div", {
+      }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
         // click handler is duplicated in close button
-        role: 'presentation',
+        role: "presentation",
         className: styles.clickableOverlay,
         onClick: this.handleClick,
-        "data-test": 'ring-dialog-overlay'
-      }), jsx("div", {
+        "data-test": "ring-dialog-overlay"
+      }), /*#__PURE__*/jsx("div", {
         className: styles.innerContainer,
-        children: jsxs(AdaptiveIsland, {
+        children: /*#__PURE__*/jsxs(AdaptiveIsland, {
           className: classNames(styles.content, contentClassName, {
             [styles.dense]: dense
           }),
-          "data-test": 'ring-dialog',
-          role: 'dialog',
+          "data-test": "ring-dialog",
+          role: "dialog",
           "aria-label": label,
-          children: [children, showCloseButton && jsx(Button, {
+          children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
             icon: closeIcon,
-            "data-test": 'ring-dialog-close-button',
+            "data-test": "ring-dialog-close-button",
             className: classNames(styles.closeButton, {
               [styles.closeButtonOutside]: !closeButtonInside,
               [styles.closeButtonInside]: closeButtonInside
@@ -208,20 +206,20 @@ class Dialog extends PureComponent {
       })]
     });
     if (native) {
-      return jsx("dialog", {
+      return /*#__PURE__*/jsx("dialog", {
         className: classNames(styles.nativeDialog, className),
         ref: this.nativeDialog,
         "data-rg-modal-dialog-container": modal ? '' : undefined,
-        children: jsx(PopupTarget, {
+        children: /*#__PURE__*/jsx(PopupTarget, {
           id: this.uid,
           className: styles.popupTarget,
-          children: target => jsxs(Fragment, {
+          children: target => /*#__PURE__*/jsxs(Fragment, {
             children: [content, target]
           })
         })
       });
     }
-    return show && jsx(PopupTargetContext.Consumer, {
+    return show && /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
       children: contextTarget => {
         let targetElement = document.body;
         if (portalTarget instanceof HTMLElement) {
@@ -232,16 +230,16 @@ class Dialog extends PureComponent {
             targetElement = container;
           }
         }
-        return /*#__PURE__*/createPortal(jsx(PopupTarget, {
+        return /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
           id: this.uid,
           className: styles.popupTarget,
-          children: target => jsxs(TabTrap, {
+          children: target => /*#__PURE__*/jsxs(TabTrap, {
             trapDisabled: !trapFocus,
             "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
-            "data-rg-modal-dialog-container": '',
+            "data-rg-modal-dialog-container": "",
             ref: this.dialogRef,
             className: classes,
-            role: 'presentation',
+            role: "presentation",
             ...restProps,
             children: [content, target]
           })

package/components/dropdown/anchor.d.ts

@@ -1,3 +1,3 @@
 import { type ButtonAttrs } from '../button/button';
-declare const _default: import("react").MemoExoticComponent<({ children, className, ...restProps }: ButtonAttrs) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ children, className, ...restProps }: ButtonAttrs) => import("react").JSX.Element>;
 export default _default;

package/components/dropdown/anchor.js

@@ -1,8 +1,9 @@
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'react';
 import 'classnames';
 import '../button/button.js';
 export { A as default } from '../_helpers/anchor.js';
+import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';

package/components/dropdown/dropdown.d.ts

@@ -66,7 +66,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
     toggle(show?: boolean): void;
     _toggle(show: boolean, pinned?: boolean): void;
     _clearTimer(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type DropdownAttrs = React.JSX.LibraryManagedAttributes<typeof Dropdown, DropdownProps>;
 export { Anchor };

package/components/dropdown/dropdown.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component, cloneElement } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { s as styles, A as Anchor } from '../_helpers/anchor.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -17,9 +18,6 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
-/**
- * @name Dropdown
- */
 class Dropdown extends Component {
   static defaultProps = {
     initShown: false,
@@ -146,7 +144,7 @@ class Dropdown extends Component {
     const active = hoverMode ? pinned : show;
     switch (typeof anchor) {
       case 'string':
-        anchorElement = jsx(Anchor, {
+        anchorElement = /*#__PURE__*/jsx(Anchor, {
           active: active,
           children: anchor
         });
@@ -173,12 +171,13 @@ class Dropdown extends Component {
       onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
       dontCloseOnAnchorClick: true
     };
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       "data-test": joinDataTestAttributes('ring-dropdown', dataTest),
       ...restProps,
-      onClick: clickMode ? this.onClick : undefined,
+      onClick: clickMode ? this.onClick : undefined
       // anchorElement should be a `button` or an `a`
-      role: 'presentation',
+      ,
+      role: "presentation",
       onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
       onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
       className: classes,