@itwin/itwinui-react 3.11.2 → 3.12.0

package/cjs/core/Menu/MenuItem.js

@@ -1,177 +1,137 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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 });
-exports.MenuItem = exports.MenuItemContext = 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 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 Popover_js_1 = require("../Popover/Popover.js");
-const react_1 = require("@floating-ui/react");
-const logWarningInDev = (0, index_js_1.createWarningLogger)();
-/**
- * Should be wrapped around the `Menu` containing the `MenuItem`s.
- */
-exports.MenuItemContext = React.createContext({
-    setCurrentFocusedNodeIndex: () => { },
-    focusableNodes: { current: [] },
-    setHasFocusedNodeInSubmenu: undefined,
+Object.defineProperty(exports, 'MenuItem', {
+  enumerable: true,
+  get: function () {
+    return MenuItem;
+  },
 });
-/**
- * Basic menu item component. Should be used inside `Menu` component for each item.
- */
-exports.MenuItem = React.forwardRef((props, forwardedRef) => {
-    const { children, isSelected, disabled, value, onClick: onClickProp, sublabel, size = !!sublabel ? 'large' : 'default', icon, startIcon = icon, badge, endIcon = badge, role = 'menuitem', subMenuItems = [], ...rest } = props;
-    if (onClickProp != null && subMenuItems.length > 0) {
-        logWarningInDev('Passing a non-empty submenuItems array and onClick to MenuItem at the same time is not supported. This is because when a non empty submenuItems array is passed, clicking the MenuItem toggles the submenu visibility.');
-    }
-    const parent = React.useContext(exports.MenuItemContext);
-    const menuItemRef = React.useRef(null);
-    const submenuId = (0, index_js_1.useId)();
-    const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
-    const [currentFocusedNodeIndex, setCurrentFocusedNodeIndex] = React.useState(null);
-    const [hasFocusedNodeInSubmenu, setHasFocusedNodeInSubmenu] = React.useState(false);
-    const nodeId = (0, react_1.useFloatingNodeId)();
-    const tree = (0, react_1.useFloatingTree)();
-    const parentId = (0, react_1.useFloatingParentNodeId)();
-    const focusableNodeIndexInParentTree = parent.focusableNodes.current.findIndex((el) => el === menuItemRef.current);
-    (0, index_js_1.useSyncExternalStore)(React.useCallback(() => {
-        const closeUnrelatedMenus = (event) => {
-            if (
-            // When a node "X" is focused, close "X"'s siblings' submenus
-            // i.e. only one submenu in each menu can be open at a time
-            (parentId === event.parentId && nodeId !== event.nodeId) ||
-                // Consider a node "X" with its submenu "Y".
-                // Focusing "X" should close all submenus of "Y".
-                parentId === event.nodeId) {
-                setIsSubmenuVisible(false);
-                setHasFocusedNodeInSubmenu(false);
-            }
-        };
-        tree?.events.on('onNodeFocused', closeUnrelatedMenus);
-        return () => {
-            tree?.events.off('onNodeFocused', closeUnrelatedMenus);
-        };
-    }, [nodeId, parentId, tree?.events]), () => undefined, () => undefined);
-    const focusableNodes = React.useRef([]);
-    const popover = (0, Popover_js_1.usePopover)({
-        nodeId,
-        visible: isSubmenuVisible,
-        onVisibleChange: React.useCallback((visible) => {
-            if (!visible) {
-                setHasFocusedNodeInSubmenu(false);
-            }
-            setIsSubmenuVisible(visible);
-        }, []),
-        placement: 'right-start',
-        interactions: !disabled
-            ? {
-                click: false,
-                hover: {
-                    enabled: !hasFocusedNodeInSubmenu, // If focus is still inside submenu, don't close the submenu upon hovering out.
-                },
-                listNavigation: {
-                    listRef: focusableNodes,
-                    activeIndex: currentFocusedNodeIndex,
-                    nested: subMenuItems.length > 0,
-                    onNavigate: setCurrentFocusedNodeIndex,
-                },
-            }
-            : {},
-    });
-    const onKeyDown = (event) => {
-        if (event.altKey) {
-            return;
-        }
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-            case 'Spacebar': {
-                onClick();
-                event.preventDefault();
-                break;
-            }
-            default:
-                break;
-        }
-    };
-    const onMouseEnter = (e) => {
-        // Focus the item when hovered.
-        if (e.target === e.currentTarget) {
-            menuItemRef.current?.focus();
-            // Since we manually focus the MenuItem on hover, we need to manually update the active index for
-            // Floating UI's keyboard navigation to work correctly.
-            if (parent != null && focusableNodeIndexInParentTree != null) {
-                parent.setCurrentFocusedNodeIndex(focusableNodeIndexInParentTree);
-            }
-        }
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _Menu = require('./Menu.js');
+const _ListItem = require('../List/ListItem.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const logWarningInDev = (0, _index.createWarningLogger)();
+const MenuItem = _react.forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    children,
+    isSelected,
+    disabled,
+    value,
+    onClick: onClickProp,
+    sublabel,
+    size = !!sublabel ? 'large' : 'default',
+    icon,
+    startIcon = icon,
+    badge,
+    endIcon = badge,
+    role = 'menuitem',
+    subMenuItems = [],
+    ...rest
+  } = props;
+  if (onClickProp != null && subMenuItems.length > 0) {
+    logWarningInDev(
+      'Passing a non-empty submenuItems array and onClick to MenuItem at the same time is not supported. This is because when a non empty submenuItems array is passed, clicking the MenuItem toggles the submenu visibility.',
+    );
+  }
+  const parentMenu = _react.useContext(_Menu.MenuContext);
+  const menuItemRef = _react.useRef(null);
+  const submenuId = (0, _index.useId)();
+  const popoverProps = _react.useMemo(() => {
+    return {
+      placement: 'right-start',
+      interactions: {
+        click: true,
+        hover: true,
+        listNavigation: {
+          nested: subMenuItems.length > 0,
+          openOnArrowKeyDown: true,
+        },
+      },
     };
-    const onFocus = () => {
-        // Set hasFocusedNodeInSubmenu in a microtask to ensure the submenu stays open reliably.
-        // E.g. Even when hovering into it rapidly.
-        queueMicrotask(() => {
-            parent.setHasFocusedNodeInSubmenu?.(true);
-        });
-        tree?.events.emit('onNodeFocused', {
-            nodeId,
-            parentId,
-        });
-    };
-    const onClick = () => {
-        onClickProp?.(value);
-        setIsSubmenuVisible((prev) => !prev);
-    };
-    const handlers = !disabled
-        ? {
-            onClick,
-            onKeyDown,
-            onMouseEnter,
-            onFocus,
-        }
-        : {};
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ListItem_js_1.ListItem, { as: 'div', actionable: true, size: size, active: isSelected, disabled: disabled, ref: (0, index_js_1.useMergedRefs)(menuItemRef, forwardedRef, subMenuItems.length > 0 ? popover.refs.setReference : null), role: role, tabIndex: disabled || role === 'presentation' ? undefined : -1, "aria-selected": isSelected, "aria-haspopup": subMenuItems.length > 0 ? 'true' : undefined, "aria-controls": subMenuItems.length > 0 ? submenuId : undefined, "aria-expanded": subMenuItems.length > 0 ? popover.open : undefined, "aria-disabled": disabled, ...(subMenuItems.length === 0
-                ? { ...handlers, ...rest }
-                : popover.getReferenceProps({ ...handlers, ...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))),
-        subMenuItems.length > 0 && !disabled && popover.open && (React.createElement(react_1.FloatingNode, { id: nodeId },
-            React.createElement(index_js_1.Portal, null,
-                React.createElement(exports.MenuItemContext.Provider, { value: {
-                        setCurrentFocusedNodeIndex,
-                        focusableNodes,
-                        setHasFocusedNodeInSubmenu,
-                    } },
-                    React.createElement(Menu_js_1.Menu, { setFocus: false, ref: popover.refs.setFloating, ...popover.getFloatingProps({ id: submenuId }) }, subMenuItems)))))));
+  }, [subMenuItems.length]);
+  const onClick = () => {
+    if (disabled) {
+      return;
+    }
+    onClickProp?.(value);
+  };
+  const handlers = {
+    onClick,
+  };
+  const focusableItemIndex = parentMenu?.focusableElements.findIndex(
+    (el) => el === menuItemRef.current,
+  );
+  const trigger = (0, _jsxruntime.jsxs)(_ListItem.ListItem, {
+    as: 'button',
+    type: 'button',
+    className: (0, _classnames.default)('iui-button-base', className),
+    actionable: true,
+    size: size,
+    active: isSelected,
+    disabled: disabled,
+    ref: (0, _index.useMergedRefs)(menuItemRef, forwardedRef),
+    role: role,
+    tabIndex: isSelected ? 0 : -1,
+    'aria-selected': isSelected,
+    'aria-haspopup': subMenuItems.length > 0 ? 'true' : undefined,
+    'aria-controls': subMenuItems.length > 0 ? submenuId : undefined,
+    'aria-disabled': disabled,
+    ...(parentMenu?.popoverGetItemProps != null
+      ? parentMenu.popoverGetItemProps({
+          focusableItemIndex,
+          userProps: handlers,
+        })
+      : handlers),
+    ...rest,
+    children: [
+      startIcon &&
+        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+          as: 'span',
+          'aria-hidden': true,
+          children: startIcon,
+        }),
+      (0, _jsxruntime.jsxs)(_ListItem.ListItem.Content, {
+        children: [
+          (0, _jsxruntime.jsx)('div', {
+            children: children,
+          }),
+          sublabel &&
+            (0, _jsxruntime.jsx)(_ListItem.ListItem.Description, {
+              children: sublabel,
+            }),
+        ],
+      }),
+      !endIcon &&
+        subMenuItems.length > 0 &&
+        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+          as: 'span',
+          'aria-hidden': true,
+          children: (0, _jsxruntime.jsx)(_index.SvgCaretRightSmall, {}),
+        }),
+      endIcon &&
+        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+          as: 'span',
+          'aria-hidden': true,
+          children: endIcon,
+        }),
+    ],
+  });
+  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+    children:
+      subMenuItems.length > 0 && !disabled
+        ? (0, _jsxruntime.jsx)(_Menu.Menu, {
+            id: submenuId,
+            trigger: trigger,
+            popoverProps: popoverProps,
+            children: subMenuItems,
+          })
+        : trigger,
+  });
 });

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -1,54 +1,67 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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 });
-exports.MenuItemSkeleton = 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 React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
-const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.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, { 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(VisuallyHidden_js_1.VisuallyHidden, null, translatedStrings.loading))));
+Object.defineProperty(exports, 'MenuItemSkeleton', {
+  enumerable: true,
+  get: function () {
+    return MenuItemSkeleton;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
+  const {
+    hasSublabel,
+    hasIcon,
+    contentWidth,
+    translatedStrings = {
+      loading: 'Loading…',
+    },
+    className,
+    style,
+    ...rest
+  } = props;
+  return (0, _jsxruntime.jsxs)(_index.Box, {
+    className: (0, _classnames.default)('iui-menu-item-skeleton', className),
+    'data-iui-size': hasSublabel && 'large',
+    style: {
+      ...{
+        '--iui-menu-item-content-skeleton-max-width': contentWidth,
+      },
+      ...style,
+    },
+    ref: forwardedRef,
+    ...rest,
+    children: [
+      hasIcon &&
+        (0, _jsxruntime.jsx)(_index.Box, {
+          className: 'iui-icon iui-skeleton',
+          'aria-hidden': true,
+        }),
+      (0, _jsxruntime.jsxs)(_index.Box, {
+        as: 'span',
+        className: 'iui-content',
+        children: [
+          (0, _jsxruntime.jsx)(_index.Box, {
+            className: 'iui-menu-label iui-skeleton',
+            'aria-hidden': true,
+          }),
+          hasSublabel &&
+            (0, _jsxruntime.jsx)(_index.Box, {
+              className: 'iui-menu-description iui-skeleton',
+              'aria-hidden': true,
+            }),
+          (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+            children: translatedStrings.loading,
+          }),
+        ],
+      }),
+    ],
+  });
 });

