@jetbrains/ring-ui-built 7.0.0-beta.8 → 7.0.0

package/components/data-list/item.js

@@ -7,11 +7,10 @@ import Link from '../link/link.js';
 import Text from '../text/text.js';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
-import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import { s as styles, T as Title } from '../_helpers/title.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import 'util-deprecate';
@@ -126,7 +125,7 @@ class Item extends PureComponent {
           onClick: this.onShowMore,
           children: 'Show more'
         }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/jsx(LoaderInline, {
-          className: modules_09d014b4.showMoreLoader
+          className: styles.showMoreLoader
         })]
       });
     } else if (showMoreLessButton === moreLessButtonStates.LESS) {
@@ -147,8 +146,8 @@ class Item extends PureComponent {
           title: "Expand",
           onClick: onExpand,
           icon: chevronRightIcon,
-          className: modules_09d014b4.collapseButton,
-          iconClassName: modules_09d014b4.collapseIcon,
+          className: styles.collapseButton,
+          iconClassName: styles.collapseIcon,
           "data-test": "ring-data-list-expand"
         });
       } else {
@@ -156,8 +155,8 @@ class Item extends PureComponent {
           title: "Collapse",
           onClick: onCollapse,
           icon: chevronDownIcon,
-          className: modules_09d014b4.collapseButton,
-          iconClassName: modules_09d014b4.collapseIcon,
+          className: styles.collapseButton,
+          iconClassName: styles.collapseIcon,
           "data-test": "ring-data-list-collapse"
         });
       }
@@ -176,9 +175,9 @@ class Item extends PureComponent {
         onSelect: this.onSelect,
         offset: offset
       }), !itemIsEmpty ? /*#__PURE__*/jsxs("ul", {
-        className: modules_09d014b4.itemContent,
+        className: styles.itemContent,
         children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/jsx("li", {
-          className: modules_09d014b4.showMore,
+          className: styles.showMore,
           children: moreLessButton
         }) : null]
       }) : null]

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

@@ -7,7 +7,7 @@ import classNames from 'classnames';
 import { I as Input } from '../_helpers/input.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import { I18nContext } from '../i18n/i18n-context.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 '@jetbrains/icons/close-12px';
 import '../button/button.js';
@@ -121,7 +121,7 @@ class DateInput extends React.PureComponent {
           return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
       }
     })();
-    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
+    const classes = classNames(styles.filter, styles["".concat(name, "Input")], divider && styles["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
     return /*#__PURE__*/jsx(Input, {
       autoComplete: "off",
       borderless: true,

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import { PureComponent, ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
 import type { Locale } from 'date-fns';
 import Popup from '../popup/popup';
@@ -28,6 +28,7 @@ export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateIn
     disabled?: boolean | null | undefined;
     parseDateInput: (input: string | null | undefined) => Date | null;
     size?: Size;
+    buttonAttributes?: Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'>;
 };
 /**
  * @name Date Picker

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';