@itwin/itwinui-react 3.0.0-dev.4 → 3.0.0-dev.5

package/cjs/core/Menu/MenuItem.js

@@ -1,37 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuItem = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
-const Menu_js_1 = require("./Menu.js");
-const ListItem_js_1 = require("../List/ListItem.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../utils/index.js');
+const Menu_js_1 = require('./Menu.js');
+const ListItem_js_1 = require('../List/ListItem.js');
 /**
  * Context used to provide menu item ref to sub-menu items.
  */
@@ -40,64 +18,143 @@ const MenuItemContext = React.createContext({ ref: undefined });
  * Basic menu item component. Should be used inside `Menu` component for each item.
  */
 exports.MenuItem = React.forwardRef((props, ref) => {
-    const { children, isSelected, disabled, value, onClick, sublabel, size = !!sublabel ? 'large' : 'default', startIcon: startIconProp, icon, endIcon: endIconProp, badge, role = 'menuitem', subMenuItems = [], ...rest } = props;
-    const menuItemRef = React.useRef(null);
-    const refs = (0, index_js_1.useMergedRefs)(menuItemRef, ref);
-    const { ref: parentMenuItemRef } = React.useContext(MenuItemContext);
-    const subMenuRef = React.useRef(null);
-    const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
-    const startIcon = startIconProp ?? icon;
-    const endIcon = endIconProp ?? badge;
-    const onKeyDown = (event) => {
-        if (event.altKey) {
-            return;
+  const {
+    children,
+    isSelected,
+    disabled,
+    value,
+    onClick,
+    sublabel,
+    size = !!sublabel ? 'large' : 'default',
+    startIcon: startIconProp,
+    icon,
+    endIcon: endIconProp,
+    badge,
+    role = 'menuitem',
+    subMenuItems = [],
+    ...rest
+  } = props;
+  const menuItemRef = React.useRef(null);
+  const refs = (0, index_js_1.useMergedRefs)(menuItemRef, ref);
+  const { ref: parentMenuItemRef } = React.useContext(MenuItemContext);
+  const subMenuRef = React.useRef(null);
+  const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
+  const startIcon = startIconProp ?? icon;
+  const endIcon = endIconProp ?? badge;
+  const onKeyDown = (event) => {
+    if (event.altKey) {
+      return;
+    }
+    switch (event.key) {
+      case 'Enter':
+      case ' ':
+      case 'Spacebar': {
+        !disabled && onClick?.(value);
+        event.preventDefault();
+        break;
+      }
+      case 'ArrowRight': {
+        if (subMenuItems.length > 0) {
+          setIsSubmenuVisible(true);
+          event.preventDefault();
+          event.stopPropagation();
         }
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-            case 'Spacebar': {
-                !disabled && onClick?.(value);
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowRight': {
-                if (subMenuItems.length > 0) {
-                    setIsSubmenuVisible(true);
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-                break;
-            }
-            case 'ArrowLeft': {
-                parentMenuItemRef?.current?.focus();
-                event.stopPropagation();
-                event.preventDefault();
-                break;
-            }
-            default:
-                break;
+        break;
+      }
+      case 'ArrowLeft': {
+        parentMenuItemRef?.current?.focus();
+        event.stopPropagation();
+        event.preventDefault();
+        break;
+      }
+      default:
+        break;
+    }
+  };
+  const listItem = React.createElement(
+    ListItem_js_1.ListItem,
+    {
+      actionable: true,
+      size: size,
+      active: isSelected,
+      disabled: disabled,
+      onClick: () => !disabled && onClick?.(value),
+      ref: refs,
+      role: role,
+      tabIndex: disabled || role === 'presentation' ? undefined : -1,
+      'aria-selected': isSelected,
+      'aria-haspopup': subMenuItems.length > 0,
+      'aria-disabled': disabled,
+      onKeyDown: onKeyDown,
+      onMouseEnter: () => setIsSubmenuVisible(true),
+      onMouseLeave: (e) => {
+        if (
+          !(e.relatedTarget instanceof Node) ||
+          !subMenuRef.current?.contains(e.relatedTarget)
+        ) {
+          setIsSubmenuVisible(false);
         }
-    };
-    const listItem = (React.createElement(ListItem_js_1.ListItem, { actionable: true, size: size, active: isSelected, disabled: disabled, onClick: () => !disabled && onClick?.(value), ref: refs, role: role, tabIndex: disabled || role === 'presentation' ? undefined : -1, "aria-selected": isSelected, "aria-haspopup": subMenuItems.length > 0, "aria-disabled": disabled, onKeyDown: onKeyDown, onMouseEnter: () => setIsSubmenuVisible(true), onMouseLeave: (e) => {
-            if (!(e.relatedTarget instanceof Node) ||
-                !subMenuRef.current?.contains(e.relatedTarget)) {
-                setIsSubmenuVisible(false);
-            }
-        }, ...rest },
-        startIcon && (React.createElement(ListItem_js_1.ListItem.Icon, { as: 'span', "aria-hidden": true }, startIcon)),
-        React.createElement(ListItem_js_1.ListItem.Content, null,
-            React.createElement("div", null, children),
-            sublabel && React.createElement(ListItem_js_1.ListItem.Description, null, sublabel)),
-        !endIcon && subMenuItems.length > 0 && (React.createElement(ListItem_js_1.ListItem.Icon, { as: 'span', "aria-hidden": true },
-            React.createElement(index_js_1.SvgCaretRightSmall, null))),
-        endIcon && (React.createElement(ListItem_js_1.ListItem.Icon, { as: 'span', "aria-hidden": true }, endIcon))));
-    return subMenuItems.length === 0 ? (listItem) : (React.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
-        React.createElement(index_js_1.Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: React.createElement("div", { onMouseLeave: () => setIsSubmenuVisible(false), onBlur: (e) => {
-                    !!(e.relatedTarget instanceof Node) &&
-                        !subMenuRef.current?.contains(e.relatedTarget) &&
-                        !subMenuRef.current?.isEqualNode(e.relatedTarget) &&
-                        setIsSubmenuVisible(false);
-                } },
-                React.createElement(Menu_js_1.Menu, { ref: subMenuRef }, subMenuItems)) }, listItem)));
+      },
+      ...rest,
+    },
+    startIcon &&
+      React.createElement(
+        ListItem_js_1.ListItem.Icon,
+        { as: 'span', 'aria-hidden': true },
+        startIcon,
+      ),
+    React.createElement(
+      ListItem_js_1.ListItem.Content,
+      null,
+      React.createElement('div', null, children),
+      sublabel &&
+        React.createElement(ListItem_js_1.ListItem.Description, null, sublabel),
+    ),
+    !endIcon &&
+      subMenuItems.length > 0 &&
+      React.createElement(
+        ListItem_js_1.ListItem.Icon,
+        { as: 'span', 'aria-hidden': true },
+        React.createElement(index_js_1.SvgCaretRightSmall, null),
+      ),
+    endIcon &&
+      React.createElement(
+        ListItem_js_1.ListItem.Icon,
+        { as: 'span', 'aria-hidden': true },
+        endIcon,
+      ),
+  );
+  return subMenuItems.length === 0
+    ? listItem
+    : React.createElement(
+        MenuItemContext.Provider,
+        { value: { ref: menuItemRef } },
+        React.createElement(
+          index_js_1.Popover,
+          {
+            placement: 'right-start',
+            visible: isSubmenuVisible,
+            appendTo: 'parent',
+            content: React.createElement(
+              'div',
+              {
+                onMouseLeave: () => setIsSubmenuVisible(false),
+                onBlur: (e) => {
+                  !!(e.relatedTarget instanceof Node) &&
+                    !subMenuRef.current?.contains(e.relatedTarget) &&
+                    !subMenuRef.current?.isEqualNode(e.relatedTarget) &&
+                    setIsSubmenuVisible(false);
+                },
+              },
+              React.createElement(
+                Menu_js_1.Menu,
+                { ref: subMenuRef },
+                subMenuItems,
+              ),
+            ),
+          },
+          listItem,
+        ),
+      );
 });
 exports.default = exports.MenuItem;

package/cjs/core/Menu/MenuItemSkeleton.d.ts

@@ -1,5 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-declare type MenuItemSkeletonProps = {
+type MenuItemSkeletonProps = {
     /**
      * Flag whether to show skeleton for sub-label.
      */

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -1,54 +1,65 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuItemSkeleton = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../utils/index.js');
 /**
  * Menu item that uses skeletons to indicate loading state.
  */
 exports.MenuItemSkeleton = React.forwardRef((props, forwardedRef) => {
-    const { hasSublabel, hasIcon, contentWidth, translatedStrings = { loading: 'Loading…' }, className, style, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'li', className: (0, classnames_1.default)('iui-menu-item-skeleton', className), "data-iui-size": hasSublabel && 'large', style: {
-            ...{
-                '--iui-menu-item-content-skeleton-max-width': contentWidth,
-            },
-            ...style,
-        }, ref: forwardedRef, ...rest },
-        hasIcon && React.createElement(index_js_1.Box, { className: 'iui-icon iui-skeleton', "aria-hidden": true }),
-        React.createElement(index_js_1.Box, { as: 'span', className: 'iui-content' },
-            React.createElement(index_js_1.Box, { className: 'iui-menu-label iui-skeleton', "aria-hidden": true }),
-            hasSublabel && (React.createElement(index_js_1.Box, { className: 'iui-menu-description iui-skeleton', "aria-hidden": true })),
-            React.createElement(index_js_1.VisuallyHidden, null, translatedStrings.loading))));
+  const {
+    hasSublabel,
+    hasIcon,
+    contentWidth,
+    translatedStrings = { loading: 'Loading…' },
+    className,
+    style,
+    ...rest
+  } = props;
+  return React.createElement(
+    index_js_1.Box,
+    {
+      as: 'li',
+      className: (0, classnames_1.default)('iui-menu-item-skeleton', className),
+      'data-iui-size': hasSublabel && 'large',
+      style: {
+        ...{
+          '--iui-menu-item-content-skeleton-max-width': contentWidth,
+        },
+        ...style,
+      },
+      ref: forwardedRef,
+      ...rest,
+    },
+    hasIcon &&
+      React.createElement(index_js_1.Box, {
+        className: 'iui-icon iui-skeleton',
+        'aria-hidden': true,
+      }),
+    React.createElement(
+      index_js_1.Box,
+      { as: 'span', className: 'iui-content' },
+      React.createElement(index_js_1.Box, {
+        className: 'iui-menu-label iui-skeleton',
+        'aria-hidden': true,
+      }),
+      hasSublabel &&
+        React.createElement(index_js_1.Box, {
+          className: 'iui-menu-description iui-skeleton',
+          'aria-hidden': true,
+        }),
+      React.createElement(
+        index_js_1.VisuallyHidden,
+        null,
+        translatedStrings.loading,
+      ),
+    ),
+  );
 });
 exports.default = exports.MenuItemSkeleton;

package/cjs/core/Menu/index.js

@@ -1,17 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = exports.MenuItem = exports.Menu = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuItemSkeleton =
+  exports.MenuExtraContent =
+  exports.MenuDivider =
+  exports.MenuItem =
+  exports.Menu =
+    void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Menu_js_1 = require("./Menu.js");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_js_1.Menu; } });
-var MenuItem_js_1 = require("./MenuItem.js");
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_js_1.MenuItem; } });
-var MenuDivider_js_1 = require("./MenuDivider.js");
-Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_js_1.MenuDivider; } });
-var MenuExtraContent_js_1 = require("./MenuExtraContent.js");
-Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return MenuExtraContent_js_1.MenuExtraContent; } });
-var MenuItemSkeleton_js_1 = require("./MenuItemSkeleton.js");
-Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return MenuItemSkeleton_js_1.MenuItemSkeleton; } });
+var Menu_js_1 = require('./Menu.js');
+Object.defineProperty(exports, 'Menu', {
+  enumerable: true,
+  get: function () {
+    return Menu_js_1.Menu;
+  },
+});
+var MenuItem_js_1 = require('./MenuItem.js');
+Object.defineProperty(exports, 'MenuItem', {
+  enumerable: true,
+  get: function () {
+    return MenuItem_js_1.MenuItem;
+  },
+});
+var MenuDivider_js_1 = require('./MenuDivider.js');
+Object.defineProperty(exports, 'MenuDivider', {
+  enumerable: true,
+  get: function () {
+    return MenuDivider_js_1.MenuDivider;
+  },
+});
+var MenuExtraContent_js_1 = require('./MenuExtraContent.js');
+Object.defineProperty(exports, 'MenuExtraContent', {
+  enumerable: true,
+  get: function () {
+    return MenuExtraContent_js_1.MenuExtraContent;
+  },
+});
+var MenuItemSkeleton_js_1 = require('./MenuItemSkeleton.js');
+Object.defineProperty(exports, 'MenuItemSkeleton', {
+  enumerable: true,
+  get: function () {
+    return MenuItemSkeleton_js_1.MenuItemSkeleton;
+  },
+});

