@jetbrains/ring-ui 4.1.6 → 5.0.0-beta.3

package/dist/date-picker/day.js

@@ -37,14 +37,17 @@ class Day extends Component {
 
     _defineProperty(this, "isDay", date => isSameDay(this.props.day, date));
 
-    _defineProperty(this, "is", name => this.props[name] && this.isDay(this.props[name]));
+    _defineProperty(this, "is", name => {
+      const value = this.props[name];
+      return value != null && this.isDay(value);
+    });
 
     _defineProperty(this, "inRange", range => range && isAfter(startOfDay(this.props.day), startOfDay(range[0])) && isBefore(startOfDay(this.props.day), startOfDay(range[1])));
 
     _defineProperty(this, "isDisabled", date => {
       const min = this.parse(this.props.minDate);
       const max = this.parse(this.props.maxDate);
-      return this.props.minDate && isBefore(startOfDay(date), startOfDay(min)) || this.props.maxDate && isAfter(startOfDay(date), startOfDay(max));
+      return min != null && isBefore(startOfDay(date), startOfDay(min)) || max != null && isAfter(startOfDay(date), startOfDay(max));
     });
   }
 
@@ -103,7 +106,8 @@ class Day extends Component {
   }
 
 }
-Day.propTypes = {
+
+_defineProperty(Day, "propTypes", {
   day: dateType,
   from: dateType,
   currentRange: PropTypes.arrayOf(dateType),
@@ -114,6 +118,6 @@ Day.propTypes = {
   onHover: PropTypes.func,
   minDate: dateType,
   maxDate: dateType
-};
+});
 
 export { Day as default };

package/dist/date-picker/formats.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

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

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

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

@@ -1,4 +1,4 @@
-import { a as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -44,11 +44,12 @@ class MonthName extends PureComponent {
 
 }
 
-MonthName.propTypes = {
+_defineProperty(MonthName, "propTypes", {
   month: dateType,
   onScrollChange: PropTypes.func,
   locale: PropTypes.string
-};
+});
+
 function MonthNames(props) {
   const {
     scrollDate,
@@ -64,12 +65,12 @@ function MonthNames(props) {
     months.push(startOfDay(middleDay));
   }
 
-  const pxToDate = linearFunction(0, startOfYear(scrollDate), yearScrollSpeed);
+  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(date)));
+    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
   }
 
   return /*#__PURE__*/React.createElement("div", {

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

@@ -0,0 +1,29 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { LinearFunction } from '../global/linear-function';
+import { MonthsProps } from './consts';
+export interface MonthSliderProps extends MonthsProps {
+    pxToDate: LinearFunction;
+}
+interface MonthSliderState {
+    dragging: boolean;
+}
+export default class MonthSlider extends PureComponent<MonthSliderProps> {
+    static propTypes: {
+        scrollDate: PropTypes.Requireable<string | number | Date>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        pxToDate: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<(...args: any[]) => any>;
+            y: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+    };
+    state: {
+        dragging: boolean;
+    };
+    componentDidUpdate(prevProps: MonthSliderProps, prevState: MonthSliderState): void;
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseMove: (e: MouseEvent) => void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -32,7 +32,7 @@ class MonthSlider extends PureComponent {
     });
 
     _defineProperty(this, "onMouseMove", e => {
-      this.props.onScroll(linearFunction(0, this.props.scrollDate, yearScrollSpeed).y(e.movementY));
+      this.props.onScroll(linearFunction(0, Number(this.props.scrollDate), yearScrollSpeed).y(e.movementY));
     });
   }
 
@@ -63,7 +63,7 @@ class MonthSlider extends PureComponent {
       key: +date,
       className: classes,
       style: {
-        top: Math.floor(this.props.pxToDate.x(date) - units.cellSize)
+        top: Math.floor(this.props.pxToDate.x(Number(date)) - units.cellSize)
       },
       onMouseDown: this.onMouseDown
     })));

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { MonthsProps } from './consts';
+export interface MonthProps extends MonthsProps {
+    month: Date;
+}
+declare function Month(props: MonthProps): JSX.Element;
+declare namespace Month {
+    var propTypes: {
+        month: PropTypes.Requireable<string | number | Date>;
+        locale: PropTypes.Requireable<string>;
+    };
+}
+export default Month;

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

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

