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

package/esm/core/Header/HeaderButton.js

@@ -2,28 +2,6 @@
  * 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;
-};
 import cx from 'classnames';
 import React from 'react';
 import { useTheme } from '../utils';
@@ -31,10 +9,10 @@ import '@itwin/itwinui-css/css/header.css';
 import { HeaderSplitButton } from './HeaderSplitButton';
 import { HeaderDropdownButton, } from './HeaderDropdownButton';
 import { HeaderBasicButton } from './HeaderBasicButton';
-var isSplitButton = function (props) {
+const isSplitButton = (props) => {
     return !!props.menuItems && !!props.onClick;
 };
-var isDropdownButton = function (props) {
+const isDropdownButton = (props) => {
     return !!props.menuItems;
 };
 /**
@@ -47,17 +25,25 @@ var isDropdownButton = function (props) {
  * <HeaderButton name='Project C' startIcon={<img style={{ objectFit: 'cover' }} src='project.png' />} />
  * <HeaderButton name='Project D' isActive />
  */
-export var HeaderButton = React.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"]);
+export const HeaderButton = React.forwardRef((props, ref) => {
+    const { name, description, isActive = false, className, startIcon, menuItems, disabled, ...rest } = props;
     useTheme();
-    var buttonProps = __assign(__assign({ startIcon: React.isValidElement(startIcon)
+    const buttonProps = {
+        startIcon: React.isValidElement(startIcon)
             ? React.cloneElement(startIcon, {
                 className: cx('iui-header-breadcrumb-button-icon', startIcon.props.className),
             })
-            : undefined, className: className, children: (React.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
+            : undefined,
+        className: className,
+        children: (React.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
             React.createElement("span", { className: 'iui-header-breadcrumb-button-text-label' }, name),
-            description && (React.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))), ref: ref, disabled: disabled }, (!!menuItems && { menuItems: menuItems })), rest);
-    var headerButton = isSplitButton(buttonProps) ? (React.createElement(HeaderSplitButton, __assign({}, buttonProps))) : isDropdownButton(buttonProps) ? (React.createElement(HeaderDropdownButton, __assign({}, buttonProps))) : (React.createElement(HeaderBasicButton, __assign({}, buttonProps)));
+            description && (React.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))),
+        ref: ref,
+        disabled: disabled,
+        ...(!!menuItems && { menuItems }),
+        ...rest,
+    };
+    const headerButton = isSplitButton(buttonProps) ? (React.createElement(HeaderSplitButton, { ...buttonProps })) : isDropdownButton(buttonProps) ? (React.createElement(HeaderDropdownButton, { ...buttonProps })) : (React.createElement(HeaderBasicButton, { ...buttonProps }));
     return (React.createElement("li", { className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
 });
 export default HeaderButton;

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

package/esm/core/Header/HeaderLogo.js

@@ -2,28 +2,6 @@
  * 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;
-};
 import cx from 'classnames';
 import React from 'react';
 import { useTheme } from '../utils';
@@ -36,9 +14,9 @@ import '@itwin/itwinui-css/css/header.css';
  * <HeaderLogo logo={<img src='image.png' />} />
  * <HeaderLogo logo={<img src='data:image/png;base64,...' />}>Downloaded Image</HeaderLogo>
  */
-export 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) {
+export 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();
@@ -46,7 +24,7 @@ export var HeaderLogo = function (props) {
         }
     };
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-header-brand', className), role: onClick && 'button', tabIndex: onClick && 0, onKeyDown: keyDownHandler, onClick: onClick }, rest),
+    return (React.createElement("div", { className: cx('iui-header-brand', className), role: onClick && 'button', tabIndex: onClick && 0, onKeyDown: keyDownHandler, onClick: onClick, ...rest },
         React.isValidElement(logo)
             ? React.cloneElement(logo, {
                 className: cx('iui-header-brand-icon', logo.props.className),

package/esm/core/Header/HeaderSplitButton.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.
@@ -29,20 +7,20 @@ import React from 'react';
 import { DropdownMenu } from '../DropdownMenu';
 import { useTheme, SvgCaretDownSmall, SvgCaretUpSmall, } from '../utils';
 import { HeaderBasicButton } from './HeaderBasicButton';
-export var HeaderSplitButton = React.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"]);
+export const HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
+    const { menuItems, className, menuPlacement = 'bottom-end', children, style, title, disabled, ...rest } = props;
     useTheme();
-    var _b = React.useState(false), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
-    var _c = React.useState(0), menuWidth = _c[0], setMenuWidth = _c[1];
-    var ref = React.useRef(null);
-    React.useEffect(function () {
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    const [menuWidth, setMenuWidth] = React.useState(0);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
         if (ref.current) {
             setMenuWidth(ref.current.offsetWidth);
         }
     }, [children]);
     return (React.createElement("span", { className: cx('iui-header-breadcrumb-button-wrapper', className), style: style, title: title, ref: ref },
-        React.createElement(HeaderBasicButton, __assign({ ref: forwardedRef, disabled: disabled }, rest), children),
-        React.createElement(DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: React.useCallback(function () { return setIsMenuOpen(true); }, []), onHide: React.useCallback(function () { return setIsMenuOpen(false); }, []) },
+        React.createElement(HeaderBasicButton, { ref: forwardedRef, disabled: disabled, ...rest }, children),
+        React.createElement(DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: React.useCallback(() => setIsMenuOpen(true), []), onHide: React.useCallback(() => setIsMenuOpen(false), []) },
             React.createElement("button", { className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (React.createElement(SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
 });
 export default HeaderSplitButton;

package/esm/core/InformationPanel/InformationPanel.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,12 +27,12 @@ import '@itwin/itwinui-css/css/information-panel.css';
  *   </InformationPanel>
  * </InformationPanelWrapper>
  */
-export var InformationPanel = React.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"]);
+export const InformationPanel = React.forwardRef((props, ref) => {
+    const { className, isOpen = false, orientation = 'vertical', resizable = true, children, ...rest } = props;
     useTheme();
-    var infoPanelRef = React.useRef(null);
-    var refs = useMergedRefs(ref, infoPanelRef);
-    var startResize = function (e) {
+    const infoPanelRef = React.useRef(null);
+    const refs = useMergedRefs(ref, infoPanelRef);
+    const startResize = (e) => {
         if (!infoPanelRef.current) {
             return;
         }
@@ -64,29 +42,29 @@ export var InformationPanel = React.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.useCallback(function (e) {
+    const onResize = React.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.createElement("div", __assign({ className: cx('iui-information-panel', {
+    return (React.createElement("div", { className: cx('iui-information-panel', {
             'iui-right': orientation === 'vertical',
             'iui-bottom': orientation === 'horizontal',
             'iui-visible': isOpen,
-        }, className), ref: refs }, rest),
+        }, className), ref: refs, ...rest },
         resizable && (React.createElement("div", { className: 'iui-resizer', onPointerDown: startResize },
             React.createElement("div", { className: 'iui-resizer-bar' }))),
         children));

package/esm/core/InformationPanel/InformationPanelBody.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.
@@ -31,9 +9,9 @@ import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * Body of the `InformationPanel` containing the main content.
  */
-export var InformationPanelBody = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+export const InformationPanelBody = (props) => {
+    const { className, children, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-information-body', className) }, rest), children));
+    return (React.createElement("div", { className: cx('iui-information-body', className), ...rest }, children));
 };
 export default InformationPanelBody;

package/esm/core/InformationPanel/InformationPanelContent.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.
@@ -51,9 +29,9 @@ import '@itwin/itwinui-css/css/information-panel.css';
  *   <Input id='path-input' value='/Shared/Music/' />
  * </InformationPanelContent>
  */
-export 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"]);
+export const InformationPanelContent = (props) => {
+    const { className, displayStyle = 'default', children, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className) }, rest), children));
+    return (React.createElement("div", { className: cx('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className), ...rest }, children));
 };
 export default InformationPanelContent;

package/esm/core/InformationPanel/InformationPanelHeader.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.
@@ -45,10 +23,10 @@ import '@itwin/itwinui-css/css/information-panel.css';
  *   <Text variant='subheading'>InfoPanel heading</Text>
  * </InformationPanelHeader>
  */
-export var InformationPanelHeader = function (props) {
-    var children = props.children, onClose = props.onClose, actions = props.actions, className = props.className, rest = __rest(props, ["children", "onClose", "actions", "className"]);
+export const InformationPanelHeader = (props) => {
+    const { children, onClose, actions, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-information-header', className) }, rest),
+    return (React.createElement("div", { className: cx('iui-information-header', className), ...rest },
         React.createElement("span", { className: 'iui-information-header-label' }, children),
         React.createElement("div", { className: 'iui-information-header-actions' },
             actions,

package/esm/core/InformationPanel/InformationPanelWrapper.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.
@@ -37,9 +15,9 @@ import '@itwin/itwinui-css/css/information-panel.css';
  *   <InformationPanel ... />
  * </InformationPanelWrapper>
  */
-export var InformationPanelWrapper = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+export const InformationPanelWrapper = (props) => {
+    const { className, children, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-information-panel-wrapper', className) }, rest), children));
+    return (React.createElement("div", { className: cx('iui-information-panel-wrapper', className), ...rest }, children));
 };
 export default InformationPanelWrapper;

package/esm/core/Input/Input.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,16 +13,16 @@ import '@itwin/itwinui-css/css/input.css';
  * <Input disabled />
  * <Input size='small' />
  */
-export var Input = React.forwardRef(function (props, ref) {
-    var _a = props.setFocus, setFocus = _a === void 0 ? false : _a, size = props.size, className = props.className, rest = __rest(props, ["setFocus", "size", "className"]);
+export const Input = React.forwardRef((props, ref) => {
+    const { setFocus = false, size, className, ...rest } = props;
     useTheme();
-    var inputRef = React.useRef(null);
-    var refs = useMergedRefs(inputRef, ref);
-    React.useEffect(function () {
+    const inputRef = React.useRef(null);
+    const refs = useMergedRefs(inputRef, ref);
+    React.useEffect(() => {
         if (inputRef.current && setFocus) {
             inputRef.current.focus();
         }
     }, [setFocus]);
-    return (React.createElement("input", __assign({ className: cx('iui-input', className), "data-iui-size": size, ref: refs }, rest)));
+    return (React.createElement("input", { className: cx('iui-input', className), "data-iui-size": size, ref: refs, ...rest }));
 });
 export default Input;

package/esm/core/InputGroup/InputGroup.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.
@@ -42,10 +20,10 @@ import '@itwin/itwinui-css/css/utils.css';
  *  <Radio />
  * </InputGroup>
  */
-export var InputGroup = function (props) {
-    var children = props.children, _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.displayStyle, displayStyle = _b === void 0 ? 'default' : _b, label = props.label, message = props.message, status = props.status, svgIcon = props.svgIcon, className = props.className, style = props.style, _c = props.required, required = _c === void 0 ? false : _c, rest = __rest(props, ["children", "disabled", "displayStyle", "label", "message", "status", "svgIcon", "className", "style", "required"]);
+export const InputGroup = (props) => {
+    const { children, disabled = false, displayStyle = 'default', label, message, status, svgIcon, className, style, required = false, ...rest } = props;
     useTheme();
-    var icon = function () {
+    const icon = () => {
         if (svgIcon) {
             return React.cloneElement(svgIcon, { 'aria-hidden': true });
         }
@@ -56,7 +34,7 @@ export var InputGroup = function (props) {
         }
         return undefined;
     };
-    return (React.createElement(InputContainer, __assign({ label: label, disabled: disabled, required: required, status: status, message: message, icon: icon(), isLabelInline: displayStyle === 'inline', className: className, style: style }, rest),
+    return (React.createElement(InputContainer, { label: label, disabled: disabled, required: required, status: status, message: message, icon: icon(), isLabelInline: displayStyle === 'inline', className: className, style: style, ...rest },
         React.createElement("div", { className: 'iui-input-group' }, children)));
 };
 export default InputGroup;

package/esm/core/Label/Label.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 '@itwin/itwinui-css/css/utils.css';
  * <Label htmlFor='name-input'>Name</Label>
  * <Input id='name-input' />
  */
-export var Label = function (props) {
-    var _a = props.as, Element = _a === void 0 ? 'label' : _a, _b = props.displayStyle, displayStyle = _b === void 0 ? 'block' : _b, required = props.required, className = props.className, children = props.children, rest = __rest(props, ["as", "displayStyle", "required", "className", "children"]);
+export const Label = (props) => {
+    const { as: Element = 'label', displayStyle = 'block', required, className, children, ...rest } = props;
     useTheme();
-    return (React.createElement(Element, __assign({ className: cx('iui-input-label', {
+    return (React.createElement(Element, { className: cx('iui-input-label', {
             'iui-inline': displayStyle === 'inline',
             'iui-required': required,
-        }, className) }, rest), children));
+        }, className), ...rest }, children));
 };
 export default Label;