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

package/cjs/core/Header/HeaderButton.js

@@ -3,44 +3,22 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderButton = void 0;
-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/header.css");
-var HeaderSplitButton_1 = require("./HeaderSplitButton");
-var HeaderDropdownButton_1 = require("./HeaderDropdownButton");
-var HeaderBasicButton_1 = require("./HeaderBasicButton");
-var isSplitButton = function (props) {
+const HeaderSplitButton_1 = require("./HeaderSplitButton");
+const HeaderDropdownButton_1 = require("./HeaderDropdownButton");
+const HeaderBasicButton_1 = require("./HeaderBasicButton");
+const isSplitButton = (props) => {
     return !!props.menuItems && !!props.onClick;
 };
-var isDropdownButton = function (props) {
+const isDropdownButton = (props) => {
     return !!props.menuItems;
 };
 /**
@@ -53,17 +31,25 @@ var isDropdownButton = function (props) {
  * <HeaderButton name='Project C' startIcon={<img style={{ objectFit: 'cover' }} src='project.png' />} />
  * <HeaderButton name='Project D' isActive />
  */
-exports.HeaderButton = react_1.default.forwardRef(function (props, ref) {
-    var name = props.name, description = props.description, _a = props.isActive, isActive = _a === void 0 ? false : _a, className = props.className, startIcon = props.startIcon, menuItems = props.menuItems, disabled = props.disabled, rest = __rest(props, ["name", "description", "isActive", "className", "startIcon", "menuItems", "disabled"]);
+exports.HeaderButton = react_1.default.forwardRef((props, ref) => {
+    const { name, description, isActive = false, className, startIcon, menuItems, disabled, ...rest } = props;
     (0, utils_1.useTheme)();
-    var buttonProps = __assign(__assign({ startIcon: react_1.default.isValidElement(startIcon)
+    const buttonProps = {
+        startIcon: react_1.default.isValidElement(startIcon)
             ? react_1.default.cloneElement(startIcon, {
                 className: (0, classnames_1.default)('iui-header-breadcrumb-button-icon', startIcon.props.className),
             })
-            : undefined, className: className, children: (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
+            : undefined,
+        className: className,
+        children: (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
             react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text-label' }, name),
-            description && (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))), ref: ref, disabled: disabled }, (!!menuItems && { menuItems: menuItems })), rest);
-    var headerButton = isSplitButton(buttonProps) ? (react_1.default.createElement(HeaderSplitButton_1.HeaderSplitButton, __assign({}, buttonProps))) : isDropdownButton(buttonProps) ? (react_1.default.createElement(HeaderDropdownButton_1.HeaderDropdownButton, __assign({}, buttonProps))) : (react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, __assign({}, buttonProps)));
+            description && (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))),
+        ref: ref,
+        disabled: disabled,
+        ...(!!menuItems && { menuItems }),
+        ...rest,
+    };
+    const headerButton = isSplitButton(buttonProps) ? (react_1.default.createElement(HeaderSplitButton_1.HeaderSplitButton, { ...buttonProps })) : isDropdownButton(buttonProps) ? (react_1.default.createElement(HeaderDropdownButton_1.HeaderDropdownButton, { ...buttonProps })) : (react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { ...buttonProps }));
     return (react_1.default.createElement("li", { className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
 });
 exports.default = exports.HeaderButton;

package/cjs/core/Header/HeaderDropdownButton.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,24 +8,24 @@ exports.HeaderDropdownButton = 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 DropdownMenu_1 = require("../DropdownMenu");
-var utils_1 = require("../utils");
-var HeaderBasicButton_1 = require("./HeaderBasicButton");
-exports.HeaderDropdownButton = react_1.default.forwardRef(function (props, ref) {
-    var menuItems = props.menuItems, className = props.className, children = props.children, rest = __rest(props, ["menuItems", "className", "children"]);
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const DropdownMenu_1 = require("../DropdownMenu");
+const utils_1 = require("../utils");
+const HeaderBasicButton_1 = require("./HeaderBasicButton");
+exports.HeaderDropdownButton = react_1.default.forwardRef((props, ref) => {
+    const { menuItems, className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    var _a = react_1.default.useState(false), isMenuOpen = _a[0], setIsMenuOpen = _a[1];
-    var _b = react_1.default.useState(0), menuWidth = _b[0], setMenuWidth = _b[1];
-    var buttonRef = react_1.default.useRef(null);
-    var refs = (0, utils_1.useMergedRefs)(ref, buttonRef);
-    react_1.default.useEffect(function () {
+    const [isMenuOpen, setIsMenuOpen] = react_1.default.useState(false);
+    const [menuWidth, setMenuWidth] = react_1.default.useState(0);
+    const buttonRef = react_1.default.useRef(null);
+    const refs = (0, utils_1.useMergedRefs)(ref, buttonRef);
+    react_1.default.useEffect(() => {
         if (buttonRef.current) {
             setMenuWidth(buttonRef.current.offsetWidth);
         }
     }, [children]);
-    return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { menuItems: menuItems, style: { minWidth: menuWidth }, onShow: function () { return setIsMenuOpen(true); }, onHide: function () { return setIsMenuOpen(false); } },
-        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, __assign({ className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), ref: refs, "aria-label": 'Dropdown', endIcon: isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) }, rest), children)));
+    return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { menuItems: menuItems, style: { minWidth: menuWidth }, onShow: () => setIsMenuOpen(true), onHide: () => setIsMenuOpen(false) },
+        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), ref: refs, "aria-label": 'Dropdown', endIcon: isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })), ...rest }, children)));
 });
 exports.default = exports.HeaderDropdownButton;

