@jetbrains/ring-ui-built 7.0.0-beta.9 → 7.0.1

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

@@ -20,7 +20,7 @@ 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 { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import formats from './formats.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
@@ -35,7 +35,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
@@ -226,13 +225,13 @@ class DatePicker extends PureComponent {
   render() {
     var _this$props$disabled, _this$props$disabled2;
     const anchorContent = /*#__PURE__*/jsxs("div", {
-      className: modules_0c7b7d96.anchorContent,
+      className: styles.anchorContent,
       children: [/*#__PURE__*/jsx(Icon, {
         glyph: calendarIcon,
-        className: modules_0c7b7d96.calendarIcon
+        className: styles.calendarIcon
       }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
         glyph: chevronDownIcon,
-        className: modules_0c7b7d96.chevronDownIcon
+        className: styles.chevronDownIcon
       })]
     });
     const _this$props = this.props,
@@ -245,8 +244,8 @@ class DatePicker extends PureComponent {
         translations
       } = _this$props,
       datePopupProps = _objectWithoutProperties(_this$props, _excluded2);
-    const classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
-      [modules_0c7b7d96.inline]: inline
+    const classes = classNames(styles.datePicker, className, styles["size".concat(this.props.size)], {
+      [styles.inline]: inline
     });
     return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
       className: classes,
@@ -254,17 +253,18 @@ class DatePicker extends PureComponent {
       "data-test": "ring-date-picker",
       anchor: inline ? /*#__PURE__*/jsx(Link, {
         "data-test-ring-dropdown-anchor": true,
-        className: modules_0c7b7d96.anchor,
+        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()
-      }) : /*#__PURE__*/jsx(Button, {
+      }) : /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
         "data-test-ring-dropdown-anchor": true,
-        className: modules_0c7b7d96.anchor,
+        className: styles.anchor,
         text: false,
-        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
+      }, this.props.buttonAttributes), {}, {
         children: anchorContent
-      })
+      }))
     }, dropdownProps), {}, {
       children: /*#__PURE__*/jsx(PopupComponent, {
         className: popupClassName,

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

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import * as React from 'react';
 import { Component, createElement } from 'react';
 import { isAfter } from 'date-fns/isAfter';
@@ -13,7 +12,7 @@ import Months from './months.js';
 import Years from './years.js';
 import Weekdays from './weekdays.js';
 import { parseTime } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -368,11 +367,11 @@ class DatePopup extends Component {
     });
     const clearable = Boolean(this.props.onClear);
     return /*#__PURE__*/jsxs("div", {
-      className: modules_0c7b7d96.datePopup,
+      className: styles.datePopup,
       "data-test": "ring-date-popup",
       ref: this.componentRef,
       children: [/*#__PURE__*/jsxs("div", {
-        className: modules_0c7b7d96.filterWrapper,
+        className: styles.filterWrapper,
         children: [names.map(name => {
           let onClear;
           if (clearable && name !== 'from' && !this.isInTimeMode()) {
@@ -408,7 +407,7 @@ class DatePopup extends Component {
       }), /*#__PURE__*/jsx(Weekdays, {
         locale: locale
       }), /*#__PURE__*/jsxs("div", {
-        className: modules_0c7b7d96.calendar,
+        className: styles.calendar,
         children: [/*#__PURE__*/jsx(Months, _objectSpread2(_objectSpread2({}, calendarProps), {}, {
           onHover: this.hoverHandler,
           onSelect: this.selectHandler,

package/components/date-picker/day.js

@@ -12,7 +12,7 @@ import { isSameDay } from 'date-fns/isSameDay';
 import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
 import { getDayNumInWeek, weekdays } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
@@ -69,19 +69,19 @@ class Day extends Component {
       // TODO make keyboard navigation actually work
       jsx("button", {
         type: "button",
-        className: classNames(modules_0c7b7d96.day, modules_0c7b7d96["Day".concat(dayInWeek)], {
-          [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
-          [modules_0c7b7d96.active]: !disabled && this.is('activeDate'),
-          [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
-          [modules_0c7b7d96.empty]: empty,
-          [modules_0c7b7d96.from]: currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0]),
-          [modules_0c7b7d96.to]: currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1]),
-          [modules_0c7b7d96.between]: this.inRange(currentRange),
-          [modules_0c7b7d96.activeBetween]: !disabled && this.inRange(activeRange),
-          [modules_0c7b7d96.first]: getDate(day) === 1,
-          [modules_0c7b7d96.spread]: this.inRange(spreadRange),
-          [modules_0c7b7d96.activeSpread]: !disabled && this.inRange(activeSpreadRange),
-          [modules_0c7b7d96.disabled]: disabled
+        className: classNames(styles.day, styles["Day".concat(dayInWeek)], {
+          [styles.current]: ['date', 'from', 'to'].some(this.is),
+          [styles.active]: !disabled && this.is('activeDate'),
+          [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
+          [styles.empty]: empty,
+          [styles.from]: currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0]),
+          [styles.to]: currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1]),
+          [styles.between]: this.inRange(currentRange),
+          [styles.activeBetween]: !disabled && this.inRange(activeRange),
+          [styles.first]: getDate(day) === 1,
+          [styles.spread]: this.inRange(spreadRange),
+          [styles.activeSpread]: !disabled && this.inRange(activeSpreadRange),
+          [styles.disabled]: disabled
         }),
         onClick: this.handleClick,
         onMouseOver: this.handleMouseOver,
@@ -91,7 +91,7 @@ class Day extends Component {
         disabled: disabled,
         children: empty || /*#__PURE__*/jsx("span", {
           className: classNames({
-            [modules_0c7b7d96.today]: isToday(day)
+            [styles.today]: isToday(day)
           }),
           children: format(day, 'd')
         })

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

@@ -11,7 +11,7 @@ import { startOfYear } from 'date-fns/startOfYear';
 import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
 import { YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
@@ -33,8 +33,8 @@ class MonthName extends PureComponent {
     } = this.props;
     return /*#__PURE__*/jsx("button", {
       type: "button",
-      className: classNames(modules_0c7b7d96.monthName, {
-        [modules_0c7b7d96.today]: isThisMonth(month)
+      className: classNames(styles.monthName, {
+        [styles.today]: isThisMonth(month)
       }),
       onClick: this.handleClick,
       children: format(month, 'LLL', {
@@ -63,13 +63,13 @@ function MonthNames(props) {
     [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
   }
   return /*#__PURE__*/jsxs("div", {
-    className: modules_0c7b7d96.monthNames,
+    className: styles.monthNames,
     children: [months.map(month => /*#__PURE__*/jsx(MonthName, {
       month: month,
       onScrollChange: props.onScrollChange,
       locale: locale
     }, +month)), props.currentRange && /*#__PURE__*/jsx("div", {
-      className: modules_0c7b7d96.range,
+      className: styles.range,
       style: {
         top: top - 1,
         height: bottom + 1 - (top - 1)

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

@@ -7,7 +7,7 @@ import { startOfDay } from 'date-fns/startOfDay';
 import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { yearScrollSpeed } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
@@ -49,8 +49,8 @@ class MonthSlider extends PureComponent {
       year = addYears(year, 1);
       years.push(year);
     }
-    const classes = classNames(modules_0c7b7d96.monthSlider, {
-      [modules_0c7b7d96.dragging]: this.state.dragging
+    const classes = classNames(styles.monthSlider, {
+      [styles.dragging]: this.state.dragging
     });
     return /*#__PURE__*/jsx("div", {
       children: years.map(date => /*#__PURE__*/jsx("button", {

package/components/date-picker/month.js

@@ -6,7 +6,7 @@ import { getDay } from 'date-fns/getDay';
 import { setDay } from 'date-fns/setDay';
 import Day from './day.js';
 import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -37,9 +37,9 @@ function Month(props) {
     day = addDays(day, 1);
   }
   return /*#__PURE__*/jsxs("div", {
-    className: modules_0c7b7d96.month,
+    className: styles.month,
     children: [/*#__PURE__*/jsx("span", {
-      className: modules_0c7b7d96.monthTitle,
+      className: styles.monthTitle,
       children: format(props.month, 'LLLL', {
         locale
       })

package/components/date-picker/months.js

@@ -11,7 +11,7 @@ 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 { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -111,13 +111,13 @@ function Months(props) {
     };
   }, [handleWheel]);
   return /*#__PURE__*/jsxs("div", {
-    className: modules_0c7b7d96.months,
+    className: styles.months,
     ref: componentRef,
     children: [/*#__PURE__*/jsx("div", {
       style: {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
-      className: modules_0c7b7d96.days,
+      className: styles.days,
       children: months.map(date => /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
         month: date,
         key: +date

package/components/date-picker/weekdays.js

@@ -4,7 +4,7 @@ import { format } from 'date-fns/format';
 import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
@@ -15,10 +15,10 @@ function Weekdays(props) {
     locale
   } = props;
   return /*#__PURE__*/jsx("div", {
-    className: modules_0c7b7d96.weekdays,
+    className: styles.weekdays,
     children: days.map(day => /*#__PURE__*/jsx("span", {
-      className: classNames(modules_0c7b7d96.weekday, {
-        [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
+      className: classNames(styles.weekday, {
+        [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
       }),
       children: format(day, 'EEEEEE', {
         locale

package/components/date-picker/years.js

@@ -11,7 +11,7 @@ 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 { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, yearDuration } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
@@ -86,7 +86,7 @@ class Years extends PureComponent {
     }
     const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
     return /*#__PURE__*/jsx("div", {
-      className: modules_0c7b7d96.years,
+      className: styles.years,
       ref: this.componentRef,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
@@ -94,9 +94,9 @@ class Years extends PureComponent {
       },
       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)
+        className: classNames(styles.year, {
+          [styles.currentYear]: isSameYear(item, date),
+          [styles.today]: isThisYear(item)
         }),
         onClick: function handleClick() {
           onScrollChange(Number(setYear(scrollDate, getYear(item))));

package/components/dialog/dialog.d.ts

@@ -20,6 +20,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     dense?: boolean | null | undefined;
     native?: boolean;
     modal?: boolean;
+    preventBodyScroll?: boolean;
 }
 export default class Dialog extends PureComponent<DialogProps> {
     static defaultProps: Partial<DialogProps>;

package/components/dialog/dialog.js

@@ -11,7 +11,7 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
-import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.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';
@@ -20,7 +20,6 @@ import '../island/header.js';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
@@ -39,7 +38,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
-const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
+const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal", "preventBodyScroll"];
 function noop() {}
 class Dialog extends PureComponent {
   constructor() {
@@ -118,6 +117,9 @@ class Dialog extends PureComponent {
     }
   }
   toggleScrollPreventer() {
+    if (!this.props.preventBodyScroll) {
+      return;
+    }
     if (this.props.show) {
       this.scrollPreventer.prevent();
     } else {
@@ -145,10 +147,11 @@ class Dialog extends PureComponent {
         dense,
         shortcutOptions,
         native,
-        modal
+        modal,
+        preventBodyScroll
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_5e9b8c03.container, className);
+    const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
     const content = /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(Shortcuts, {
@@ -158,14 +161,14 @@ class Dialog extends PureComponent {
       }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
         // click handler is duplicated in close button
         role: "presentation",
-        className: modules_5e9b8c03.clickableOverlay,
+        className: styles.clickableOverlay,
         onClick: this.handleClick,
         "data-test": "ring-dialog-overlay"
       }), /*#__PURE__*/jsx("div", {
-        className: modules_5e9b8c03.innerContainer,
+        className: styles.innerContainer,
         children: /*#__PURE__*/jsxs(AdaptiveIsland, {
-          className: classNames(modules_5e9b8c03.content, contentClassName, {
-            [modules_5e9b8c03.dense]: dense
+          className: classNames(styles.content, contentClassName, {
+            [styles.dense]: dense
           }),
           "data-test": "ring-dialog",
           role: "dialog",
@@ -173,11 +176,11 @@ class Dialog extends PureComponent {
           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
+            className: classNames(styles.closeButton, {
+              [styles.closeButtonOutside]: !closeButtonInside,
+              [styles.closeButtonInside]: closeButtonInside
             }),
-            iconClassName: modules_5e9b8c03.closeIcon,
+            iconClassName: styles.closeIcon,
             onClick: this.onCloseClick,
             title: closeButtonTitle,
             "aria-label": closeButtonTitle || 'close dialog'
@@ -187,20 +190,20 @@ class Dialog extends PureComponent {
     });
     if (native) {
       return /*#__PURE__*/jsx("dialog", {
-        className: classNames(modules_5e9b8c03.nativeDialog, className),
+        className: classNames(styles.nativeDialog, className),
         ref: this.nativeDialog,
         children: /*#__PURE__*/jsx(PopupTarget, {
           id: this.uid,
-          className: modules_5e9b8c03.popupTarget,
+          className: styles.popupTarget,
           children: target => /*#__PURE__*/jsxs(Fragment, {
             children: [content, target]
           })
         })
       });
     }
-    return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
+    return show && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
       id: this.uid,
-      className: modules_5e9b8c03.popupTarget,
+      className: styles.popupTarget,
       children: target => /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
         trapDisabled: !trapFocus,
         "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
@@ -226,7 +229,8 @@ _defineProperty(Dialog, "defaultProps", {
   },
   trapFocus: false,
   autoFocusFirst: true,
-  modal: true
+  modal: true,
+  preventBodyScroll: true
 });
 
 export { Dialog as default };

package/components/dropdown/dropdown.d.ts

@@ -26,8 +26,8 @@ export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'childr
     hoverMode: boolean;
     hoverShowTimeOut: number;
     hoverHideTimeOut: number;
-    onShow: (() => void);
-    onHide: (() => void);
+    onShow: () => void;
+    onHide: () => void;
     activeClassName?: string | null | undefined;
     'data-test'?: string | null | undefined;
 }

package/components/dropdown/dropdown.js

@@ -4,9 +4,8 @@ import { Component, cloneElement } from 'react';
 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 { s as styles, A as Anchor } from '../_helpers/anchor.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -140,7 +139,7 @@ class Dropdown extends Component {
         disabled
       } = _this$props3,
       restProps = _objectWithoutProperties(_this$props3, _excluded);
-    const classes = classNames(modules_d9414203.dropdown, className, {
+    const classes = classNames(styles.dropdown, className, {
       [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
     });
     let anchorElement;

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

@@ -17,7 +17,6 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';
 import '../global/dom.js';

package/components/editable-heading/editable-heading.js

@@ -6,7 +6,7 @@ import { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
-import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -34,7 +34,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
+var styles = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
 
 const _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
 function noop() {}
@@ -91,18 +91,18 @@ const EditableHeading = props => {
     }
     return map;
   }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
-  const classes = classNames(modules_6e69b0fe.editableHeading, className, {
-    [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
-    [modules_6e69b0fe.isEditing]: isEditing,
-    [modules_6e69b0fe.error]: hasError,
-    [modules_6e69b0fe.disabled]: disabled,
-    [modules_6e69b0fe.multiline]: multiline,
-    [modules_6e69b0fe.selectionMode]: isInSelectionMode
+  const classes = classNames(styles.editableHeading, className, {
+    [styles.fullSize]: isEditing && size === Size.FULL,
+    [styles.isEditing]: isEditing,
+    [styles.error]: hasError,
+    [styles.disabled]: disabled,
+    [styles.multiline]: multiline,
+    [styles.selectionMode]: isInSelectionMode
   });
-  const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
-  const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
-    [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
-  }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  const headingClasses = classNames(styles.heading, headingClassName, styles["size".concat(size)]);
+  const inputClasses = classNames('ring-js-shortcuts', styles.input, styles.textarea, {
+    [styles.textareaNotOverflow]: !isOverflow
+  }, inputStyles["size".concat(size)], styles["level".concat(level)], inputClassName);
   const stretch = useCallback(el => {
     if (!el || !el.style) {
       return;
@@ -188,7 +188,7 @@ const EditableHeading = props => {
           onFocus: onInputFocus,
           onBlur: onInputBlur
         })) : /*#__PURE__*/jsxs("div", {
-          className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)]),
+          className: classNames(styles.textareaWrapper, inputStyles["size".concat(size)]),
           children: [/*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
             ref: textAreaRef,
             className: inputClasses,
@@ -205,12 +205,12 @@ const EditableHeading = props => {
               maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
             }
           })), !isScrolledToBottom && /*#__PURE__*/jsx("div", {
-            className: modules_6e69b0fe.textareaFade
+            className: styles.textareaFade
           })]
         })]
       }) : /*#__PURE__*/jsx("button", {
         type: "button",
-        className: modules_6e69b0fe.headingWrapperButton,
+        className: styles.headingWrapperButton,
         onMouseDown: onHeadingMouseDown,
         children: /*#__PURE__*/jsx(Heading, {
           className: headingClasses,
@@ -220,21 +220,21 @@ const EditableHeading = props => {
         })
       }), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Button, {
-          className: modules_6e69b0fe.button,
+          className: styles.button,
           primary: true,
           disabled: isSaveDisabled,
           loader: isSaving,
           onClick: onSave,
           children: translations.save
         }), /*#__PURE__*/jsx(Button, {
-          className: modules_6e69b0fe.button,
+          className: styles.button,
           disabled: isCancelDisabled,
           onClick: onCancel,
           children: translations.cancel
         })]
       })]
     }), isEditing && error && /*#__PURE__*/jsx("div", {
-      className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)]),
+      className: classNames(styles.errorText, inputStyles["size".concat(size)]),
       children: error
     })]
   });

package/components/error-bubble/error-bubble.js

@@ -17,13 +17,12 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 
-var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
+var styles = {"errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
 const _excluded = ["children", "className"];
 class ErrorBubble extends PureComponent {
@@ -34,12 +33,13 @@ class ErrorBubble extends PureComponent {
         className
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
+    const errorBubbleClasses = classNames(styles.errorBubble, className);
     return /*#__PURE__*/jsxs("div", {
-      className: modules_ee284100.errorBubbleWrapper,
+      className: styles.errorBubbleWrapper,
+      "data-test": "ring-error-bubble-wrapper",
       children: [Children.map(children, child => /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps))), restProps.error && /*#__PURE__*/jsx(Popup, {
         trapFocus: false,
-        className: modules_ee284100.errorBubblePopup,
+        className: styles.errorBubblePopup,
         hidden: false,
         attached: false,
         directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],