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

package/esm/core/Select/Select.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,11 +9,11 @@ import { MenuItem } from '../Menu/MenuItem';
 import { useTheme, useOverflow, SvgCaretDownSmall, } from '../utils';
 import '@itwin/itwinui-css/css/select.css';
 import SelectTag from './SelectTag';
-var isMultipleEnabled = function (variable, multiple) {
+const isMultipleEnabled = (variable, multiple) => {
     return multiple;
 };
 // Type guard for multiple did not work
-var isSingleOnChange = function (onChange, multiple) {
+const isSingleOnChange = (onChange, multiple) => {
     return !multiple;
 };
 /**
@@ -87,37 +65,37 @@ var isSingleOnChange = function (onChange, multiple) {
  *   )}
  * />
  */
-export var Select = function (props) {
+export const Select = (props) => {
     var _a;
-    var options = props.options, value = props.value, onChange = props.onChange, placeholder = props.placeholder, _b = props.disabled, disabled = _b === void 0 ? false : _b, size = props.size, _c = props.setFocus, setFocus = _c === void 0 ? false : _c, itemRenderer = props.itemRenderer, selectedItemRenderer = props.selectedItemRenderer, className = props.className, style = props.style, menuClassName = props.menuClassName, menuStyle = props.menuStyle, onShow = props.onShow, onHide = props.onHide, popoverProps = props.popoverProps, _d = props.multiple, multiple = _d === void 0 ? false : _d, rest = __rest(props, ["options", "value", "onChange", "placeholder", "disabled", "size", "setFocus", "itemRenderer", "selectedItemRenderer", "className", "style", "menuClassName", "menuStyle", "onShow", "onHide", "popoverProps", "multiple"]);
+    const { options, value, onChange, placeholder, disabled = false, size, setFocus = false, itemRenderer, selectedItemRenderer, className, style, menuClassName, menuStyle, onShow, onHide, popoverProps, multiple = false, ...rest } = props;
     useTheme();
-    var _e = React.useState((_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.visible) !== null && _a !== void 0 ? _a : false), isOpen = _e[0], setIsOpen = _e[1];
-    React.useEffect(function () {
-        setIsOpen(function (open) { var _a; return (_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.visible) !== null && _a !== void 0 ? _a : open; });
+    const [isOpen, setIsOpen] = React.useState((_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.visible) !== null && _a !== void 0 ? _a : false);
+    React.useEffect(() => {
+        setIsOpen((open) => { var _a; return (_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.visible) !== null && _a !== void 0 ? _a : open; });
     }, [popoverProps]);
-    var _f = React.useState(0), minWidth = _f[0], setMinWidth = _f[1];
-    var toggle = function () { return setIsOpen(function (open) { return !open; }); };
-    var selectRef = React.useRef(null);
-    var toggleButtonRef = React.useRef(null);
-    var onShowHandler = React.useCallback(function (instance) {
+    const [minWidth, setMinWidth] = React.useState(0);
+    const toggle = () => setIsOpen((open) => !open);
+    const selectRef = React.useRef(null);
+    const toggleButtonRef = React.useRef(null);
+    const onShowHandler = React.useCallback((instance) => {
         setIsOpen(true);
         onShow === null || onShow === void 0 ? void 0 : onShow(instance);
     }, [onShow]);
-    var onHideHandler = React.useCallback(function (instance) {
+    const onHideHandler = React.useCallback((instance) => {
         setIsOpen(false);
         onHide === null || onHide === void 0 ? void 0 : onHide(instance);
     }, [onHide]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (selectRef.current && !disabled && setFocus) {
             selectRef.current.focus();
         }
     }, [setFocus, disabled]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (selectRef.current) {
             setMinWidth(selectRef.current.offsetWidth);
         }
     }, [isOpen]);
-    var onKeyDown = function (event, toggle) {
+    const onKeyDown = (event, toggle) => {
         switch (event.key) {
             case 'Enter':
             case ' ':
@@ -131,15 +109,18 @@ export var Select = function (props) {
                 break;
         }
     };
-    var menuItems = React.useCallback(function (close) {
-        return options.map(function (option, index) {
+    const menuItems = React.useCallback((close) => {
+        return options.map((option, index) => {
             var _a;
-            var isSelected = isMultipleEnabled(value, multiple)
+            const isSelected = isMultipleEnabled(value, multiple)
                 ? (_a = value === null || value === void 0 ? void 0 : value.includes(option.value)) !== null && _a !== void 0 ? _a : false
                 : value === option.value;
-            var menuItem = itemRenderer ? (itemRenderer(option, { close: close, isSelected: isSelected })) : (React.createElement(MenuItem, null, option.label));
-            var label = option.label, restOption = __rest(option, ["label"]);
-            return React.cloneElement(menuItem, __assign(__assign({ key: "".concat(label, "-").concat(index), isSelected: isSelected, onClick: function () {
+            const menuItem = itemRenderer ? (itemRenderer(option, { close, isSelected })) : (React.createElement(MenuItem, null, option.label));
+            const { label, ...restOption } = option;
+            return React.cloneElement(menuItem, {
+                key: `${label}-${index}`,
+                isSelected,
+                onClick: () => {
                     if (option.disabled) {
                         return;
                     }
@@ -150,47 +131,54 @@ export var Select = function (props) {
                     else {
                         onChange === null || onChange === void 0 ? void 0 : onChange(option.value, isSelected ? 'removed' : 'added');
                     }
-                }, ref: function (el) {
+                },
+                ref: (el) => {
                     if (isSelected && !multiple) {
                         el === null || el === void 0 ? void 0 : el.scrollIntoView();
                     }
-                }, role: 'option' }, restOption), menuItem.props));
+                },
+                role: 'option',
+                ...restOption,
+                ...menuItem.props,
+            });
         });
     }, [itemRenderer, multiple, onChange, options, value]);
-    var selectedItems = React.useMemo(function () {
+    const selectedItems = React.useMemo(() => {
         if (value == null) {
             return undefined;
         }
         return isMultipleEnabled(value, multiple)
-            ? options.filter(function (option) { return value.some(function (val) { return val === option.value; }); })
-            : options.find(function (option) { return option.value === value; });
+            ? options.filter((option) => value.some((val) => val === option.value))
+            : options.find((option) => option.value === value);
     }, [multiple, options, value]);
-    var tagRenderer = React.useCallback(function (item) {
+    const tagRenderer = React.useCallback((item) => {
         return React.createElement(SelectTag, { key: item.label, label: item.label });
     }, []);
-    return (React.createElement("div", __assign({ className: cx('iui-input-with-icon', className), "aria-expanded": isOpen, "aria-haspopup": 'listbox', style: style }, rest),
-        React.createElement(DropdownMenu, __assign({ menuItems: menuItems, placement: 'bottom-start', className: cx('iui-scroll', menuClassName), style: __assign({ minWidth: minWidth, maxWidth: "min(".concat(minWidth * 2, "px, 90vw)") }, menuStyle), role: 'listbox', onShow: onShowHandler, onHide: onHideHandler, disabled: disabled }, popoverProps, { visible: isOpen, onClickOutside: function (_, _a) {
-                var _b;
-                var target = _a.target;
-                if (!((_b = toggleButtonRef.current) === null || _b === void 0 ? void 0 : _b.contains(target))) {
+    return (React.createElement("div", { className: cx('iui-input-with-icon', className), "aria-expanded": isOpen, "aria-haspopup": 'listbox', style: style, ...rest },
+        React.createElement(DropdownMenu, { menuItems: menuItems, placement: 'bottom-start', className: cx('iui-scroll', menuClassName), style: {
+                minWidth,
+                maxWidth: `min(${minWidth * 2}px, 90vw)`,
+                ...menuStyle,
+            }, role: 'listbox', onShow: onShowHandler, onHide: onHideHandler, disabled: disabled, ...popoverProps, visible: isOpen, onClickOutside: (_, { target }) => {
+                var _a;
+                if (!((_a = toggleButtonRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
                     setIsOpen(false);
                 }
-            } }),
+            } },
             React.createElement("div", { ref: selectRef, className: cx('iui-select-button', {
                     'iui-placeholder': (!selectedItems || selectedItems.length === 0) && !!placeholder,
                     'iui-disabled': disabled,
-                }), "data-iui-size": size, onClick: function () { return !disabled && toggle(); }, onKeyDown: function (e) { return !disabled && onKeyDown(e, toggle); }, tabIndex: !disabled ? 0 : undefined },
+                }), "data-iui-size": size, onClick: () => !disabled && toggle(), onKeyDown: (e) => !disabled && onKeyDown(e, toggle), tabIndex: !disabled ? 0 : undefined },
                 (!selectedItems || selectedItems.length === 0) && (React.createElement("span", { className: 'iui-content' }, placeholder)),
                 isMultipleEnabled(selectedItems, multiple) ? (React.createElement(MultipleSelectButton, { selectedItems: selectedItems, selectedItemsRenderer: selectedItemRenderer, tagRenderer: tagRenderer })) : (React.createElement(SingleSelectButton, { selectedItem: selectedItems, selectedItemRenderer: selectedItemRenderer })))),
         React.createElement("span", { ref: toggleButtonRef, className: cx('iui-end-icon', {
                 'iui-actionable': !disabled,
                 'iui-disabled': disabled,
                 'iui-open': isOpen,
-            }), onClick: function () { return !disabled && toggle(); } },
+            }), onClick: () => !disabled && toggle() },
             React.createElement(SvgCaretDownSmall, { "aria-hidden": true }))));
 };
-var SingleSelectButton = function (_a) {
-    var selectedItem = _a.selectedItem, selectedItemRenderer = _a.selectedItemRenderer;
+const SingleSelectButton = ({ selectedItem, selectedItemRenderer, }) => {
     return (React.createElement(React.Fragment, null,
         selectedItem &&
             selectedItemRenderer &&
@@ -202,15 +190,14 @@ var SingleSelectButton = function (_a) {
                 }),
             React.createElement("span", { className: 'iui-content' }, selectedItem.label)))));
 };
-var MultipleSelectButton = function (_a) {
-    var selectedItems = _a.selectedItems, selectedItemsRenderer = _a.selectedItemsRenderer, tagRenderer = _a.tagRenderer;
-    var selectedItemsElements = React.useMemo(function () {
+const MultipleSelectButton = ({ selectedItems, selectedItemsRenderer, tagRenderer, }) => {
+    const selectedItemsElements = React.useMemo(() => {
         if (!selectedItems) {
             return [];
         }
-        return selectedItems.map(function (item) { return tagRenderer(item); });
+        return selectedItems.map((item) => tagRenderer(item));
     }, [selectedItems, tagRenderer]);
-    var _b = useOverflow(selectedItemsElements), containerRef = _b[0], visibleCount = _b[1];
+    const [containerRef, visibleCount] = useOverflow(selectedItemsElements);
     return (React.createElement(React.Fragment, null,
         selectedItems &&
             selectedItemsRenderer &&
@@ -221,6 +208,6 @@ var MultipleSelectButton = function (_a) {
                     visibleCount < selectedItemsElements.length
                         ? selectedItemsElements.slice(0, visibleCount - 1)
                         : selectedItemsElements,
-                    visibleCount < selectedItemsElements.length && (React.createElement(SelectTag, { label: "+".concat(selectedItemsElements.length - visibleCount + 1, " item(s)") }))))))));
+                    visibleCount < selectedItemsElements.length && (React.createElement(SelectTag, { label: `+${selectedItemsElements.length - visibleCount + 1} item(s)` }))))))));
 };
 export default Select;

package/esm/core/Select/SelectTag.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.
@@ -32,10 +10,10 @@ import '@itwin/itwinui-css/css/select.css';
  * Tag for showing selected value in `Select`.
  * @private
  */
-export var SelectTag = function (props) {
-    var className = props.className, label = props.label, rest = __rest(props, ["className", "label"]);
+export const SelectTag = (props) => {
+    const { className, label, ...rest } = props;
     useTheme();
-    return (React.createElement("span", __assign({ className: cx('iui-select-tag', className) }, rest),
+    return (React.createElement("span", { className: cx('iui-select-tag', className), ...rest },
         React.createElement("span", { className: 'iui-select-tag-label' }, label)));
 };
 export default SelectTag;

package/esm/core/SideNavigation/SideNavigation.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.
@@ -44,31 +22,27 @@ import '@itwin/itwinui-css/css/side-navigation.css';
  *   ]}
  * />
  */
-export var SideNavigation = function (props) {
-    var items = props.items, secondaryItems = props.secondaryItems, _a = props.expanderPlacement, expanderPlacement = _a === void 0 ? 'top' : _a, className = props.className, _b = props.isExpanded, isExpanded = _b === void 0 ? false : _b, onExpanderClick = props.onExpanderClick, submenu = props.submenu, _c = props.isSubmenuOpen, isSubmenuOpen = _c === void 0 ? false : _c, rest = __rest(props, ["items", "secondaryItems", "expanderPlacement", "className", "isExpanded", "onExpanderClick", "submenu", "isSubmenuOpen"]);
+export const SideNavigation = (props) => {
+    const { items, secondaryItems, expanderPlacement = 'top', className, isExpanded = false, onExpanderClick, submenu, isSubmenuOpen = false, ...rest } = props;
     useTheme();
-    var _d = React.useState(isExpanded), _isExpanded = _d[0], _setIsExpanded = _d[1];
-    React.useEffect(function () {
+    const [_isExpanded, _setIsExpanded] = React.useState(isExpanded);
+    React.useEffect(() => {
         _setIsExpanded(isExpanded);
     }, [isExpanded]);
-    var ExpandButton = (React.createElement(IconButton, { className: 'iui-sidenav-button iui-expand', onClick: React.useCallback(function () {
-            _setIsExpanded(function (expanded) { return !expanded; });
+    const ExpandButton = (React.createElement(IconButton, { className: 'iui-sidenav-button iui-expand', onClick: React.useCallback(() => {
+            _setIsExpanded((expanded) => !expanded);
             onExpanderClick === null || onExpanderClick === void 0 ? void 0 : onExpanderClick();
         }, [onExpanderClick]) },
         React.createElement(SvgChevronRight, null)));
-    return (React.createElement("div", __assign({ className: cx('iui-side-navigation-wrapper', className) }, rest),
+    return (React.createElement("div", { className: cx('iui-side-navigation-wrapper', className), ...rest },
         React.createElement("div", { className: cx('iui-side-navigation', {
                 'iui-expanded': _isExpanded,
                 'iui-collapsed': !_isExpanded,
             }) },
             expanderPlacement === 'top' && ExpandButton,
             React.createElement("div", { className: 'iui-sidenav-content' },
-                React.createElement("div", { className: 'iui-top' }, items.map(function (sidenavButton, index) {
-                    return !_isExpanded ? (React.createElement(Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton);
-                })),
-                React.createElement("div", { className: 'iui-bottom' }, secondaryItems === null || secondaryItems === void 0 ? void 0 : secondaryItems.map(function (sidenavButton, index) {
-                    return !_isExpanded ? (React.createElement(Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton);
-                }))),
+                React.createElement("div", { className: 'iui-top' }, items.map((sidenavButton, index) => !_isExpanded ? (React.createElement(Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton))),
+                React.createElement("div", { className: 'iui-bottom' }, secondaryItems === null || secondaryItems === void 0 ? void 0 : secondaryItems.map((sidenavButton, index) => !_isExpanded ? (React.createElement(Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton)))),
             expanderPlacement === 'bottom' && ExpandButton),
         submenu && (React.createElement(WithCSSTransition, { in: isSubmenuOpen, dimension: 'width', timeout: 200, classNames: 'iui' }, submenu))));
 };

package/esm/core/SideNavigation/SidenavButton.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';
@@ -33,11 +11,11 @@ import '@itwin/itwinui-css/css/side-navigation.css';
  * Wrapper around Button to be used as SideNavigation items.
  * Label is hidden when sidenav is collapsed.
  */
-export var SidenavButton = React.forwardRef(function (props, ref) {
-    var className = props.className, children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.isSubmenuOpen, isSubmenuOpen = _c === void 0 ? false : _c, rest = __rest(props, ["className", "children", "isActive", "disabled", "isSubmenuOpen"]);
+export const SidenavButton = React.forwardRef((props, ref) => {
+    const { className, children, isActive = false, disabled = false, isSubmenuOpen = false, ...rest } = props;
     useTheme();
-    return (React.createElement(Button, __assign({ className: cx('iui-sidenav-button', {
+    return (React.createElement(Button, { className: cx('iui-sidenav-button', {
             'iui-submenu-open': isSubmenuOpen,
-        }, className), "data-iui-active": isActive, size: 'large', disabled: disabled, ref: ref }, rest), children));
+        }, className), "data-iui-active": isActive, size: 'large', disabled: disabled, ref: ref, ...rest }, children));
 });
 export default SidenavButton;

package/esm/core/SideNavigation/SidenavSubmenu.js

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

package/esm/core/SideNavigation/SidenavSubmenuHeader.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/side-navigation.css';
  *   <span>Documents</span>
  * </SidenavSubmenuHeader>
  */
-export var SidenavSubmenuHeader = function (props) {
-    var children = props.children, actions = props.actions, className = props.className, rest = __rest(props, ["children", "actions", "className"]);
+export const SidenavSubmenuHeader = (props) => {
+    const { children, actions, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-side-navigation-submenu-header', className) }, rest),
+    return (React.createElement("div", { className: cx('iui-side-navigation-submenu-header', className), ...rest },
         React.createElement("div", { className: 'iui-side-navigation-submenu-header-label' }, children),
         actions && (React.createElement("div", { className: 'iui-side-navigation-submenu-header-actions' }, actions))));
 };

package/esm/core/SkipToContentLink/SkipToContentLink.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -36,9 +14,9 @@ import '@itwin/itwinui-css/css/skip-to-content.css';
  * <body><SkipToContentLink href='#main-content-id' /> ... </body>
  * <body><SkipToContentLink href='#main-content-id'>{localizedLabel}</SkipToContentLink> ... </body>
  */
-export var SkipToContentLink = React.forwardRef(function (props, ref) {
-    var _a = props.children, children = _a === void 0 ? 'Skip to main content' : _a, className = props.className, rest = __rest(props, ["children", "className"]);
+export const SkipToContentLink = React.forwardRef((props, ref) => {
+    const { children = 'Skip to main content', className, ...rest } = props;
     useTheme();
-    return (React.createElement("a", __assign({ ref: ref, className: cx('iui-skip-to-content-link', className) }, rest), children));
+    return (React.createElement("a", { ref: ref, className: cx('iui-skip-to-content-link', className), ...rest }, children));
 });
 export default SkipToContentLink;