package/cjs/core/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { DialogMainProps } from '../Dialog/DialogMain.js';
-declare type ModalProps = {
+type ModalProps = {
     /**
      * Modal title.
      */

package/cjs/core/Modal/Modal.js

@@ -1,35 +1,13 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Modal = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../Dialog/index.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../Dialog/index.js');
 /**
  * Modal component which can wrap any content.
  * @example
@@ -52,11 +30,38 @@ const index_js_1 = require("../Dialog/index.js");
  * </Modal>
  */
 exports.Modal = React.forwardRef((props, forwardedRef) => {
-    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, ...rest } = props;
-    return (React.createElement(index_js_1.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal },
-        React.createElement(index_js_1.Dialog.Backdrop, null),
-        React.createElement(index_js_1.Dialog.Main, { "aria-modal": true, ...rest },
-            React.createElement(index_js_1.Dialog.TitleBar, { titleText: title }),
-            children)));
+  const {
+    isOpen = false,
+    isDismissible = true,
+    closeOnEsc = true,
+    closeOnExternalClick = true,
+    onClose,
+    title,
+    children,
+    portal = true,
+    ...rest
+  } = props;
+  return React.createElement(
+    index_js_1.Dialog,
+    {
+      isOpen: isOpen,
+      closeOnEsc: closeOnEsc,
+      closeOnExternalClick: closeOnExternalClick,
+      isDismissible: isDismissible,
+      onClose: onClose,
+      preventDocumentScroll: true,
+      trapFocus: true,
+      setFocus: true,
+      ref: forwardedRef,
+      portal: portal,
+    },
+    React.createElement(index_js_1.Dialog.Backdrop, null),
+    React.createElement(
+      index_js_1.Dialog.Main,
+      { 'aria-modal': true, ...rest },
+      React.createElement(index_js_1.Dialog.TitleBar, { titleText: title }),
+      children,
+    ),
+  );
 });
 exports.default = exports.Modal;

