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

package/cjs/core/Dialog/DialogContent.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,9 +8,9 @@ exports.DialogContent = 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 react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/dialog.css");
 /**
  * Container for content in `Dialog`. Recommended to be used as a child of `Dialog`.
@@ -41,9 +19,9 @@ require("@itwin/itwinui-css/css/dialog.css");
  *   My dialog content
  * </Dialog.Content>
  */
-exports.DialogContent = react_1.default.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+exports.DialogContent = react_1.default.forwardRef((props, ref) => {
+    const { children, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-dialog-content', className), ref: ref }, rest), children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-content', className), ref: ref, ...rest }, children));
 });
 exports.default = exports.DialogContent;

package/cjs/core/Dialog/DialogContext.js

@@ -8,9 +8,9 @@ exports.useDialogContext = exports.DialogContext = 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 react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 exports.DialogContext = react_1.default.createContext(undefined);
-var useDialogContext = function () {
+const useDialogContext = () => {
     return react_1.default.useContext(exports.DialogContext) || {};
 };
 exports.useDialogContext = useDialogContext;

package/cjs/core/Dialog/DialogDragContext.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -19,10 +8,12 @@ exports.useDialogDragContext = exports.DialogDragContext = 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 react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 exports.DialogDragContext = react_1.default.createContext(undefined);
-var useDialogDragContext = function () {
-    var context = react_1.default.useContext(exports.DialogDragContext);
-    return __assign({}, context);
+const useDialogDragContext = () => {
+    const context = react_1.default.useContext(exports.DialogDragContext);
+    return {
+        ...context,
+    };
 };
 exports.useDialogDragContext = useDialogDragContext;

package/cjs/core/Dialog/DialogMain.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,14 +8,14 @@ exports.DialogMain = 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 react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/dialog.css");
-var DialogContext_1 = require("./DialogContext");
-var react_transition_group_1 = require("react-transition-group");
-var DialogDragContext_1 = require("./DialogDragContext");
-var useDragAndDrop_1 = __importDefault(require("../utils/hooks/useDragAndDrop"));
+const DialogContext_1 = require("./DialogContext");
+const react_transition_group_1 = require("react-transition-group");
+const DialogDragContext_1 = require("./DialogDragContext");
+const useDragAndDrop_1 = __importDefault(require("../utils/hooks/useDragAndDrop"));
 /**
  * Dialog component which can wrap any content.
  * @example
@@ -58,18 +36,18 @@ var useDragAndDrop_1 = __importDefault(require("../utils/hooks/useDragAndDrop"))
  *   </Dialog.ButtonBar>
  * </Dialog.Main>
  */
-exports.DialogMain = react_1.default.forwardRef(function (props, ref) {
-    var dialogContext = (0, DialogContext_1.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"]);
+exports.DialogMain = react_1.default.forwardRef((props, ref) => {
+    const dialogContext = (0, DialogContext_1.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;
     (0, utils_1.useTheme)();
-    var _l = react_1.default.useState(), style = _l[0], setStyle = _l[1];
-    var dialogRef = react_1.default.useRef(null);
-    var refs = (0, utils_1.useMergedRefs)(dialogRef, ref);
-    var hasBeenResized = react_1.default.useRef(false);
+    const [style, setStyle] = react_1.default.useState();
+    const dialogRef = react_1.default.useRef(null);
+    const refs = (0, utils_1.useMergedRefs)(dialogRef, ref);
+    const hasBeenResized = react_1.default.useRef(false);
     // Focuses dialog when opened and brings back focus to the previously focused element when closed.
-    var previousFocusedElement = react_1.default.useRef();
-    var setFocusRef = (0, utils_1.useLatestRef)(setFocus);
-    react_1.default.useEffect(function () {
+    const previousFocusedElement = react_1.default.useRef();
+    const setFocusRef = (0, utils_1.useLatestRef)(setFocus);
+    react_1.default.useEffect(() => {
         var _a, _b, _c;
         if (!setFocusRef.current) {
             return;
@@ -81,23 +59,23 @@ exports.DialogMain = react_1.default.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_1.default.useRef('');
-    react_1.default.useEffect(function () {
+    const originalBodyOverflow = react_1.default.useRef('');
+    react_1.default.useEffect(() => {
         if (isOpen) {
             originalBodyOverflow.current = document.body.style.overflow;
         }
     }, [isOpen]);
     // Prevents document from scrolling when the dialog is open.
-    react_1.default.useEffect(function () {
+    react_1.default.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 ||
@@ -111,11 +89,11 @@ exports.DialogMain = react_1.default.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) {
@@ -123,35 +101,50 @@ exports.DialogMain = react_1.default.forwardRef(function (props, ref) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    var _m = (0, useDragAndDrop_1.default)(dialogRef, dialogContext.dialogRootRef, isDraggable), onPointerDown = _m.onPointerDown, transform = _m.transform;
-    var handlePointerDown = react_1.default.useCallback(function (event) {
+    const { onPointerDown, transform } = (0, useDragAndDrop_1.default)(dialogRef, dialogContext.dialogRootRef, isDraggable);
+    const handlePointerDown = react_1.default.useCallback((event) => {
         if (isDraggable) {
             onPointerDown(event);
         }
     }, [isDraggable, onPointerDown]);
     // Prevents dialog from moving when window is being resized
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         var _a;
         if (!isDraggable || !isOpen) {
             return;
         }
-        var rect = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        var _b = (0, utils_1.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] = (0, utils_1.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_1.default.useCallback(function (newStyle) {
-        setStyle(function (oldStyle) { return (__assign(__assign({}, oldStyle), newStyle)); });
+    const setResizeStyle = react_1.default.useCallback((newStyle) => {
+        setStyle((oldStyle) => ({
+            ...oldStyle,
+            ...newStyle,
+        }));
     }, []);
-    var content = (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-dialog', {
+    const content = (react_1.default.createElement("div", { className: (0, classnames_1.default)('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_1.default.createElement(utils_1.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_1.default.createElement(utils_1.Resizer, { elementRef: dialogRef, containerRef: dialogContext.dialogRootRef, onResizeStart: () => {
                 if (!hasBeenResized.current) {
                     hasBeenResized.current = true;
                     setResizeStyle({ maxWidth: '100%' });

package/cjs/core/Dialog/DialogTitleBar.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,14 +8,14 @@ exports.DialogTitleBar = 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 react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
-var Buttons_1 = require("../Buttons");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const Buttons_1 = require("../Buttons");
 require("@itwin/itwinui-css/css/dialog.css");
-var DialogContext_1 = require("./DialogContext");
-var DialogTitleBarTitle_1 = require("./DialogTitleBarTitle");
-var DialogDragContext_1 = require("./DialogDragContext");
+const DialogContext_1 = require("./DialogContext");
+const DialogTitleBarTitle_1 = require("./DialogTitleBarTitle");
+const DialogDragContext_1 = require("./DialogDragContext");
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example
@@ -55,20 +33,20 @@ var DialogDragContext_1 = require("./DialogDragContext");
  *   </IconButton>
  * </Dialog.TitleBar>
  */
-exports.DialogTitleBar = Object.assign(react_1.default.forwardRef(function (props, ref) {
-    var dialogContext = (0, DialogContext_1.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 = (0, DialogDragContext_1.useDialogDragContext)().onPointerDown;
-    var handlePointerDown = react_1.default.useCallback(function (event) {
+exports.DialogTitleBar = Object.assign(react_1.default.forwardRef((props, ref) => {
+    const dialogContext = (0, DialogContext_1.useDialogContext)();
+    const { children, titleText, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, isDraggable = dialogContext.isDraggable, className, onPointerDown: onPointerDownProp, ...rest } = props;
+    const { onPointerDown } = (0, DialogDragContext_1.useDialogDragContext)();
+    const handlePointerDown = react_1.default.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]);
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-dialog-title-bar', className, {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title-bar', className, {
             'iui-dialog-title-bar-filled': isDraggable,
-        }), ref: ref, onPointerDown: handlePointerDown }, rest), children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
+        }), ref: ref, onPointerDown: handlePointerDown, ...rest }, children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(DialogTitleBarTitle_1.DialogTitleBarTitle, null, titleText),
         isDismissible && (react_1.default.createElement(Buttons_1.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
             react_1.default.createElement(utils_1.SvgClose, null)))))));

package/cjs/core/Dialog/DialogTitleBarTitle.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,18 +8,18 @@ exports.DialogTitleBarTitle = 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 react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/dialog.css");
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example
  * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
  */
-exports.DialogTitleBarTitle = react_1.default.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+exports.DialogTitleBarTitle = react_1.default.forwardRef((props, ref) => {
+    const { children, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-dialog-title', className), ref: ref }, rest), children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title', className), ref: ref, ...rest }, children));
 });
 exports.default = exports.DialogTitleBarTitle;

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,9 +8,9 @@ exports.DropdownMenu = 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 react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var Menu_1 = require("../Menu");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const Menu_1 = require("../Menu");
 /**
  * Dropdown menu component.
  * Uses the {@link Popover} component, which is a wrapper around [tippy.js](https://atomiks.github.io/tippyjs).
@@ -52,29 +30,29 @@ var Menu_1 = require("../Menu");
  *   <Button>Menu</Button>
  * </DropdownMenu>
  */
-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_1.default.useState(visible !== null && visible !== void 0 ? visible : false), isVisible = _c[0], setIsVisible = _c[1];
-    react_1.default.useEffect(function () {
+const DropdownMenu = (props) => {
+    const { menuItems, children, className, style, role = 'menu', visible, placement = 'bottom-start', onShow, onHide, trigger, id, ...rest } = props;
+    const [isVisible, setIsVisible] = react_1.default.useState(visible !== null && visible !== void 0 ? visible : false);
+    react_1.default.useEffect(() => {
         setIsVisible(visible !== null && visible !== void 0 ? visible : false);
     }, [visible]);
-    var open = react_1.default.useCallback(function () { return setIsVisible(true); }, []);
-    var close = react_1.default.useCallback(function () { return setIsVisible(false); }, []);
-    var targetRef = react_1.default.useRef(null);
-    var onShowHandler = react_1.default.useCallback(function (instance) {
+    const open = react_1.default.useCallback(() => setIsVisible(true), []);
+    const close = react_1.default.useCallback(() => setIsVisible(false), []);
+    const targetRef = react_1.default.useRef(null);
+    const onShowHandler = react_1.default.useCallback((instance) => {
         setIsVisible(true);
         onShow === null || onShow === void 0 ? void 0 : onShow(instance);
     }, [onShow]);
-    var onHideHandler = react_1.default.useCallback(function (instance) {
+    const onHideHandler = react_1.default.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]);
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement(utils_1.Popover, __assign({ content: react_1.default.createElement(Menu_1.Menu, { className: className, style: style, role: role, id: id }, react_1.default.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_1.default.cloneElement(children, {
+    return (react_1.default.createElement(utils_1.Popover, { content: react_1.default.createElement(Menu_1.Menu, { className: className, style: style, role: role, id: id }, react_1.default.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_1.default.cloneElement(children, {
         ref: (0, utils_1.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);

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,9 +8,9 @@ exports.ExpandableBlock = 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 classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/expandable-block.css");
 /**
  * Container that allows content to be hidden behind a brief title and a caption.
@@ -43,31 +21,31 @@ require("@itwin/itwinui-css/css/expandable-block.css");
  * <ExpandableBlock title='Positive status' status='positive'>Content</ExpandableBlock>
  * <ExpandableBlock title='Block with icon' endIcon={<SvgPlaceholder />}>Content</ExpandableBlock>
  */
-var ExpandableBlock = function (props) {
-    var caption = props.caption, children = props.children, className = props.className, title = props.title, onToggle = props.onToggle, style = props.style, _a = props.isExpanded, isExpanded = _a === void 0 ? false : _a, endIcon = props.endIcon, status = props.status, _b = props.size, size = _b === void 0 ? 'default' : _b, _c = props.styleType, styleType = _c === void 0 ? 'default' : _c, rest = __rest(props, ["caption", "children", "className", "title", "onToggle", "style", "isExpanded", "endIcon", "status", "size", "styleType"]);
+const ExpandableBlock = (props) => {
+    const { caption, children, className, title, onToggle, style, isExpanded = false, endIcon, status, size = 'default', styleType = 'default', ...rest } = props;
     (0, utils_1.useTheme)();
-    var icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && utils_1.StatusIconMap[status]());
-    var _d = react_1.default.useState(isExpanded), expanded = _d[0], setExpanded = _d[1];
-    react_1.default.useEffect(function () {
+    const icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && utils_1.StatusIconMap[status]());
+    const [expanded, setExpanded] = react_1.default.useState(isExpanded);
+    react_1.default.useEffect(() => {
         setExpanded(isExpanded);
     }, [isExpanded]);
-    var handleToggle = function () {
+    const handleToggle = () => {
         setExpanded(!expanded);
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded);
     };
-    var onKeyDown = function (event) {
+    const onKeyDown = (event) => {
         if (event.key === 'Enter' ||
             event.key === ' ' ||
             event.key === 'Spacebar') {
             handleToggle();
         }
     };
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-expandable-block', {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-expandable-block', {
             'iui-with-caption': !!caption,
             'iui-expanded': expanded,
             'iui-small': size === 'small',
             'iui-borderless': styleType === 'borderless',
-        }, className), style: style }, rest),
+        }, className), style: style, ...rest },
         react_1.default.createElement("div", { "aria-expanded": expanded, className: 'iui-header', tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
             react_1.default.createElement(utils_1.SvgChevronRight, { className: 'iui-icon', "aria-hidden": true }),
             react_1.default.createElement("span", { className: 'iui-expandable-block-label' },