@itwin/itwinui-react 2.0.0-dev.1 → 2.0.0-dev.3

package/esm/core/Dialog/Dialog.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -56,25 +34,27 @@ import { useMergedRefs } from '../utils';
  *   </Dialog.Main>
  * </Dialog>
  */
-export var Dialog = Object.assign(React.forwardRef(function (props, ref) {
-    var children = props.children, _a = props.trapFocus, trapFocus = _a === void 0 ? false : _a, _b = props.setFocus, setFocus = _b === void 0 ? false : _b, _c = props.preventDocumentScroll, preventDocumentScroll = _c === void 0 ? false : _c, _d = props.isOpen, isOpen = _d === void 0 ? false : _d, _e = props.isDismissible, isDismissible = _e === void 0 ? true : _e, _f = props.closeOnEsc, closeOnEsc = _f === void 0 ? true : _f, _g = props.closeOnExternalClick, closeOnExternalClick = _g === void 0 ? false : _g, onClose = props.onClose, _h = props.isDraggable, isDraggable = _h === void 0 ? false : _h, _j = props.isResizable, isResizable = _j === void 0 ? false : _j, _k = props.relativeTo, relativeTo = _k === void 0 ? 'viewport' : _k, className = props.className, style = props.style, rest = __rest(props, ["children", "trapFocus", "setFocus", "preventDocumentScroll", "isOpen", "isDismissible", "closeOnEsc", "closeOnExternalClick", "onClose", "isDraggable", "isResizable", "relativeTo", "className", "style"]);
-    var dialogRootRef = React.useRef(null);
-    var refs = useMergedRefs(ref, dialogRootRef);
+export const Dialog = Object.assign(React.forwardRef((props, ref) => {
+    const { children, trapFocus = false, setFocus = false, preventDocumentScroll = false, isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = false, onClose, isDraggable = false, isResizable = false, relativeTo = 'viewport', className, style, ...rest } = props;
+    const dialogRootRef = React.useRef(null);
+    const refs = useMergedRefs(ref, dialogRootRef);
     return (React.createElement(DialogContext.Provider, { value: {
-            isOpen: isOpen,
-            onClose: onClose,
-            closeOnEsc: closeOnEsc,
-            closeOnExternalClick: closeOnExternalClick,
-            isDismissible: isDismissible,
-            preventDocumentScroll: preventDocumentScroll,
-            trapFocus: trapFocus,
-            setFocus: setFocus,
-            isDraggable: isDraggable,
-            isResizable: isResizable,
-            relativeTo: relativeTo,
-            dialogRootRef: dialogRootRef,
+            isOpen,
+            onClose,
+            closeOnEsc,
+            closeOnExternalClick,
+            isDismissible,
+            preventDocumentScroll,
+            trapFocus,
+            setFocus,
+            isDraggable,
+            isResizable,
+            relativeTo,
+            dialogRootRef,
         } },
-        React.createElement("div", __assign({ className: cx('iui-dialog-wrapper', className), "data-iui-relative": relativeTo === 'container', ref: refs, style: __assign({}, style) }, rest), children)));
+        React.createElement("div", { className: cx('iui-dialog-wrapper', className), "data-iui-relative": relativeTo === 'container', ref: refs, style: {
+                ...style,
+            }, ...rest }, children)));
 }), {
     Backdrop: DialogBackdrop,
     Main: DialogMain,

package/esm/core/Dialog/DialogBackdrop.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -35,12 +13,12 @@ import cx from 'classnames';
  * @example
  * <Dialog.Backdrop />
  */
-export var DialogBackdrop = React.forwardRef(function (props, ref) {
-    var dialogContext = useDialogContext();
-    var _a = props.isVisible, isVisible = _a === void 0 ? dialogContext.isOpen : _a, _b = props.isDismissible, isDismissible = _b === void 0 ? dialogContext.isDismissible : _b, _c = props.onClose, onClose = _c === void 0 ? dialogContext.onClose : _c, _d = props.closeOnExternalClick, closeOnExternalClick = _d === void 0 ? dialogContext.closeOnExternalClick : _d, _e = props.relativeTo, relativeTo = _e === void 0 ? dialogContext.relativeTo : _e, onMouseDown = props.onMouseDown, className = props.className, style = props.style, rest = __rest(props, ["isVisible", "isDismissible", "onClose", "closeOnExternalClick", "relativeTo", "onMouseDown", "className", "style"]);
-    var backdropRef = React.useRef(null);
-    var refs = useMergedRefs(backdropRef, ref);
-    var handleMouseDown = function (event) {
+export const DialogBackdrop = React.forwardRef((props, ref) => {
+    const dialogContext = useDialogContext();
+    const { isVisible = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnExternalClick = dialogContext.closeOnExternalClick, relativeTo = dialogContext.relativeTo, onMouseDown, className, style, ...rest } = props;
+    const backdropRef = React.useRef(null);
+    const refs = useMergedRefs(backdropRef, ref);
+    const handleMouseDown = (event) => {
         // Prevents React from resetting its properties
         event.persist();
         if (event.target !== backdropRef.current) {
@@ -51,8 +29,11 @@ export var DialogBackdrop = React.forwardRef(function (props, ref) {
         }
         onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
     };
-    return (React.createElement(Backdrop, __assign({ isVisible: isVisible, className: cx({
+    return (React.createElement(Backdrop, { isVisible: isVisible, className: cx({
             'iui-backdrop-fixed': relativeTo === 'viewport',
-        }, className), ref: refs, onMouseDown: handleMouseDown, style: __assign({ pointerEvents: 'auto' }, style) }, rest)));
+        }, className), ref: refs, onMouseDown: handleMouseDown, style: {
+            pointerEvents: 'auto',
+            ...style,
+        }, ...rest }));
 });
 export default DialogBackdrop;

package/esm/core/Dialog/DialogButtonBar.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -36,9 +14,9 @@ import '@itwin/itwinui-css/css/dialog.css';
  *   <Button>Close</Button>
  * </Dialog.ButtonBar>
  */
-export var DialogButtonBar = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+export const DialogButtonBar = React.forwardRef((props, ref) => {
+    const { children, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-dialog-button-bar', className), ref: ref }, rest), children));
+    return (React.createElement("div", { className: cx('iui-dialog-button-bar', className), ref: ref, ...rest }, children));
 });
 export default DialogButtonBar;

package/esm/core/Dialog/DialogContent.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -35,9 +13,9 @@ import '@itwin/itwinui-css/css/dialog.css';
  *   My dialog content
  * </Dialog.Content>
  */
-export var DialogContent = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+export const DialogContent = React.forwardRef((props, ref) => {
+    const { children, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-dialog-content', className), ref: ref }, rest), children));
+    return (React.createElement("div", { className: cx('iui-dialog-content', className), ref: ref, ...rest }, children));
 });
 export default DialogContent;

package/esm/core/Dialog/DialogContext.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-export var DialogContext = React.createContext(undefined);
-export var useDialogContext = function () {
+export const DialogContext = React.createContext(undefined);
+export const useDialogContext = () => {
     return React.useContext(DialogContext) || {};
 };

package/esm/core/Dialog/DialogDragContext.js

@@ -1,21 +1,12 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-export var DialogDragContext = React.createContext(undefined);
-export var useDialogDragContext = function () {
-    var context = React.useContext(DialogDragContext);
-    return __assign({}, context);
+export const DialogDragContext = React.createContext(undefined);
+export const useDialogDragContext = () => {
+    const context = React.useContext(DialogDragContext);
+    return {
+        ...context,
+    };
 };

package/esm/core/Dialog/DialogMain.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -52,18 +30,18 @@ import useDragAndDrop from '../utils/hooks/useDragAndDrop';
  *   </Dialog.ButtonBar>
  * </Dialog.Main>
  */
-export var DialogMain = React.forwardRef(function (props, ref) {
-    var dialogContext = useDialogContext();
-    var className = props.className, children = props.children, _a = props.styleType, styleType = _a === void 0 ? 'default' : _a, _b = props.isOpen, isOpen = _b === void 0 ? dialogContext.isOpen : _b, _c = props.isDismissible, isDismissible = _c === void 0 ? dialogContext.isDismissible : _c, _d = props.onClose, onClose = _d === void 0 ? dialogContext.onClose : _d, _e = props.closeOnEsc, closeOnEsc = _e === void 0 ? dialogContext.closeOnEsc : _e, _f = props.trapFocus, trapFocus = _f === void 0 ? dialogContext.trapFocus : _f, _g = props.setFocus, setFocus = _g === void 0 ? dialogContext.setFocus : _g, _h = props.preventDocumentScroll, preventDocumentScroll = _h === void 0 ? dialogContext.preventDocumentScroll : _h, onKeyDown = props.onKeyDown, _j = props.isDraggable, isDraggable = _j === void 0 ? dialogContext.isDraggable : _j, _k = props.isResizable, isResizable = _k === void 0 ? dialogContext.isResizable : _k, propStyle = props.style, rest = __rest(props, ["className", "children", "styleType", "isOpen", "isDismissible", "onClose", "closeOnEsc", "trapFocus", "setFocus", "preventDocumentScroll", "onKeyDown", "isDraggable", "isResizable", "style"]);
+export const DialogMain = React.forwardRef((props, ref) => {
+    const dialogContext = useDialogContext();
+    const { className, children, styleType = 'default', isOpen = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnEsc = dialogContext.closeOnEsc, trapFocus = dialogContext.trapFocus, setFocus = dialogContext.setFocus, preventDocumentScroll = dialogContext.preventDocumentScroll, onKeyDown, isDraggable = dialogContext.isDraggable, isResizable = dialogContext.isResizable, style: propStyle, ...rest } = props;
     useTheme();
-    var _l = React.useState(), style = _l[0], setStyle = _l[1];
-    var dialogRef = React.useRef(null);
-    var refs = useMergedRefs(dialogRef, ref);
-    var hasBeenResized = React.useRef(false);
+    const [style, setStyle] = React.useState();
+    const dialogRef = React.useRef(null);
+    const refs = useMergedRefs(dialogRef, ref);
+    const hasBeenResized = React.useRef(false);
     // Focuses dialog when opened and brings back focus to the previously focused element when closed.
-    var previousFocusedElement = React.useRef();
-    var setFocusRef = useLatestRef(setFocus);
-    React.useEffect(function () {
+    const previousFocusedElement = React.useRef();
+    const setFocusRef = useLatestRef(setFocus);
+    React.useEffect(() => {
         var _a, _b, _c;
         if (!setFocusRef.current) {
             return;
@@ -75,23 +53,23 @@ export var DialogMain = React.forwardRef(function (props, ref) {
         else {
             (_c = previousFocusedElement.current) === null || _c === void 0 ? void 0 : _c.focus();
         }
-        var ref = dialogRef.current;
-        return function () {
+        const ref = dialogRef.current;
+        return () => {
             var _a;
             (ref === null || ref === void 0 ? void 0 : ref.contains(document.activeElement)) &&
                 ((_a = previousFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus());
         };
     }, [isOpen, setFocusRef]);
-    var originalBodyOverflow = React.useRef('');
-    React.useEffect(function () {
+    const originalBodyOverflow = React.useRef('');
+    React.useEffect(() => {
         if (isOpen) {
             originalBodyOverflow.current = document.body.style.overflow;
         }
     }, [isOpen]);
     // Prevents document from scrolling when the dialog is open.
-    React.useEffect(function () {
+    React.useEffect(() => {
         var _a;
-        var ownerDocument = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
+        const ownerDocument = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
         // If there is no `ownerDocument` or `preventDocumentScroll` is false or
         // document body originally has `overflow: hidden` (possibly from other/parent dialog), then do nothing.
         if (!ownerDocument ||
@@ -105,11 +83,11 @@ export var DialogMain = React.forwardRef(function (props, ref) {
         else {
             ownerDocument.body.style.overflow = originalBodyOverflow.current;
         }
-        return function () {
+        return () => {
             ownerDocument.body.style.overflow = originalBodyOverflow.current;
         };
     }, [isOpen, preventDocumentScroll]);
-    var handleKeyDown = function (event) {
+    const handleKeyDown = (event) => {
         // Prevents React from resetting its properties
         event.persist();
         if (isDismissible && closeOnEsc && event.key === 'Escape' && onClose) {
@@ -117,35 +95,50 @@ export var DialogMain = React.forwardRef(function (props, ref) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    var _m = useDragAndDrop(dialogRef, dialogContext.dialogRootRef, isDraggable), onPointerDown = _m.onPointerDown, transform = _m.transform;
-    var handlePointerDown = React.useCallback(function (event) {
+    const { onPointerDown, transform } = useDragAndDrop(dialogRef, dialogContext.dialogRootRef, isDraggable);
+    const handlePointerDown = React.useCallback((event) => {
         if (isDraggable) {
             onPointerDown(event);
         }
     }, [isDraggable, onPointerDown]);
     // Prevents dialog from moving when window is being resized
-    React.useLayoutEffect(function () {
+    React.useLayoutEffect(() => {
         var _a;
         if (!isDraggable || !isOpen) {
             return;
         }
-        var rect = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        var _b = getTranslateValues(dialogRef.current), translateX = _b[0], translateY = _b[1];
-        setStyle(function (oldStyle) {
+        const rect = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const [translateX, translateY] = getTranslateValues(dialogRef.current);
+        setStyle((oldStyle) => {
             var _a, _b;
-            return (__assign(__assign({}, oldStyle), { width: rect === null || rect === void 0 ? void 0 : rect.width, height: rect === null || rect === void 0 ? void 0 : rect.height, left: (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, top: (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.offsetTop, transform: "translate(".concat(translateX, "px,").concat(translateY, "px)") }));
+            return ({
+                ...oldStyle,
+                width: rect === null || rect === void 0 ? void 0 : rect.width,
+                height: rect === null || rect === void 0 ? void 0 : rect.height,
+                left: (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft,
+                top: (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.offsetTop,
+                transform: `translate(${translateX}px,${translateY}px)`,
+            });
         });
     }, [isDraggable, isOpen]);
-    var setResizeStyle = React.useCallback(function (newStyle) {
-        setStyle(function (oldStyle) { return (__assign(__assign({}, oldStyle), newStyle)); });
+    const setResizeStyle = React.useCallback((newStyle) => {
+        setStyle((oldStyle) => ({
+            ...oldStyle,
+            ...newStyle,
+        }));
     }, []);
-    var content = (React.createElement("div", __assign({ className: cx('iui-dialog', {
+    const content = (React.createElement("div", { className: cx('iui-dialog', {
             'iui-dialog-default': styleType === 'default',
             'iui-dialog-full-page': styleType === 'fullPage',
             'iui-dialog-visible': isOpen,
             'iui-dialog-draggable': isDraggable,
-        }, className), role: 'dialog', ref: refs, onKeyDown: handleKeyDown, tabIndex: -1, style: __assign(__assign({ transform: transform, overflow: 'unset' }, style), propStyle) }, rest),
-        isResizable && (React.createElement(Resizer, { elementRef: dialogRef, containerRef: dialogContext.dialogRootRef, onResizeStart: function () {
+        }, className), role: 'dialog', ref: refs, onKeyDown: handleKeyDown, tabIndex: -1, style: {
+            transform,
+            overflow: 'unset',
+            ...style,
+            ...propStyle,
+        }, ...rest },
+        isResizable && (React.createElement(Resizer, { elementRef: dialogRef, containerRef: dialogContext.dialogRootRef, onResizeStart: () => {
                 if (!hasBeenResized.current) {
                     hasBeenResized.current = true;
                     setResizeStyle({ maxWidth: '100%' });

package/esm/core/Dialog/DialogTitleBar.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -49,20 +27,20 @@ import { useDialogDragContext } from './DialogDragContext';
  *   </IconButton>
  * </Dialog.TitleBar>
  */
-export var DialogTitleBar = Object.assign(React.forwardRef(function (props, ref) {
-    var dialogContext = useDialogContext();
-    var children = props.children, titleText = props.titleText, _a = props.isDismissible, isDismissible = _a === void 0 ? dialogContext.isDismissible : _a, _b = props.onClose, onClose = _b === void 0 ? dialogContext.onClose : _b, _c = props.isDraggable, isDraggable = _c === void 0 ? dialogContext.isDraggable : _c, className = props.className, onPointerDownProp = props.onPointerDown, rest = __rest(props, ["children", "titleText", "isDismissible", "onClose", "isDraggable", "className", "onPointerDown"]);
-    var onPointerDown = useDialogDragContext().onPointerDown;
-    var handlePointerDown = React.useCallback(function (event) {
+export const DialogTitleBar = Object.assign(React.forwardRef((props, ref) => {
+    const dialogContext = useDialogContext();
+    const { children, titleText, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, isDraggable = dialogContext.isDraggable, className, onPointerDown: onPointerDownProp, ...rest } = props;
+    const { onPointerDown } = useDialogDragContext();
+    const handlePointerDown = React.useCallback((event) => {
         onPointerDownProp === null || onPointerDownProp === void 0 ? void 0 : onPointerDownProp(event);
         if (!event.defaultPrevented) {
             onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
         }
     }, [onPointerDown, onPointerDownProp]);
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-dialog-title-bar', className, {
+    return (React.createElement("div", { className: cx('iui-dialog-title-bar', className, {
             'iui-dialog-title-bar-filled': isDraggable,
-        }), ref: ref, onPointerDown: handlePointerDown }, rest), children ? (children) : (React.createElement(React.Fragment, null,
+        }), ref: ref, onPointerDown: handlePointerDown, ...rest }, children ? (children) : (React.createElement(React.Fragment, null,
         React.createElement(DialogTitleBarTitle, null, titleText),
         isDismissible && (React.createElement(IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
             React.createElement(SvgClose, null)))))));

package/esm/core/Dialog/DialogTitleBarTitle.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -33,9 +11,9 @@ import '@itwin/itwinui-css/css/dialog.css';
  * @example
  * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
  */
-export var DialogTitleBarTitle = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+export const DialogTitleBarTitle = React.forwardRef((props, ref) => {
+    const { children, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-dialog-title', className), ref: ref }, rest), children));
+    return (React.createElement("div", { className: cx('iui-dialog-title', className), ref: ref, ...rest }, children));
 });
 export default DialogTitleBarTitle;

package/esm/core/DropdownMenu/DropdownMenu.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -46,29 +24,29 @@ import { Menu } from '../Menu';
  *   <Button>Menu</Button>
  * </DropdownMenu>
  */
-export var DropdownMenu = function (props) {
-    var menuItems = props.menuItems, children = props.children, className = props.className, style = props.style, _a = props.role, role = _a === void 0 ? 'menu' : _a, visible = props.visible, _b = props.placement, placement = _b === void 0 ? 'bottom-start' : _b, onShow = props.onShow, onHide = props.onHide, trigger = props.trigger, id = props.id, rest = __rest(props, ["menuItems", "children", "className", "style", "role", "visible", "placement", "onShow", "onHide", "trigger", "id"]);
-    var _c = React.useState(visible !== null && visible !== void 0 ? visible : false), isVisible = _c[0], setIsVisible = _c[1];
-    React.useEffect(function () {
+export const DropdownMenu = (props) => {
+    const { menuItems, children, className, style, role = 'menu', visible, placement = 'bottom-start', onShow, onHide, trigger, id, ...rest } = props;
+    const [isVisible, setIsVisible] = React.useState(visible !== null && visible !== void 0 ? visible : false);
+    React.useEffect(() => {
         setIsVisible(visible !== null && visible !== void 0 ? visible : false);
     }, [visible]);
-    var open = React.useCallback(function () { return setIsVisible(true); }, []);
-    var close = React.useCallback(function () { return setIsVisible(false); }, []);
-    var targetRef = React.useRef(null);
-    var onShowHandler = React.useCallback(function (instance) {
+    const open = React.useCallback(() => setIsVisible(true), []);
+    const close = React.useCallback(() => setIsVisible(false), []);
+    const targetRef = React.useRef(null);
+    const onShowHandler = React.useCallback((instance) => {
         setIsVisible(true);
         onShow === null || onShow === void 0 ? void 0 : onShow(instance);
     }, [onShow]);
-    var onHideHandler = React.useCallback(function (instance) {
+    const onHideHandler = React.useCallback((instance) => {
         var _a;
         setIsVisible(false);
         (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         onHide === null || onHide === void 0 ? void 0 : onHide(instance);
     }, [onHide]);
     useTheme();
-    return (React.createElement(Popover, __assign({ content: React.createElement(Menu, { className: className, style: style, role: role, id: id }, React.useMemo(function () { return menuItems(close); }, [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined }, rest), React.cloneElement(children, {
+    return (React.createElement(Popover, { content: React.createElement(Menu, { className: className, style: style, role: role, id: id }, React.useMemo(() => menuItems(close), [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined, ...rest }, React.cloneElement(children, {
         ref: mergeRefs(targetRef, props.children.ref),
-        onClick: function (args) {
+        onClick: (args) => {
             var _a, _b;
             trigger === undefined && (isVisible ? close() : open());
             (_b = (_a = children.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, args);