package/cjs/core/Modal/ModalButtonBar.js

@@ -1,13 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ModalButtonBar = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const DialogButtonBar_js_1 = require("../Dialog/DialogButtonBar.js");
+const DialogButtonBar_js_1 = require('../Dialog/DialogButtonBar.js');
 /**
  * Container for Buttons in modal.
  */
-exports.ModalButtonBar = Object.assign({}, DialogButtonBar_js_1.DialogButtonBar);
+exports.ModalButtonBar = Object.assign(
+  {},
+  DialogButtonBar_js_1.DialogButtonBar,
+);
 exports.default = exports.ModalButtonBar;

package/cjs/core/Modal/ModalContent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ModalContent = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const DialogContent_js_1 = require("../Dialog/DialogContent.js");
+const DialogContent_js_1 = require('../Dialog/DialogContent.js');
 /**
  * Container for content in `Modal`.
  */

package/cjs/core/Modal/index.js

@@ -1,14 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.ModalContent = exports.ModalButtonBar = exports.Modal = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Modal_js_1 = require("./Modal.js");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_js_1.Modal; } });
-var ModalButtonBar_js_1 = require("./ModalButtonBar.js");
-Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return ModalButtonBar_js_1.ModalButtonBar; } });
-var ModalContent_js_1 = require("./ModalContent.js");
-Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return ModalContent_js_1.ModalContent; } });
+var Modal_js_1 = require('./Modal.js');
+Object.defineProperty(exports, 'Modal', {
+  enumerable: true,
+  get: function () {
+    return Modal_js_1.Modal;
+  },
+});
+var ModalButtonBar_js_1 = require('./ModalButtonBar.js');
+Object.defineProperty(exports, 'ModalButtonBar', {
+  enumerable: true,
+  get: function () {
+    return ModalButtonBar_js_1.ModalButtonBar;
+  },
+});
+var ModalContent_js_1 = require('./ModalContent.js');
+Object.defineProperty(exports, 'ModalContent', {
+  enumerable: true,
+  get: function () {
+    return ModalContent_js_1.ModalContent;
+  },
+});
 exports.default = './Modal';