package/cjs/core/Modal/Modal.js

@@ -1,61 +1,59 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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 });
-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.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const Dialog_js_1 = require("../Dialog/Dialog.js");
-/**
- * Modal component which can wrap any content.
- * @example
- * <Modal
- *   isOpen={true}
- *   title='My modal'
- *   onClose={onClose}
- * >
- *   <ModalContent>
- *     Here is my modal content
- *   </ModalContent>
- *   <ModalButtonBar>
- *     <Button styleType='high-visibility'>
- *       Primary button
- *     </Button>
- *     <Button>
- *       Secondary button
- *     </Button>
- *   </ModalButtonBar>
- * </Modal>
- */
-exports.Modal = React.forwardRef((props, forwardedRef) => {
-    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, wrapperProps, backdropProps, titleBarProps, ...rest } = props;
-    return (React.createElement(Dialog_js_1.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal, ...wrapperProps },
-        React.createElement(Dialog_js_1.Dialog.Backdrop, { ...backdropProps }),
-        React.createElement(Dialog_js_1.Dialog.Main, { "aria-modal": true, ...rest },
-            React.createElement(Dialog_js_1.Dialog.TitleBar, { titleText: title, ...titleBarProps }),
-            children)));
+Object.defineProperty(exports, 'Modal', {
+  enumerable: true,
+  get: function () {
+    return Modal;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _Dialog = require('../Dialog/Dialog.js');
+const Modal = _react.forwardRef((props, forwardedRef) => {
+  const {
+    isOpen = false,
+    isDismissible = true,
+    closeOnEsc = true,
+    closeOnExternalClick = true,
+    onClose,
+    title,
+    children,
+    portal = true,
+    wrapperProps,
+    backdropProps,
+    titleBarProps,
+    ...rest
+  } = props;
+  return (0, _jsxruntime.jsxs)(_Dialog.Dialog, {
+    isOpen: isOpen,
+    closeOnEsc: closeOnEsc,
+    closeOnExternalClick: closeOnExternalClick,
+    isDismissible: isDismissible,
+    onClose: onClose,
+    preventDocumentScroll: true,
+    trapFocus: true,
+    setFocus: true,
+    ref: forwardedRef,
+    portal: portal,
+    ...wrapperProps,
+    children: [
+      (0, _jsxruntime.jsx)(_Dialog.Dialog.Backdrop, {
+        ...backdropProps,
+      }),
+      (0, _jsxruntime.jsxs)(_Dialog.Dialog.Main, {
+        'aria-modal': true,
+        ...rest,
+        children: [
+          (0, _jsxruntime.jsx)(_Dialog.Dialog.TitleBar, {
+            titleText: title,
+            ...titleBarProps,
+          }),
+          children,
+        ],
+      }),
+    ],
+  });
 });

package/cjs/core/Modal/ModalButtonBar.js

@@ -1,12 +1,12 @@
-"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");
-/**
- * Container for Buttons in modal.
- */
-exports.ModalButtonBar = Object.assign({}, DialogButtonBar_js_1.DialogButtonBar);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'ModalButtonBar', {
+  enumerable: true,
+  get: function () {
+    return ModalButtonBar;
+  },
+});
+const _DialogButtonBar = require('../Dialog/DialogButtonBar.js');
+const ModalButtonBar = Object.assign({}, _DialogButtonBar.DialogButtonBar);

package/cjs/core/Modal/ModalContent.js

@@ -1,12 +1,12 @@
-"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");
-/**
- * Container for content in `Modal`.
- */
-exports.ModalContent = Object.assign({}, DialogContent_js_1.DialogContent);
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'ModalContent', {
+  enumerable: true,
+  get: function () {
+    return ModalContent;
+  },
+});
+const _DialogContent = require('../Dialog/DialogContent.js');
+const ModalContent = Object.assign({}, _DialogContent.DialogContent);