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

package/esm/core/ExpandableBlock/ExpandableBlock.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,31 +15,31 @@ import '@itwin/itwinui-css/css/expandable-block.css';
  * <ExpandableBlock title='Positive status' status='positive'>Content</ExpandableBlock>
  * <ExpandableBlock title='Block with icon' endIcon={<SvgPlaceholder />}>Content</ExpandableBlock>
  */
-export var ExpandableBlock = function (props) {
-    var caption = props.caption, children = props.children, className = props.className, title = props.title, onToggle = props.onToggle, style = props.style, _a = props.isExpanded, isExpanded = _a === void 0 ? false : _a, endIcon = props.endIcon, status = props.status, _b = props.size, size = _b === void 0 ? 'default' : _b, _c = props.styleType, styleType = _c === void 0 ? 'default' : _c, rest = __rest(props, ["caption", "children", "className", "title", "onToggle", "style", "isExpanded", "endIcon", "status", "size", "styleType"]);
+export const ExpandableBlock = (props) => {
+    const { caption, children, className, title, onToggle, style, isExpanded = false, endIcon, status, size = 'default', styleType = 'default', ...rest } = props;
     useTheme();
-    var icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && StatusIconMap[status]());
-    var _d = React.useState(isExpanded), expanded = _d[0], setExpanded = _d[1];
-    React.useEffect(function () {
+    const icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && StatusIconMap[status]());
+    const [expanded, setExpanded] = React.useState(isExpanded);
+    React.useEffect(() => {
         setExpanded(isExpanded);
     }, [isExpanded]);
-    var handleToggle = function () {
+    const handleToggle = () => {
         setExpanded(!expanded);
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded);
     };
-    var onKeyDown = function (event) {
+    const onKeyDown = (event) => {
         if (event.key === 'Enter' ||
             event.key === ' ' ||
             event.key === 'Spacebar') {
             handleToggle();
         }
     };
-    return (React.createElement("div", __assign({ className: cx('iui-expandable-block', {
+    return (React.createElement("div", { className: cx('iui-expandable-block', {
             'iui-with-caption': !!caption,
             'iui-expanded': expanded,
             'iui-small': size === 'small',
             'iui-borderless': styleType === 'borderless',
-        }, className), style: style }, rest),
+        }, className), style: style, ...rest },
         React.createElement("div", { "aria-expanded": expanded, className: 'iui-header', tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
             React.createElement(SvgChevronRight, { className: 'iui-icon', "aria-hidden": true }),
             React.createElement("span", { className: 'iui-expandable-block-label' },

package/esm/core/Fieldset/Fieldset.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.
@@ -39,17 +17,15 @@ import '@itwin/itwinui-css/css/fieldset.css';
  *   </InputGroup>
  * </Fieldset>
  */
-export var Fieldset = function (props) {
-    var children = props.children, className = props.className, disabled = props.disabled, legend = props.legend, rest = __rest(props, ["children", "className", "disabled", "legend"]);
+export const Fieldset = (props) => {
+    const { children, className, disabled, legend, ...rest } = props;
     useTheme();
-    return (React.createElement("fieldset", __assign({ className: cx('iui-fieldset', className), disabled: disabled }, rest),
+    return (React.createElement("fieldset", { className: cx('iui-fieldset', className), disabled: disabled, ...rest },
         legend && React.createElement("legend", null, legend),
         disabled
-            ? React.Children.map(children, function (child) {
-                return React.isValidElement(child)
-                    ? React.cloneElement(child, { disabled: true })
-                    : child;
-            })
+            ? React.Children.map(children, (child) => React.isValidElement(child)
+                ? React.cloneElement(child, { disabled: true })
+                : child)
             : children));
 };
 export default Fieldset;

package/esm/core/FileUpload/FileUpload.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,17 +13,17 @@ import '@itwin/itwinui-css/css/file-upload.css';
  * <FileUpload onFileDropped={console.log}><FileUploadTemplate /></FileUpload>
  * <FileUpload dragContent='Drop file here' onFileDropped={console.log}><Textarea /></FileUpload>
  */
-export var FileUpload = React.forwardRef(function (props, ref) {
-    var dragContent = props.dragContent, children = props.children, onFileDropped = props.onFileDropped, className = props.className, rest = __rest(props, ["dragContent", "children", "onFileDropped", "className"]);
+export const FileUpload = React.forwardRef((props, ref) => {
+    const { dragContent, children, onFileDropped, className, ...rest } = props;
     useTheme();
-    var _a = React.useState(false), isDragActive = _a[0], setIsDragActive = _a[1];
-    var fileUploadRef = React.useRef(null);
-    var refs = useMergedRefs(fileUploadRef, ref);
-    var onDragOverHandler = function (e) {
+    const [isDragActive, setIsDragActive] = React.useState(false);
+    const fileUploadRef = React.useRef(null);
+    const refs = useMergedRefs(fileUploadRef, ref);
+    const onDragOverHandler = (e) => {
         e.preventDefault();
         e.stopPropagation();
     };
-    var onDragEnterHandler = function (e) {
+    const onDragEnterHandler = (e) => {
         var _a, _b, _c;
         e.preventDefault();
         e.stopPropagation();
@@ -54,7 +32,7 @@ export var FileUpload = React.forwardRef(function (props, ref) {
             setIsDragActive(true);
         }
     };
-    var onDragLeaveHandler = function (e) {
+    const onDragLeaveHandler = (e) => {
         var _a;
         e.preventDefault();
         e.stopPropagation();
@@ -64,7 +42,7 @@ export var FileUpload = React.forwardRef(function (props, ref) {
             setIsDragActive(false);
         }
     };
-    var onDropHandler = function (e) {
+    const onDropHandler = (e) => {
         var _a;
         e.preventDefault();
         e.stopPropagation();
@@ -73,7 +51,7 @@ export var FileUpload = React.forwardRef(function (props, ref) {
             onFileDropped((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files);
         }
     };
-    return (React.createElement("div", __assign({ className: cx('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs }, rest),
+    return (React.createElement("div", { className: cx('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs, ...rest },
         dragContent ? children : React.createElement("div", { className: 'iui-content' }, children),
         dragContent && React.createElement("div", { className: 'iui-content' }, dragContent)));
 });

package/esm/core/FileUpload/FileUploadTemplate.js

@@ -11,8 +11,8 @@ import '@itwin/itwinui-css/css/file-upload.css';
  * @example
  * <FileUploadTemplate onChange={(e) => console.log(e.target.files)} />
  */
-export var FileUploadTemplate = function (props) {
-    var onChange = props.onChange, _a = props.acceptMultiple, acceptMultiple = _a === void 0 ? true : _a, acceptType = props.acceptType, _b = props.label, label = _b === void 0 ? 'Choose a file' : _b, _c = props.subtitle, subtitle = _c === void 0 ? 'or drag & drop it here.' : _c, children = props.children;
+export const FileUploadTemplate = (props) => {
+    const { onChange, acceptMultiple = true, acceptType, label = 'Choose a file', subtitle = 'or drag & drop it here.', children, } = props;
     useTheme();
     return (React.createElement(React.Fragment, null,
         React.createElement(SvgUpload, { className: 'iui-icon', "aria-hidden": true }),

package/esm/core/Footer/Footer.js

@@ -1,34 +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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -40,17 +9,17 @@ import '@itwin/itwinui-css/css/footer.css';
 import { FooterItem } from './FooterItem';
 import { FooterSeparator } from './FooterSeparator';
 import { FooterList } from './FooterList';
-var footerTranslations = {
+const footerTranslations = {
     cookies: 'Cookies',
     legalNotices: 'Legal notices',
     privacy: 'Privacy',
     termsOfService: 'Terms of service',
     termsOfUse: 'Terms of use',
 };
-export var defaultFooterElements = [
+export const defaultFooterElements = [
     {
         key: 'copyright',
-        title: "\u00A9 ".concat(new Date().getFullYear(), " Bentley Systems, Incorporated"),
+        title: `© ${new Date().getFullYear()} Bentley Systems, Incorporated`,
     },
     {
         key: 'termsOfService',
@@ -91,26 +60,29 @@ export var defaultFooterElements = [
  * @example <caption>Changing a url</caption>
  * <Footer customElements={(defaultElements) => defaultElements.map(element => ({ ...element, url: element.key === 'privacy' ? customPrivacyUrl : element.url }))} />
  */
-export var Footer = Object.assign(function (props) {
-    var children = props.children, customElements = props.customElements, translatedTitles = props.translatedTitles, className = props.className, rest = __rest(props, ["children", "customElements", "translatedTitles", "className"]);
+export const Footer = Object.assign((props) => {
+    const { children, customElements, translatedTitles, className, ...rest } = props;
     useTheme();
-    var titles = __assign(__assign({}, footerTranslations), translatedTitles);
-    var translatedElements = defaultFooterElements.map(function (element) {
+    const titles = { ...footerTranslations, ...translatedTitles };
+    const translatedElements = defaultFooterElements.map((element) => {
         if (element.key && titles.hasOwnProperty(element.key)) {
-            var key = element.key;
-            return __assign(__assign({}, element), { title: titles[key] });
+            const key = element.key;
+            return {
+                ...element,
+                title: titles[key],
+            };
         }
         return element;
     });
-    var elements = translatedElements;
+    let elements = translatedElements;
     if (customElements) {
         elements =
             typeof customElements === 'function'
                 ? customElements(translatedElements)
-                : __spreadArray(__spreadArray([], translatedElements, true), customElements, true);
+                : [...translatedElements, ...customElements];
     }
-    return (React.createElement("footer", __assign({ className: cx('iui-legal-footer', className) }, rest), children ? (children) : (React.createElement(FooterList, null, elements.map(function (element, index) {
-        return (React.createElement(React.Fragment, { key: element.key || "".concat(element.title, "-").concat(index) },
+    return (React.createElement("footer", { className: cx('iui-legal-footer', className), ...rest }, children ? (children) : (React.createElement(FooterList, null, elements.map((element, index) => {
+        return (React.createElement(React.Fragment, { key: element.key || `${element.title}-${index}` },
             index > 0 && React.createElement(FooterSeparator, null),
             React.createElement(FooterItem, null, element.url ? (React.createElement("a", { href: element.url, target: '_blank', rel: 'noreferrer' }, element.title)) : (element.title))));
     })))));

package/esm/core/Footer/FooterItem.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/footer.css';
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */
-export var FooterItem = function (props) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+export const FooterItem = (props) => {
+    const { children, className, ...rest } = props;
     useTheme();
-    return (React.createElement("li", __assign({ className: cx('iui-legal-footer-item', className) }, rest), children));
+    return (React.createElement("li", { className: cx('iui-legal-footer-item', className), ...rest }, children));
 };
 export default FooterItem;

package/esm/core/Footer/FooterList.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/footer.css';
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */
-export var FooterList = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+export const FooterList = (props) => {
+    const { className, children, ...rest } = props;
     useTheme();
-    return (React.createElement("ul", __assign({ className: cx('iui-legal-footer-list', className) }, rest), children));
+    return (React.createElement("ul", { className: cx('iui-legal-footer-list', className), ...rest }, children));
 };
 export default FooterList;

package/esm/core/Footer/FooterSeparator.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/footer.css';
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */
-export var FooterSeparator = function (props) {
-    var className = props.className, rest = __rest(props, ["className"]);
+export const FooterSeparator = (props) => {
+    const { className, ...rest } = props;
     useTheme();
-    return (React.createElement("li", __assign({ className: cx('iui-legal-footer-separator', className), "aria-hidden": true }, rest)));
+    return (React.createElement("li", { className: cx('iui-legal-footer-separator', className), "aria-hidden": true, ...rest }));
 };
 export default FooterSeparator;

package/esm/core/Header/Header.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.
@@ -30,7 +8,7 @@ import { IconButton } from '../Buttons';
 import { useTheme, SvgMoreVertical } from '../utils';
 import '@itwin/itwinui-css/css/header.css';
 import { DropdownMenu } from '../DropdownMenu';
-var defaultTranslations = {
+const defaultTranslations = {
     moreOptions: 'More options',
 };
 /**
@@ -60,11 +38,11 @@ var defaultTranslations = {
  *  isSlim
  * />
  */
-export var Header = function (props) {
-    var appLogo = props.appLogo, breadcrumbs = props.breadcrumbs, _a = props.isSlim, isSlim = _a === void 0 ? false : _a, actions = props.actions, userIcon = props.userIcon, menuItems = props.menuItems, translatedStrings = props.translatedStrings, className = props.className, children = props.children, rest = __rest(props, ["appLogo", "breadcrumbs", "isSlim", "actions", "userIcon", "menuItems", "translatedStrings", "className", "children"]);
+export const Header = (props) => {
+    const { appLogo, breadcrumbs, isSlim = false, actions, userIcon, menuItems, translatedStrings, className, children, ...rest } = props;
     useTheme();
-    var headerTranslations = __assign(__assign({}, defaultTranslations), translatedStrings);
-    return (React.createElement("header", __assign({ className: cx('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined }, rest),
+    const headerTranslations = { ...defaultTranslations, ...translatedStrings };
+    return (React.createElement("header", { className: cx('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined, ...rest },
         React.createElement("div", { className: 'iui-page-header-left' },
             appLogo,
             breadcrumbs && React.createElement("div", { className: 'iui-page-header-divider' }),

package/esm/core/Header/HeaderBasicButton.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.
@@ -27,12 +5,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cx from 'classnames';
 import React from 'react';
 import { useTheme } from '../utils';
-export var HeaderBasicButton = React.forwardRef(function (props, ref) {
-    var onClick = props.onClick, className = props.className, children = props.children, style = props.style, _a = props.type, type = _a === void 0 ? 'button' : _a, startIcon = props.startIcon, endIcon = props.endIcon, _b = props.as, Element = _b === void 0 ? 'button' : _b, styleType = props.styleType, size = props.size, rest = __rest(props, ["onClick", "className", "children", "style", "type", "startIcon", "endIcon", "as", "styleType", "size"]);
+export const HeaderBasicButton = React.forwardRef((props, ref) => {
+    const { onClick, className, children, style, type = 'button', startIcon, endIcon, as: Element = 'button', styleType, size, ...rest } = props;
     styleType; // To omit and prevent eslint error.
     size; // To omit and prevent eslint error.
     useTheme();
-    return (React.createElement(Element, __assign({ className: cx('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style }, rest),
+    return (React.createElement(Element, { className: cx('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style, ...rest },
         startIcon &&
             React.cloneElement(startIcon, {
                 className: startIcon.props.className,

package/esm/core/Header/HeaderBreadcrumbs.js

@@ -1,34 +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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -46,14 +15,15 @@ import '@itwin/itwinui-css/css/header.css';
  *   ]}
  * />
  */
-export var HeaderBreadcrumbs = function (props) {
-    var items = props.items, rest = __rest(props, ["items"]);
+export const HeaderBreadcrumbs = (props) => {
+    const { items, ...rest } = props;
     useTheme();
-    return (React.createElement("nav", __assign({ "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs' }, rest),
-        React.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce(function (previous, current, index) { return __spreadArray(__spreadArray([], previous, true), [
+    return (React.createElement("nav", { "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs', ...rest },
+        React.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce((previous, current, index) => [
+            ...previous,
             current,
             index !== items.length - 1 && (React.createElement("li", { className: 'iui-breadcrumbs-separator', key: index },
-                React.createElement(SvgChevronRight, { key: "chevron".concat(index), "aria-hidden": true, className: 'iui-chevron' }))),
-        ], false); }, []))));
+                React.createElement(SvgChevronRight, { key: `chevron${index}`, "aria-hidden": true, className: 'iui-chevron' }))),
+        ], []))));
 };
 export default HeaderBreadcrumbs;