package/dist/date-picker/months.js

@@ -56,7 +56,7 @@ function monthHeight(date) {
 function scrollSpeed(date) {
   const monthStart = startOfMonth(date);
   const monthEnd = endOfMonth(date);
-  return (monthEnd - monthStart) / monthHeight(monthStart);
+  return (Number(monthEnd) - Number(monthStart)) / monthHeight(monthStart);
 }
 
 const scrollSchedule = scheduleRAF();
@@ -79,8 +79,8 @@ function Months(props) {
   }
 
   const currentSpeed = scrollSpeed(scrollDate);
-  const pxToDate = linearFunction(0, scrollDate, currentSpeed);
-  const offset = pxToDate.x(monthStart); // is a negative number
+  const pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
+  const offset = pxToDate.x(Number(monthStart)); // is a negative number
 
   const bottomOffset = monthHeight(scrollDate) + offset;
   return /*#__PURE__*/React.createElement("div", {

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

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

package/dist/date-picker/weekdays.js

@@ -10,7 +10,7 @@ import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'date-fns/add';
 
 function Weekdays(props) {
-  const days = Object.keys(weekdays).map(key => startOfDay(setDay(new Date(), weekdays[key])));
+  const days = Object.values(weekdays).map(value => startOfDay(setDay(new Date(), value)));
   const {
     locale
   } = props;

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

@@ -0,0 +1,21 @@
+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<string | number | Date>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        scrollDate: null;
+    };
+    componentDidUpdate(prevProps: CalendarProps, prevState: YearsState): void;
+    stoppedScrolling?: boolean;
+    setYear(date: number): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/date-picker/years.js

@@ -29,10 +29,12 @@ class Years extends PureComponent {
     _defineProperty(this, "state", {
       scrollDate: null
     });
+
+    _defineProperty(this, "stoppedScrolling", void 0);
   }
 
   componentDidUpdate(prevProps, prevState) {
-    this.stoppedScrolling = prevState.scrollDate && !this.state.scrollDate;
+    this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
   }
 
   setYear(date) {
@@ -44,7 +46,7 @@ class Years extends PureComponent {
     this.setState({
       scrollDate: null
     });
-    this.props.onScroll(setYear(this.props.scrollDate, getYear(date)));
+    this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
   }
 
   render() {
@@ -62,11 +64,11 @@ class Years extends PureComponent {
       years.push(year);
     }
 
-    const pxToDate = linearFunction(0, years[0], yearDuration / yearHeight);
+    const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
 
     const handleWheel = e => {
       e.preventDefault();
-      const newScrollDate = linearFunction(0, date, yearDuration / yearHeight).y(e.deltaY);
+      const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
       this.setState({
         scrollDate: newScrollDate
       });
@@ -83,7 +85,7 @@ class Years extends PureComponent {
       onWheel: handleWheel,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
-        top: Math.floor(calHeight * HALF - pxToDate.x(date))
+        top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
       }
     }, years.map(item => /*#__PURE__*/React.createElement("button", {
       type: "button",
@@ -93,7 +95,7 @@ class Years extends PureComponent {
         [modules_0c7b7d96.today]: isThisYear(item)
       }),
       onClick: function handleClick() {
-        onScrollChange(setYear(scrollDate, getYear(item)));
+        onScrollChange(Number(setYear(scrollDate, getYear(item))));
       }
     }, format(item, 'yyyy'))));
   }

package/dist/dialog/dialog.d.ts

@@ -0,0 +1,73 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import TabTrap, { TabTrapProps } from '../tab-trap/tab-trap';
+export interface DialogProps extends Partial<TabTrapProps> {
+    show: boolean;
+    label: string;
+    onOverlayClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onEscPress: (event: KeyboardEvent) => void;
+    onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onCloseAttempt: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
+    showCloseButton: boolean;
+    closeButtonInside: boolean;
+    trapFocus: boolean;
+    contentClassName?: string | null | undefined;
+    portalTarget?: Element | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Dialog
+ */
+declare function noop(): void;
+export default class Dialog extends PureComponent<DialogProps> {
+    static propTypes: {
+        label: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        contentClassName: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        show: PropTypes.Validator<boolean>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        closeButtonInside: PropTypes.Requireable<boolean>;
+        onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
+        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: {
+        label: string;
+        onOverlayClick: typeof noop;
+        onEscPress: typeof noop;
+        onCloseClick: typeof noop;
+        onCloseAttempt: typeof noop;
+        showCloseButton: boolean;
+        closeButtonInside: boolean;
+        trapFocus: boolean;
+        autoFocusFirst: boolean;
+    };
+    state: {
+        shortcutsScope: string;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DialogProps): void;
+    componentWillUnmount(): void;
+    scrollPreventer: {
+        prevent: () => void;
+        reset: () => void;
+    };
+    uid: string;
+    toggleScrollPreventer(): void;
+    handleClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
+    getShortcutsMap: () => {
+        esc: (event: KeyboardEvent) => void;
+    };
+    dialog?: HTMLElement | null;
+    dialogRef: (tabTrap: TabTrap | null) => void;
+    render(): false | React.ReactPortal;
+}
+export declare type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;
+export {};

package/dist/dialog/dialog.js

@@ -9,7 +9,7 @@ import getUID from '../global/get-uid.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import TabTrap from '../tab-trap/tab-trap.js';
-import Button from '../button/button.js';
+import ThemedButton 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 '../island/adaptive-island-hoc.js';
@@ -78,6 +78,8 @@ class Dialog extends PureComponent {
       };
     });
 
+    _defineProperty(this, "dialog", void 0);
+
     _defineProperty(this, "dialogRef", tabTrap => {
       this.dialog = tabTrap && tabTrap.node;
     });
@@ -149,7 +151,7 @@ class Dialog extends PureComponent {
       "data-test": "ring-dialog",
       role: "dialog",
       "aria-label": label
-    }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
+    }, children, showCloseButton && /*#__PURE__*/React.createElement(ThemedButton, {
       icon: closeIcon,
       "data-test": "ring-dialog-close-button",
       className: classNames(modules_5e9b8c03.closeButton, {

package/dist/dialog/dialog__body-scroll-preventer.d.ts

@@ -0,0 +1,9 @@
+export declare const preventerFactory: (key: string | number) => {
+    prevent: () => void;
+    reset: () => void;
+};
+declare const _default: {
+    prevent: () => void;
+    reset: () => void;
+};
+export default _default;

package/dist/dropdown/anchor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ButtonAttrs } from '../button/button';
+declare const _default: React.MemoExoticComponent<{
+    ({ children, className, ...restProps }: ButtonAttrs): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+}>;
+export default _default;

package/dist/dropdown/dropdown.d.ts

@@ -0,0 +1,77 @@
+import React, { Component, HTMLAttributes, ReactNode, ReactElement } from 'react';
+import PropTypes from 'prop-types';
+import { PopupAttrs } from '../popup/popup';
+import Anchor from './anchor';
+export interface AnchorProps {
+    active: boolean;
+    pinned: boolean;
+}
+export interface DropdownProps extends HTMLAttributes<HTMLElement> {
+    anchor: ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode);
+    children: ReactElement<PopupAttrs> | ((props: Omit<PopupAttrs, 'children'>) => ReactNode);
+    initShown: boolean;
+    clickMode: boolean;
+    hoverMode: boolean;
+    hoverShowTimeOut: number;
+    hoverHideTimeOut: number;
+    onShow: (() => void);
+    onHide: (() => void);
+    activeClassName?: string | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+interface DropdownState {
+    show: boolean;
+    pinned: boolean;
+}
+/**
+ * @name Dropdown
+ */
+export default class Dropdown extends Component<DropdownProps, DropdownState> {
+    static propTypes: {
+        /**
+         * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
+         * React element should render some interactive HTML element like `button` or `a`
+         */
+        anchor: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<PropTypes.ReactElementLike | ((...args: any[]) => any)>;
+        initShown: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        activeClassName: PropTypes.Requireable<string>;
+        clickMode: PropTypes.Requireable<boolean>;
+        hoverMode: PropTypes.Requireable<boolean>;
+        hoverShowTimeOut: PropTypes.Requireable<number>;
+        hoverHideTimeOut: PropTypes.Requireable<number>;
+        onShow: PropTypes.Requireable<(...args: any[]) => any>;
+        onHide: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        initShown: boolean;
+        clickMode: boolean;
+        hoverMode: boolean;
+        hoverShowTimeOut: number;
+        hoverHideTimeOut: number;
+        onShow: () => void;
+        onHide: () => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+    state: {
+        show: boolean;
+        pinned: boolean;
+    };
+    onClick: () => void;
+    onChildCloseAttempt: () => void;
+    hoverTimer?: number | null;
+    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void;
+    handlePopupInteraction: () => void;
+    toggle(show?: boolean): void;
+    _toggle(show: boolean, pinned?: boolean): void;
+    _clearTimer(): void;
+    render(): JSX.Element;
+}
+export declare type DropdownAttrs = JSX.LibraryManagedAttributes<typeof Dropdown, DropdownProps>;
+export { Anchor };

package/dist/dropdown/dropdown.js

@@ -3,6 +3,7 @@ import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 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';
 export { A as Anchor } from '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -66,11 +67,15 @@ class Dropdown extends Component {
       this._toggle(false, nextPinned);
     });
 
+    _defineProperty(this, "hoverTimer", void 0);
+
     _defineProperty(this, "onMouseEnter", event => {
+      var _this$props$onMouseEn, _this$props;
+
       this._clearTimer();
 
-      this.props.onMouseEnter(event);
-      this.hoverTimer = setTimeout(() => {
+      (_this$props$onMouseEn = (_this$props = this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 ? void 0 : _this$props$onMouseEn.call(_this$props, event);
+      this.hoverTimer = window.setTimeout(() => {
         if (!this.state.show) {
           this._toggle(true);
         }
@@ -78,7 +83,9 @@ class Dropdown extends Component {
     });
 
     _defineProperty(this, "onMouseLeave", event => {
-      this.props.onMouseLeave(event);
+      var _this$props$onMouseLe, _this$props2;
+
+      (_this$props$onMouseLe = (_this$props2 = this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 ? void 0 : _this$props$onMouseLe.call(_this$props2, event);
 
       if (this.state.pinned) {
         return;
@@ -86,7 +93,7 @@ class Dropdown extends Component {
 
       this._clearTimer();
 
-      this.hoverTimer = setTimeout(() => {
+      this.hoverTimer = window.setTimeout(() => {
         if (this.state.show) {
           this._toggle(false);
         }
@@ -147,7 +154,7 @@ class Dropdown extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(modules_d9414203.dropdown, className, {
-      [activeClassName]: activeClassName != null && show
+      [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
     });
     let anchorElement;
     const active = hoverMode ? pinned : show;
@@ -167,7 +174,7 @@ class Dropdown extends Component {
         break;
 
       default:
-        if (typeof anchor.type === 'string' || Array.isArray(anchor)) {
+        if (isArray(anchor) || typeof anchor.type === 'string') {
           anchorElement = anchor;
         } else {
           anchorElement = /*#__PURE__*/cloneElement(anchor, {

package/dist/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactElement, ReactNodeArray, HTMLAttributes, SyntheticEvent } from 'react';
+import { SelectHandlerParams } from '../list/list';
+import { AnchorProps, DropdownAttrs } from '../dropdown/dropdown';
+import PopupMenu, { PopupMenuAttrs } from '../popup-menu/popup-menu';
+import { ListDataItem } from '../list/consts';
+export interface DropdownAnchorWrapperProps extends AnchorProps {
+    anchor: ReactElement | ReactNodeArray | string | ((props: AnchorProps, ariaProps: HTMLAttributes<HTMLElement>) => ReactElement | null);
+    activeListItemId?: string | null | undefined;
+    listId?: string | undefined;
+}
+export interface DropdownMenuProps<T = unknown> extends Omit<DropdownAttrs, 'anchor' | 'onSelect' | 'children'> {
+    anchor: ReactElement | ReactNodeArray | string | ((props: AnchorProps, ariaProps: HTMLAttributes<HTMLElement>) => ReactElement | null);
+    data?: readonly ListDataItem<T>[] | undefined;
+    ariaLabel?: string | null | undefined;
+    onSelect?: ((item: ListDataItem<T>, event: Event | SyntheticEvent, params?: SelectHandlerParams) => void) | undefined;
+    menuProps?: PopupMenuAttrs<T> | null | undefined;
+}
+declare const _default: (<T = unknown>(props: DropdownMenuProps<T> & {
+    ref?: React.Ref<PopupMenu<unknown>> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+    ListProps: {
+        Type: typeof import("../list/consts").Type;
+        Dimension: typeof import("../list/consts").Dimension;
+    };
+};
+export default _default;

package/dist/dropdown-menu/dropdown-menu.js

@@ -6,6 +6,7 @@ import Dropdown from '../dropdown/dropdown.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
 import getUID from '../global/get-uid.js';
 import { A as Anchor } from '../_helpers/anchor.js';
+import { isArray } from '../global/typescript-utils.js';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -80,14 +81,14 @@ function DropdownAnchorWrapper(_ref) {
     ...restProps
   } = _ref;
   const anchorAriaProps = useMemo(() => ({ ...(listId ? {
-      'aria-haspopup': 'true'
+      'aria-haspopup': true
     } : {}),
     ...(activeListItemId ? {
       'aria-activedescendant': activeListItemId,
       'aria-owns': listId
     } : {}),
     ...(active ? {
-      'aria-expanded': 'true'
+      'aria-expanded': true
     } : {})
   }), [active, activeListItemId, listId]);
   const anchorProps = useMemo(() => ({
@@ -112,7 +113,7 @@ function DropdownAnchorWrapper(_ref) {
     }, anchorAriaProps);
   }
 
-  if (!Array.isArray(anchor)) {
+  if (!isArray(anchor)) {
     return /*#__PURE__*/cloneElement(anchor, typeof anchor.type === 'string' ? anchorAriaProps : anchorComponentProps);
   }
 
@@ -170,6 +171,8 @@ DropdownMenu.propTypes = {
   menuProps: PropTypes.object,
   ...dropdownPropTypes
 };
-DropdownMenu.ListProps = List.ListProps;
+var DropdownMenu$1 = Object.assign(DropdownMenu, {
+  ListProps: List.ListProps
+});
 
-export { DropdownMenu as default };
+export { DropdownMenu$1 as default };

package/dist/error-bubble/error-bubble.d.ts

@@ -0,0 +1,18 @@
+import { PureComponent, ReactElement } from 'react';
+import PropTypes from 'prop-types';
+export declare type ErrorBubbleProps<P> = Partial<P> & {
+    className?: string | null | undefined;
+    children: ReactElement<P> | ReactElement<P>[];
+    error?: string | null | undefined;
+};
+/**
+ * @name Error Bubble
+ */
+export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
+    static propTypes: {
+        error: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}

package/dist/error-bubble/error-bubble.js

@@ -34,7 +34,9 @@ class ErrorBubble extends PureComponent {
     const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
     return /*#__PURE__*/React.createElement("div", {
       className: modules_ee284100.errorBubbleWrapper
-    }, Children.map(children, child => /*#__PURE__*/cloneElement(child, restProps)), restProps.error && /*#__PURE__*/React.createElement(Popup, {
+    }, Children.map(children, child => /*#__PURE__*/cloneElement(child, { ...child.props,
+      ...restProps
+    })), restProps.error && /*#__PURE__*/React.createElement(Popup, {
       trapFocus: false,
       className: modules_ee284100.errorBubblePopup,
       hidden: false,