package/cjs/core/Header/HeaderLogo.js

@@ -3,36 +3,14 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderLogo = void 0;
-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/header.css");
 /**
  * Header Title section
@@ -42,9 +20,9 @@ require("@itwin/itwinui-css/css/header.css");
  * <HeaderLogo logo={<img src='image.png' />} />
  * <HeaderLogo logo={<img src='data:image/png;base64,...' />}>Downloaded Image</HeaderLogo>
  */
-var HeaderLogo = function (props) {
-    var className = props.className, children = props.children, logo = props.logo, onClick = props.onClick, rest = __rest(props, ["className", "children", "logo", "onClick"]);
-    var keyDownHandler = function (e) {
+const HeaderLogo = (props) => {
+    const { className, children, logo, onClick, ...rest } = props;
+    const keyDownHandler = (e) => {
         if (onClick &&
             (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar')) {
             e.preventDefault();
@@ -52,7 +30,7 @@ var HeaderLogo = function (props) {
         }
     };
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-header-brand', className), role: onClick && 'button', tabIndex: onClick && 0, onKeyDown: keyDownHandler, onClick: onClick }, rest),
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-header-brand', className), role: onClick && 'button', tabIndex: onClick && 0, onKeyDown: keyDownHandler, onClick: onClick, ...rest },
         react_1.default.isValidElement(logo)
             ? react_1.default.cloneElement(logo, {
                 className: (0, classnames_1.default)('iui-header-brand-icon', logo.props.className),

package/cjs/core/Header/HeaderSplitButton.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,25 +8,25 @@ exports.HeaderSplitButton = 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 DropdownMenu_1 = require("../DropdownMenu");
-var utils_1 = require("../utils");
-var HeaderBasicButton_1 = require("./HeaderBasicButton");
-exports.HeaderSplitButton = react_1.default.forwardRef(function (props, forwardedRef) {
-    var menuItems = props.menuItems, className = props.className, _a = props.menuPlacement, menuPlacement = _a === void 0 ? 'bottom-end' : _a, children = props.children, style = props.style, title = props.title, disabled = props.disabled, rest = __rest(props, ["menuItems", "className", "menuPlacement", "children", "style", "title", "disabled"]);
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const DropdownMenu_1 = require("../DropdownMenu");
+const utils_1 = require("../utils");
+const HeaderBasicButton_1 = require("./HeaderBasicButton");
+exports.HeaderSplitButton = react_1.default.forwardRef((props, forwardedRef) => {
+    const { menuItems, className, menuPlacement = 'bottom-end', children, style, title, disabled, ...rest } = props;
     (0, utils_1.useTheme)();
-    var _b = react_1.default.useState(false), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
-    var _c = react_1.default.useState(0), menuWidth = _c[0], setMenuWidth = _c[1];
-    var ref = react_1.default.useRef(null);
-    react_1.default.useEffect(function () {
+    const [isMenuOpen, setIsMenuOpen] = react_1.default.useState(false);
+    const [menuWidth, setMenuWidth] = react_1.default.useState(0);
+    const ref = react_1.default.useRef(null);
+    react_1.default.useEffect(() => {
         if (ref.current) {
             setMenuWidth(ref.current.offsetWidth);
         }
     }, [children]);
     return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-header-breadcrumb-button-wrapper', className), style: style, title: title, ref: ref },
-        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, __assign({ ref: forwardedRef, disabled: disabled }, rest), children),
-        react_1.default.createElement(DropdownMenu_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: react_1.default.useCallback(function () { return setIsMenuOpen(true); }, []), onHide: react_1.default.useCallback(function () { return setIsMenuOpen(false); }, []) },
+        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { ref: forwardedRef, disabled: disabled, ...rest }, children),
+        react_1.default.createElement(DropdownMenu_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: react_1.default.useCallback(() => setIsMenuOpen(true), []), onHide: react_1.default.useCallback(() => setIsMenuOpen(false), []) },
             react_1.default.createElement("button", { className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
 });
 exports.default = exports.HeaderSplitButton;

package/cjs/core/InformationPanel/InformationPanel.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.InformationPanel = 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/information-panel.css");
 /**
  * InformationPanel provides a way to view additional content or attributes
@@ -55,12 +33,12 @@ require("@itwin/itwinui-css/css/information-panel.css");
  *   </InformationPanel>
  * </InformationPanelWrapper>
  */
-exports.InformationPanel = react_1.default.forwardRef(function (props, ref) {
-    var className = props.className, _a = props.isOpen, isOpen = _a === void 0 ? false : _a, _b = props.orientation, orientation = _b === void 0 ? 'vertical' : _b, _c = props.resizable, resizable = _c === void 0 ? true : _c, children = props.children, rest = __rest(props, ["className", "isOpen", "orientation", "resizable", "children"]);
+exports.InformationPanel = react_1.default.forwardRef((props, ref) => {
+    const { className, isOpen = false, orientation = 'vertical', resizable = true, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    var infoPanelRef = react_1.default.useRef(null);
-    var refs = (0, utils_1.useMergedRefs)(ref, infoPanelRef);
-    var startResize = function (e) {
+    const infoPanelRef = react_1.default.useRef(null);
+    const refs = (0, utils_1.useMergedRefs)(ref, infoPanelRef);
+    const startResize = (e) => {
         if (!infoPanelRef.current) {
             return;
         }
@@ -70,29 +48,29 @@ exports.InformationPanel = react_1.default.forwardRef(function (props, ref) {
         e.preventDefault();
         e.stopPropagation();
         infoPanelRef.current.ownerDocument.addEventListener('pointermove', onResize);
-        infoPanelRef.current.ownerDocument.addEventListener('pointerup', function () {
+        infoPanelRef.current.ownerDocument.addEventListener('pointerup', () => {
             var _a;
             return (_a = infoPanelRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.removeEventListener('pointermove', onResize);
         }, { once: true });
     };
-    var onResize = react_1.default.useCallback(function (e) {
+    const onResize = react_1.default.useCallback((e) => {
         e.preventDefault();
         if (!infoPanelRef.current) {
             return;
         }
-        var _a = infoPanelRef.current.getBoundingClientRect(), right = _a.right, bottom = _a.bottom;
+        const { right, bottom } = infoPanelRef.current.getBoundingClientRect();
         if (orientation === 'vertical') {
-            infoPanelRef.current.style.width = "".concat(right - e.clientX, "px");
+            infoPanelRef.current.style.width = `${right - e.clientX}px`;
         }
         else {
-            infoPanelRef.current.style.height = "".concat(bottom - e.clientY, "px");
+            infoPanelRef.current.style.height = `${bottom - e.clientY}px`;
         }
     }, [orientation]);
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-information-panel', {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-information-panel', {
             'iui-right': orientation === 'vertical',
             'iui-bottom': orientation === 'horizontal',
             'iui-visible': isOpen,
-        }, className), ref: refs }, rest),
+        }, className), ref: refs, ...rest },
         resizable && (react_1.default.createElement("div", { className: 'iui-resizer', onPointerDown: startResize },
             react_1.default.createElement("div", { className: 'iui-resizer-bar' }))),
         children));

package/cjs/core/InformationPanel/InformationPanelBody.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,17 +8,17 @@ exports.InformationPanelBody = 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/information-panel.css");
 /**
  * Body of the `InformationPanel` containing the main content.
  */
-var InformationPanelBody = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+const InformationPanelBody = (props) => {
+    const { className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-information-body', className) }, rest), children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-information-body', className), ...rest }, children));
 };
 exports.InformationPanelBody = InformationPanelBody;
 exports.default = exports.InformationPanelBody;

package/cjs/core/InformationPanel/InformationPanelContent.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.InformationPanelContent = 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/information-panel.css");
 /**
  * The `InformationPanelContent` component should be used inside `InformationPanelBody`
@@ -57,10 +35,10 @@ require("@itwin/itwinui-css/css/information-panel.css");
  *   <Input id='path-input' value='/Shared/Music/' />
  * </InformationPanelContent>
  */
-var InformationPanelContent = function (props) {
-    var className = props.className, _a = props.displayStyle, displayStyle = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "displayStyle", "children"]);
+const InformationPanelContent = (props) => {
+    const { className, displayStyle = 'default', children, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className) }, rest), children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className), ...rest }, children));
 };
 exports.InformationPanelContent = InformationPanelContent;
 exports.default = exports.InformationPanelContent;

package/cjs/core/InformationPanel/InformationPanelHeader.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,10 +8,10 @@ exports.InformationPanelHeader = 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 Buttons_1 = require("../Buttons");
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Buttons_1 = require("../Buttons");
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/information-panel.css");
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
@@ -51,10 +29,10 @@ require("@itwin/itwinui-css/css/information-panel.css");
  *   <Text variant='subheading'>InfoPanel heading</Text>
  * </InformationPanelHeader>
  */
-var InformationPanelHeader = function (props) {
-    var children = props.children, onClose = props.onClose, actions = props.actions, className = props.className, rest = __rest(props, ["children", "onClose", "actions", "className"]);
+const InformationPanelHeader = (props) => {
+    const { children, onClose, actions, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-information-header', className) }, rest),
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-information-header', className), ...rest },
         react_1.default.createElement("span", { className: 'iui-information-header-label' }, children),
         react_1.default.createElement("div", { className: 'iui-information-header-actions' },
             actions,

package/cjs/core/InformationPanel/InformationPanelWrapper.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.InformationPanelWrapper = 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/information-panel.css");
 /**
  * InformationPanelWrapper should contain the `InformationPanel`
@@ -43,10 +21,10 @@ require("@itwin/itwinui-css/css/information-panel.css");
  *   <InformationPanel ... />
  * </InformationPanelWrapper>
  */
-var InformationPanelWrapper = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+const InformationPanelWrapper = (props) => {
+    const { className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-information-panel-wrapper', className) }, rest), children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-information-panel-wrapper', className), ...rest }, children));
 };
 exports.InformationPanelWrapper = InformationPanelWrapper;
 exports.default = exports.InformationPanelWrapper;