@jetbrains/ring-ui-built 7.0.71 → 7.0.73

package/components/date-picker/date-picker.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 { format } from 'date-fns/format';
@@ -19,8 +19,9 @@ import Link from '../link/link.js';
 import { S as Size } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import DatePopup from './date-popup.js';
-import { s as styles } from '../_helpers/date-picker.js';
 import formats from './formats.js';
+import { s as styles } from '../_helpers/date-picker.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -87,27 +88,92 @@ import 'date-fns/isThisYear';
 import 'date-fns/setYear';
 import './weekdays.js';
 
-const PopupComponent = ({
-  hidden = false,
-  className,
-  popupRef,
-  onClear,
-  datePopupProps,
-  onComplete,
-  ...restProps
-}) => jsx(Popup, {
-  hidden: hidden,
-  className: className,
-  ref: popupRef,
-  directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
-  ...restProps,
-  trapFocus: true,
-  children: jsx(DatePopup, {
-    onClear: onClear,
-    ...datePopupProps,
-    onComplete: onComplete
-  })
-});
+const PopupComponent = t0 => {
+  const $ = c(20);
+  if ($[0] !== "33db58a6327d40ad4b7bf91a7fec9f9c197da5c37e0c1c6775581fe962cb7d9d") {
+    for (let $i = 0; $i < 20; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "33db58a6327d40ad4b7bf91a7fec9f9c197da5c37e0c1c6775581fe962cb7d9d";
+  }
+  let className;
+  let datePopupProps;
+  let onClear;
+  let onComplete;
+  let popupRef;
+  let restProps;
+  let t1;
+  if ($[1] !== t0) {
+    ({
+      hidden: t1,
+      className,
+      popupRef,
+      onClear,
+      datePopupProps,
+      onComplete,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = className;
+    $[3] = datePopupProps;
+    $[4] = onClear;
+    $[5] = onComplete;
+    $[6] = popupRef;
+    $[7] = restProps;
+    $[8] = t1;
+  } else {
+    className = $[2];
+    datePopupProps = $[3];
+    onClear = $[4];
+    onComplete = $[5];
+    popupRef = $[6];
+    restProps = $[7];
+    t1 = $[8];
+  }
+  const hidden = t1 === undefined ? false : t1;
+  let t2;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT];
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== datePopupProps || $[11] !== onClear || $[12] !== onComplete) {
+    t3 = /*#__PURE__*/jsx(DatePopup, {
+      onClear: onClear,
+      ...datePopupProps,
+      onComplete: onComplete
+    });
+    $[10] = datePopupProps;
+    $[11] = onClear;
+    $[12] = onComplete;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  let t4;
+  if ($[14] !== className || $[15] !== hidden || $[16] !== popupRef || $[17] !== restProps || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsx(Popup, {
+      hidden: hidden,
+      className: className,
+      ref: popupRef,
+      directions: t2,
+      ...restProps,
+      trapFocus: true,
+      children: t3
+    });
+    $[14] = className;
+    $[15] = hidden;
+    $[16] = popupRef;
+    $[17] = restProps;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
+};
 /**
  * @name Date Picker
  */
@@ -265,12 +331,12 @@ class DatePicker extends PureComponent {
   };
   render() {
     var _this$props$disabled, _this$props$disabled2;
-    const anchorContent = jsxs("div", {
+    const anchorContent = /*#__PURE__*/jsxs("div", {
       className: styles.anchorContent,
-      children: [jsx(Icon, {
+      children: [/*#__PURE__*/jsx(Icon, {
         glyph: calendarIcon,
         className: styles.calendarIcon
-      }), this.getAnchorText(), jsx(Icon, {
+      }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
         glyph: chevronDownIcon,
         className: styles.chevronDownIcon
       })]
@@ -287,17 +353,17 @@ class DatePicker extends PureComponent {
     const classes = classNames(styles.datePicker, className, styles[`size${this.props.size}`], {
       [styles.inline]: inline
     });
-    return jsx(Dropdown, {
+    return /*#__PURE__*/jsx(Dropdown, {
       className: classes,
       disabled: this.props.disabled,
-      "data-test": 'ring-date-picker',
-      anchor: inline ? jsx(Link, {
+      "data-test": "ring-date-picker",
+      anchor: inline ? /*#__PURE__*/jsx(Link, {
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
         disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
         pseudo: true,
         children: this.getAnchorText()
-      }) : jsx(Button, {
+      }) : /*#__PURE__*/jsx(Button, {
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
         inline: false,
@@ -306,7 +372,7 @@ class DatePicker extends PureComponent {
         children: anchorContent
       }),
       ...dropdownProps,
-      children: jsx(PopupComponent, {
+      children: /*#__PURE__*/jsx(PopupComponent, {
         className: popupClassName,
         popupRef: this.popupRef,
         onClear: clear ? this.clear : null,

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

@@ -30,5 +30,5 @@ export default class DatePopup extends Component<DatePopupProps, DatePopupState>
     selectHandler: (date: Date) => void;
     handleScroll: (scrollDate: number) => void;
     onClear: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/components/date-picker/date-popup.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Component, createElement } from 'react';
 import { isAfter } from 'date-fns/isAfter';
@@ -13,6 +12,7 @@ import Years from './years.js';
 import Weekdays from './weekdays.js';
 import { parseTime } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../_helpers/input.js';
 import '@jetbrains/icons/close-12px';
@@ -23,6 +23,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -374,11 +375,11 @@ class DatePopup extends Component {
       onScrollChange: this.scrollTo
     };
     const clearable = Boolean(this.props.onClear);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: styles.datePopup,
-      "data-test": 'ring-date-popup',
+      "data-test": "ring-date-popup",
       ref: this.componentRef,
-      children: [jsxs("div", {
+      children: [/*#__PURE__*/jsxs("div", {
         className: styles.filterWrapper,
         children: [names.map(name => {
           let onClear;
@@ -399,7 +400,7 @@ class DatePopup extends Component {
             onClear: onClear,
             locale: locale
           });
-        }), this.isInTimeMode() ? (/*#__PURE__*/createElement(DateInput, {
+        }), this.isInTimeMode() ? /*#__PURE__*/createElement(DateInput, {
           ...this.props,
           text: this.state.text,
           divider: !!parsedDate,
@@ -414,17 +415,17 @@ class DatePopup extends Component {
           onConfirm: this.handleConfirm('time'),
           onClear: clearable && this.onClear || undefined,
           locale: locale
-        })) : '']
-      }), jsx(Weekdays, {
+        }) : '']
+      }), /*#__PURE__*/jsx(Weekdays, {
         locale: locale
-      }), jsxs("div", {
+      }), /*#__PURE__*/jsxs("div", {
         className: styles.calendar,
-        children: [jsx(Months, {
+        children: [/*#__PURE__*/jsx(Months, {
           ...calendarProps,
           onHover: this.hoverHandler,
           onSelect: this.selectHandler,
           locale: locale
-        }), jsx(Years, {
+        }), /*#__PURE__*/jsx(Years, {
           ...calendarProps
         })]
       }), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state)]

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

@@ -13,5 +13,5 @@ export default class Day extends Component<DayProps> {
     inRange: (range: [Date, Date] | null) => boolean | null;
     isDisabled: (date: Date) => boolean;
     parse(text: string | null | undefined): Date | null;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/date-picker/day.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { addDays } from 'date-fns/addDays';
@@ -12,6 +11,7 @@ import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
 import { getDayNumInWeek, weekdays } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'date-fns/add';
 
 let hoverTO;
@@ -59,9 +59,10 @@ class Day extends Component {
     const disabled = this.isDisabled(day);
     const activeSpreadRange = makeSpreadRange(activeRange);
     return (
+      /*#__PURE__*/
       // TODO make keyboard navigation actually work
       jsx("button", {
-        type: 'button',
+        type: "button",
         className: classNames(styles.day, styles[`Day${dayInWeek}`], {
           [styles.current]: ['date', 'from', 'to'].some(this.is),
           [styles.active]: !disabled && this.is('activeDate'),
@@ -82,7 +83,7 @@ class Day extends Component {
         onMouseOut: this.handleMouseOut,
         onBlur: this.handleMouseOut,
         disabled: disabled,
-        children: empty || jsx("span", {
+        children: empty || /*#__PURE__*/jsx("span", {
           className: classNames({
             [styles.today]: isToday(day)
           }),

package/components/date-picker/month-names.d.ts

@@ -1,2 +1,2 @@
 import { type MonthsProps } from './consts';
-export default function MonthNames(props: MonthsProps): import("react/jsx-runtime").JSX.Element;
+export default function MonthNames(props: MonthsProps): import("react").JSX.Element;

package/components/date-picker/month-names.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 { endOfMonth } from 'date-fns/endOfMonth';
@@ -11,6 +11,7 @@ import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
 import { YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
 import 'date-fns/add';
@@ -25,8 +26,8 @@ class MonthName extends PureComponent {
       month,
       locale
     } = this.props;
-    return jsx("button", {
-      type: 'button',
+    return /*#__PURE__*/jsx("button", {
+      type: "button",
       className: classNames(styles.monthName, {
         [styles.today]: isThisMonth(month)
       }),
@@ -38,41 +39,116 @@ class MonthName extends PureComponent {
   }
 }
 function MonthNames(props) {
+  const $ = c(25);
+  if ($[0] !== "bc2d18bdf292acf1ee5e9f58d8bdc0707131612de3d6a30b9b3c175a40cf30a9") {
+    for (let $i = 0; $i < 25; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "bc2d18bdf292acf1ee5e9f58d8bdc0707131612de3d6a30b9b3c175a40cf30a9";
+  }
   const {
     scrollDate,
     locale
   } = props;
-  const months = [];
-  for (let i = 0; i < YEAR; i++) {
-    const middleDay = set(scrollDate, {
-      month: i,
-      date: MIDDLE_DAY
-    });
-    months.push(startOfDay(middleDay));
+  let months;
+  if ($[1] !== scrollDate) {
+    months = [];
+    for (let i = 0; i < YEAR; i++) {
+      const middleDay = set(scrollDate, {
+        month: i,
+        date: MIDDLE_DAY
+      });
+      months.push(startOfDay(middleDay));
+    }
+    $[1] = scrollDate;
+    $[2] = months;
+  } else {
+    months = $[2];
   }
-  const pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
-  let top = 0;
-  let bottom = 0;
-  if (props.currentRange) {
-    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
+  let bottom;
+  let pxToDate;
+  let top;
+  if ($[3] !== props.currentRange || $[4] !== scrollDate) {
+    let t0;
+    if ($[8] !== scrollDate) {
+      t0 = startOfYear(scrollDate);
+      $[8] = scrollDate;
+      $[9] = t0;
+    } else {
+      t0 = $[9];
+    }
+    pxToDate = linearFunction(0, Number(t0), yearScrollSpeed);
+    top = 0;
+    bottom = 0;
+    if (props.currentRange) {
+      [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
+    }
+    $[3] = props.currentRange;
+    $[4] = scrollDate;
+    $[5] = bottom;
+    $[6] = pxToDate;
+    $[7] = top;
+  } else {
+    bottom = $[5];
+    pxToDate = $[6];
+    top = $[7];
   }
-  return jsxs("div", {
-    className: styles.monthNames,
-    children: [months.map(month => jsx(MonthName, {
+  let t0;
+  if ($[10] !== locale || $[11] !== months || $[12] !== props.onScrollChange) {
+    t0 = months.map(month => /*#__PURE__*/jsx(MonthName, {
       month: month,
       onScrollChange: props.onScrollChange,
       locale: locale
-    }, +month)), props.currentRange && jsx("div", {
+    }, +month));
+    $[10] = locale;
+    $[11] = months;
+    $[12] = props.onScrollChange;
+    $[13] = t0;
+  } else {
+    t0 = $[13];
+  }
+  let t1;
+  if ($[14] !== bottom || $[15] !== props.currentRange || $[16] !== top) {
+    t1 = props.currentRange && /*#__PURE__*/jsx("div", {
       className: styles.range,
       style: {
         top: top - 1,
         height: bottom + 1 - (top - 1)
       }
-    }), jsx(MonthSlider, {
+    });
+    $[14] = bottom;
+    $[15] = props.currentRange;
+    $[16] = top;
+    $[17] = t1;
+  } else {
+    t1 = $[17];
+  }
+  let t2;
+  if ($[18] !== props || $[19] !== pxToDate) {
+    t2 = /*#__PURE__*/jsx(MonthSlider, {
       ...props,
       pxToDate: pxToDate
-    })]
-  });
+    });
+    $[18] = props;
+    $[19] = pxToDate;
+    $[20] = t2;
+  } else {
+    t2 = $[20];
+  }
+  let t3;
+  if ($[21] !== t0 || $[22] !== t1 || $[23] !== t2) {
+    t3 = /*#__PURE__*/jsxs("div", {
+      className: styles.monthNames,
+      children: [t0, t1, t2]
+    });
+    $[21] = t0;
+    $[22] = t1;
+    $[23] = t2;
+    $[24] = t3;
+  } else {
+    t3 = $[24];
+  }
+  return t3;
 }
 
 export { MonthNames as default };

package/components/date-picker/month-slider.d.ts

@@ -15,6 +15,6 @@ export default class MonthSlider extends PureComponent<MonthSliderProps> {
     onMouseDown: () => void;
     onMouseUp: () => void;
     onMouseMove: (e: MouseEvent) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/date-picker/month-slider.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -7,6 +6,7 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'date-fns/add';
 
 const COVERYEARS = 3;
@@ -46,9 +46,9 @@ class MonthSlider extends PureComponent {
     const classes = classNames(styles.monthSlider, {
       [styles.dragging]: this.state.dragging
     });
-    return jsx("div", {
-      children: years.map(date => jsx("button", {
-        type: 'button',
+    return /*#__PURE__*/jsx("div", {
+      children: years.map(date => /*#__PURE__*/jsx("button", {
+        type: "button",
         className: classes,
         style: {
           top: Math.floor(this.props.pxToDate.x(Number(date)) - units.cellSize)

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

@@ -2,4 +2,4 @@ import { type MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {
     month: Date;
 }
-export default function Month(props: MonthProps): import("react/jsx-runtime").JSX.Element;
+export default function Month(props: MonthProps): import("react").JSX.Element;

package/components/date-picker/month.js

@@ -1,5 +1,4 @@
-import { createElement } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
 import { format } from 'date-fns/format';
@@ -8,6 +7,8 @@ import { setDay } from 'date-fns/setDay';
 import Day from './day.js';
 import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -18,35 +19,95 @@ import 'date-fns/startOfDay';
 import 'date-fns/add';
 
 function Month(props) {
+  const $ = c(20);
+  if ($[0] !== "14b913afec6a0e367382e049e14b38f0432cb1747486488d23fa5601f7987406") {
+    for (let $i = 0; $i < 20; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "14b913afec6a0e367382e049e14b38f0432cb1747486488d23fa5601f7987406";
+  }
   const start = props.month;
   const end = endOfMonth(start);
   const {
     locale
   } = props;
-  // pad with empty cells starting from last friday
   const weekday = getDay(start);
-  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
+  let t0;
+  if ($[1] !== props.locale) {
+    t0 = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
+    $[1] = props.locale;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const weekDays = t0;
   const fifthDayOfWeek = weekDays[FIFTH_DAY];
-  let day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
-  const days = [];
-  while (day < end) {
-    days.push(day);
-    day = addDays(day, 1);
+  let days;
+  if ($[3] !== end || $[4] !== fifthDayOfWeek || $[5] !== start || $[6] !== weekday) {
+    let day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
+    days = [];
+    while (day < end) {
+      days.push(day);
+      day = addDays(day, 1);
+    }
+    $[3] = end;
+    $[4] = fifthDayOfWeek;
+    $[5] = start;
+    $[6] = weekday;
+    $[7] = days;
+  } else {
+    days = $[7];
   }
-  return jsxs("div", {
-    className: styles.month,
-    children: [jsx("span", {
+  let t1;
+  if ($[8] !== locale || $[9] !== props.month) {
+    t1 = format(props.month, "LLLL", {
+      locale
+    });
+    $[8] = locale;
+    $[9] = props.month;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] !== t1) {
+    t2 = /*#__PURE__*/jsx("span", {
       className: styles.monthTitle,
-      children: format(props.month, 'LLLL', {
-        locale
-      })
-    }), days.map(date => (/*#__PURE__*/createElement(Day, {
+      children: t1
+    });
+    $[11] = t1;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== days || $[14] !== props || $[15] !== start) {
+    t3 = days.map(date => /*#__PURE__*/createElement(Day, {
       ...props,
       day: date,
       empty: date < start,
       key: +date
-    })))]
-  });
+    }));
+    $[13] = days;
+    $[14] = props;
+    $[15] = start;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  let t4;
+  if ($[17] !== t2 || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsxs("div", {
+      className: styles.month,
+      children: [t2, t3]
+    });
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
 }
 
 export { Month as default };

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

@@ -1,2 +1,2 @@
 import { type MonthsProps } from './consts';
-export default function Months(props: MonthsProps): import("react/jsx-runtime").JSX.Element;
+export default function Months(props: MonthsProps): import("react").JSX.Element;