@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.10

package/components/date-picker/month.js

@@ -1,21 +1,15 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.values.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
 import { format } from 'date-fns/format';
 import { getDay } from 'date-fns/getDay';
 import { setDay } from 'date-fns/setDay';
-import PropTypes from 'prop-types';
 import Day from './day.js';
-import { dateType, shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
+import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -23,21 +17,21 @@ import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Month(props) {
-  var start = props.month;
-  var end = endOfMonth(start);
-  var locale = props.locale;
+  const start = props.month;
+  const end = endOfMonth(start);
+  const {
+    locale
+  } = props;
   // pad with empty cells starting from last friday
-  var weekday = getDay(start);
-  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
-  var fifthDayOfWeek = weekDays[FIFTH_DAY];
-  var day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
-  var days = [];
+  const weekday = getDay(start);
+  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
+  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);
@@ -49,18 +43,12 @@ function Month(props) {
       children: format(props.month, 'LLLL', {
         locale
       })
-    }), days.map(function (date) {
-      return /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
-        day: date,
-        empty: date < start,
-        key: +date
-      }));
-    })]
+    }), days.map(date => /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
+      day: date,
+      empty: date < start,
+      key: +date
+    })))]
   });
 }
-Month.propTypes = {
-  month: dateType,
-  locale: PropTypes.object
-};
 
 export { Month as default };

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

@@ -1,10 +1,2 @@
-import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
-declare function Months(props: MonthsProps): import("react").JSX.Element;
-declare namespace Months {
-    var propTypes: {
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-    };
-}
-export default Months;
+export default function Months(props: MonthsProps): import("react").JSX.Element;

package/components/date-picker/months.js

@@ -1,7 +1,5 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { useMemo, useRef, useEffect, createElement } from 'react';
-import PropTypes from 'prop-types';
 import { addMonths } from 'date-fns/addMonths';
 import { getDay } from 'date-fns/getDay';
 import { getDaysInMonth } from 'date-fns/getDaysInMonth';
@@ -14,17 +12,13 @@ import useEventCallback from '../global/use-event-callback.js';
 import Month from './month.js';
 import MonthNames from './month-names.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import units, { dateType, DOUBLE, HALF, WEEK, weekdays } from './consts.js';
+import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
 import './day.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.includes.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -38,57 +32,59 @@ import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
-var unit = units.unit,
-  cellSize = units.cellSize,
-  calHeight = units.calHeight;
-var FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
-var FIVELINES = 31;
-var TALLMONTH = 6;
-var SHORTMONTH = 5;
-var PADDING = 2;
-var MONTHSBACK = 2;
+const {
+  unit,
+  cellSize,
+  calHeight
+} = units;
+const FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
+const FIVELINES = 31;
+const TALLMONTH = 6;
+const SHORTMONTH = 5;
+const PADDING = 2;
+const MONTHSBACK = 2;
 function monthHeight(date) {
-  var monthStart = startOfMonth(date);
-  var daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
-  var monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
+  const monthStart = startOfMonth(date);
+  const daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
+  const monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
   return monthLines * cellSize + unit * PADDING;
 }
 // in milliseconds per pixel
 function scrollSpeed(date) {
-  var monthStart = startOfMonth(date);
-  var monthEnd = endOfMonth(date);
+  const monthStart = startOfMonth(date);
+  const monthEnd = endOfMonth(date);
   return (Number(monthEnd) - Number(monthStart)) / monthHeight(monthStart);
 }