package/cjs/core/NonIdealState/ErrorPage.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type { CommonProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 /** @deprecated Use `NonIdealState` instead. */
-export declare type ErrorPageType = '300' | '301' | '302' | '303' | '304' | '305' | '307' | '308' | '401' | '403' | '404' | '408' | '500' | '502' | '503' | '504' | 'generic';
+export type ErrorPageType = '300' | '301' | '302' | '303' | '304' | '305' | '307' | '308' | '401' | '403' | '404' | '408' | '500' | '502' | '503' | '504' | 'generic';
 /** @deprecated Use `NonIdealState` instead. */
-export declare type ErrorTypeTranslations = {
+export type ErrorTypeTranslations = {
     badGateway: string;
     error: string;
     forbidden: string;
@@ -14,8 +14,7 @@ export declare type ErrorTypeTranslations = {
     timedOut?: string;
     unauthorized: string;
 };
-/** @deprecated Use `NonIdealState` instead. */
-export declare type ErrorPageProps = {
+type ErrorPageProps = {
     /**
      * Type of error controls image and default text
      */
@@ -50,7 +49,7 @@ export declare type ErrorPageProps = {
      * Used to translate default error messages, if no specific @errorName passed in
      */
     translatedErrorMessages?: ErrorTypeTranslations;
-} & Omit<CommonProps, 'title'>;
+};
 /**
  * @deprecated Use `NonIdealState` instead for a smaller client bundle.
  *
@@ -58,5 +57,5 @@ export declare type ErrorPageProps = {
  * @example
  * <ErrorPage errorType='401' />
  */
-export declare const ErrorPage: (props: ErrorPageProps) => JSX.Element;
+export declare const ErrorPage: PolymorphicForwardRefComponent<"div", ErrorPageProps>;
 export default ErrorPage;