-var scrollSchedule = scheduleRAF();
-var dy = 0;
+const scrollSchedule = scheduleRAF();
+let dy = 0;
 function Months(props) {
-  var scrollDate = props.scrollDate;
-  var monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
-  var monthStart = startOfMonth(monthDate);
-  var months = useMemo(function () {
-    var month = subMonths(monthStart, MONTHSBACK);
-    var result = [month];
-    for (var i = 0; i < MONTHSBACK * DOUBLE; i++) {
+  const {
+    scrollDate
+  } = props;
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
+  const monthStart = startOfMonth(monthDate);
+  const months = useMemo(() => {
+    let month = subMonths(monthStart, MONTHSBACK);
+    const result = [month];
+    for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {
       month = addMonths(month, 1);
       result.push(month);
     }
     return result;
   }, [monthStart]);
-  var currentSpeed = scrollSpeed(scrollDate);
-  var pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
-  var offset = pxToDate.x(Number(monthStart)); // is a negative number
-  var bottomOffset = monthHeight(scrollDate) + offset;
-  var componentRef = useRef(null);
-  var handleWheel = useEventCallback(function (e) {
+  const currentSpeed = scrollSpeed(scrollDate);
+  const pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
+  const offset = pxToDate.x(Number(monthStart)); // is a negative number
+  const bottomOffset = monthHeight(scrollDate) + offset;
+  const componentRef = useRef(null);
+  const handleWheel = useEventCallback(e => {
     e.preventDefault();
     dy += e.deltaY;
-    scrollSchedule(function () {
-      var date;
+    scrollSchedule(() => {
+      let date;
       // adjust scroll speed to prevent glitches
       if (dy < offset) {
         date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
@@ -101,14 +97,14 @@ function Months(props) {
       dy = 0;
     });
   });
-  useEffect(function () {
-    var current = componentRef.current;
+  useEffect(() => {
+    const current = componentRef.current;
     if (current !== null) {
       current.addEventListener('wheel', handleWheel, {
         passive: false
       });
     }
-    return function () {
+    return () => {
       if (current !== null) {
         current.removeEventListener('wheel', handleWheel);
       }
@@ -122,18 +118,12 @@ function Months(props) {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
       className: modules_0c7b7d96.days,
-      children: months.map(function (date) {
-        return /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
-          month: date,
-          key: +date
-        }));
-      })
+      children: months.map(date => /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
+        month: date,
+        key: +date
+      })))
     }), /*#__PURE__*/jsx(MonthNames, _objectSpread2({}, props))]
   });
 }
-Months.propTypes = {
-  onScroll: PropTypes.func,
-  scrollDate: dateType
-};
 
 export { Months as default };

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

@@ -1,12 +1,6 @@
 import type { Locale } from 'date-fns';
-import PropTypes from 'prop-types';
 interface WeekdaysProps {
     locale: Locale | undefined;
 }
-declare function Weekdays(props: WeekdaysProps): import("react").JSX.Element;
-declare namespace Weekdays {
-    var propTypes: {
-        locale: PropTypes.Requireable<object>;
-    };
-}
-export default Weekdays;
+export default function Weekdays(props: WeekdaysProps): import("react").JSX.Element;
+export {};

package/components/date-picker/weekdays.js

@@ -1,43 +1,30 @@
-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 classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';
 import { setDay } from 'date-fns/setDay';
 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';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Weekdays(props) {
-  var days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(function (value) {
-    return startOfDay(setDay(new Date(), value));
-  });
-  var locale = props.locale;
+  const days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(value => startOfDay(setDay(new Date(), value)));
+  const {
+    locale
+  } = props;
   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);
-    })
+    children: days.map(day => /*#__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
-};
 
 export { Weekdays as default };

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

@@ -1,15 +1,9 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { CalendarProps } from './consts';
 interface YearsState {
     scrollDate: Date | null;
 }
 export default class Years extends PureComponent<CalendarProps> {
-    static propTypes: {
-        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onScrollChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     state: {
         scrollDate: null;
     };

package/components/date-picker/years.js

@@ -1,8 +1,6 @@
-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 { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent, createRef } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
 import { getYear } from 'date-fns/getYear';
@@ -14,124 +12,99 @@ import { startOfYear } from 'date-fns/startOfYear';
 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 units, { 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';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
-var yearHeight = units.yearHeight,
-  calHeight = units.calHeight;
-var scrollTO;
-var YEARSBACK = 5;
-var scrollDelay = 100;
-var Years = /*#__PURE__*/function (_PureComponent) {
-  function Years() {
-    var _this;
-    _classCallCheck(this, Years);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Years, [].concat(args));
-    _defineProperty(_this, "state", {
+const {
+  yearHeight,
+  calHeight
+} = units;
+let scrollTO;
+const YEARSBACK = 5;
+const scrollDelay = 100;
+class Years extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       scrollDate: null
     });
-    _defineProperty(_this, "stoppedScrolling", void 0);
-    _defineProperty(_this, "componentRef", /*#__PURE__*/createRef());
-    _defineProperty(_this, "handleWheel", function (e) {
-      var scrollDate = _this.props.scrollDate;
-      var date = _this.state.scrollDate || scrollDate;
+    _defineProperty(this, "stoppedScrolling", void 0);
+    _defineProperty(this, "componentRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "handleWheel", e => {
+      const {
+        scrollDate
+      } = this.props;
+      const date = this.state.scrollDate || scrollDate;
       e.preventDefault();
-      var newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
-      _this.setState({
+      const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
+      this.setState({
         scrollDate: newScrollDate
       });
       if (scrollTO) {
         window.clearTimeout(scrollTO);
       }
-      scrollTO = window.setTimeout(function () {
-        return _this.setYear(newScrollDate);
-      }, scrollDelay);
+      scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
     });
-    return _this;
   }
-  _inherits(Years, _PureComponent);
-  return _createClass(Years, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.componentRef.current) {
-        this.componentRef.current.addEventListener('wheel', this.handleWheel);
-      }
+  componentDidMount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.addEventListener('wheel', this.handleWheel);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
+  }
+  componentDidUpdate(prevProps, prevState) {
+    this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
+  }
+  componentWillUnmount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.removeEventListener('wheel', this.handleWheel);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.componentRef.current) {
-        this.componentRef.current.removeEventListener('wheel', this.handleWheel);
-      }
+  }
+  setYear(date) {
+    if (scrollTO) {
+      window.clearTimeout(scrollTO);
+      scrollTO = null;
     }
-  }, {
-    key: "setYear",
-    value: function setYear$1(date) {
-      if (scrollTO) {
-        window.clearTimeout(scrollTO);
-        scrollTO = null;
-      }
-      this.setState({
-        scrollDate: null
-      });
-      this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
+    this.setState({
+      scrollDate: null
+    });
+    this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
+  }
+  render() {
+    const {
+      onScrollChange,
+      scrollDate
+    } = this.props;
+    const date = this.state.scrollDate || scrollDate;
+    const yearStart = startOfYear(date);
+    let year = subYears(yearStart, YEARSBACK);
+    const years = [year];
+    for (let i = 0; i < YEARSBACK * DOUBLE; i++) {
+      year = addYears(year, 1);
+      years.push(year);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        onScrollChange = _this$props.onScrollChange,
-        scrollDate = _this$props.scrollDate;
-      var date = this.state.scrollDate || scrollDate;
-      var yearStart = startOfYear(date);
-      var year = subYears(yearStart, YEARSBACK);
-      var years = [year];
-      for (var i = 0; i < YEARSBACK * DOUBLE; i++) {
-        year = addYears(year, 1);
-        years.push(year);
-      }
-      var pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-      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)))
+    const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
+    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)))
+      },
+      children: years.map(item => /*#__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: 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);
-_defineProperty(Years, "propTypes", {
-  scrollDate: dateType,
-  onScroll: PropTypes.func,
-  onScrollChange: PropTypes.func
-});
+        children: format(item, 'yyyy')
+      }, +item))
+    });
+  }
+}
 
 export { Years as default };

package/components/dialog/dialog.d.ts

@@ -1,6 +1,5 @@
 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';
 export interface DialogProps extends Partial<TabTrapProps> {
@@ -23,25 +22,6 @@ export interface DialogProps extends Partial<TabTrapProps> {
     modal?: boolean;
 }
 export default class Dialog extends PureComponent<DialogProps> {
-    static propTypes: {
-        label: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        contentClassName: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        show: PropTypes.Validator<boolean>;
-        showCloseButton: PropTypes.Requireable<boolean>;
-        closeButtonInside: PropTypes.Requireable<boolean>;
-        closeButtonTitle: PropTypes.Requireable<string>;
-        onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
-        shortcutOptions: PropTypes.Requireable<object>;
-        onCloseAttempt: PropTypes.Requireable<(...args: any[]) => any>;
-        trapFocus: PropTypes.Requireable<boolean>;
-        portalTarget: PropTypes.Requireable<HTMLElement>;
-        autoFocusFirst: PropTypes.Requireable<boolean>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     static defaultProps: Partial<DialogProps>;
     state: {
         shortcutsScope: string;