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

package/cjs/core/Fieldset/Fieldset.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,9 +8,9 @@ exports.Fieldset = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/fieldset.css");
 /**
  * Fieldset component to group several inputs, controls and labels within a form.
@@ -45,17 +23,15 @@ require("@itwin/itwinui-css/css/fieldset.css");
  *   </InputGroup>
  * </Fieldset>
  */
-var Fieldset = function (props) {
-    var children = props.children, className = props.className, disabled = props.disabled, legend = props.legend, rest = __rest(props, ["children", "className", "disabled", "legend"]);
+const Fieldset = (props) => {
+    const { children, className, disabled, legend, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("fieldset", __assign({ className: (0, classnames_1.default)('iui-fieldset', className), disabled: disabled }, rest),
+    return (react_1.default.createElement("fieldset", { className: (0, classnames_1.default)('iui-fieldset', className), disabled: disabled, ...rest },
         legend && react_1.default.createElement("legend", null, legend),
         disabled
-            ? react_1.default.Children.map(children, function (child) {
-                return react_1.default.isValidElement(child)
-                    ? react_1.default.cloneElement(child, { disabled: true })
-                    : child;
-            })
+            ? react_1.default.Children.map(children, (child) => react_1.default.isValidElement(child)
+                ? react_1.default.cloneElement(child, { disabled: true })
+                : child)
             : children));
 };
 exports.Fieldset = Fieldset;

package/cjs/core/FileUpload/FileUpload.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,9 +8,9 @@ exports.FileUpload = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/file-upload.css");
 /**
  * File upload component to be wrapped around `FileUploadTemplate` or any arbitrary component.
@@ -41,17 +19,17 @@ require("@itwin/itwinui-css/css/file-upload.css");
  * <FileUpload onFileDropped={console.log}><FileUploadTemplate /></FileUpload>
  * <FileUpload dragContent='Drop file here' onFileDropped={console.log}><Textarea /></FileUpload>
  */
-exports.FileUpload = react_1.default.forwardRef(function (props, ref) {
-    var dragContent = props.dragContent, children = props.children, onFileDropped = props.onFileDropped, className = props.className, rest = __rest(props, ["dragContent", "children", "onFileDropped", "className"]);
+exports.FileUpload = react_1.default.forwardRef((props, ref) => {
+    const { dragContent, children, onFileDropped, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    var _a = react_1.default.useState(false), isDragActive = _a[0], setIsDragActive = _a[1];
-    var fileUploadRef = react_1.default.useRef(null);
-    var refs = (0, utils_1.useMergedRefs)(fileUploadRef, ref);
-    var onDragOverHandler = function (e) {
+    const [isDragActive, setIsDragActive] = react_1.default.useState(false);
+    const fileUploadRef = react_1.default.useRef(null);
+    const refs = (0, utils_1.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();
@@ -60,7 +38,7 @@ exports.FileUpload = react_1.default.forwardRef(function (props, ref) {
             setIsDragActive(true);
         }
     };
-    var onDragLeaveHandler = function (e) {
+    const onDragLeaveHandler = (e) => {
         var _a;
         e.preventDefault();
         e.stopPropagation();
@@ -70,7 +48,7 @@ exports.FileUpload = react_1.default.forwardRef(function (props, ref) {
             setIsDragActive(false);
         }
     };
-    var onDropHandler = function (e) {
+    const onDropHandler = (e) => {
         var _a;
         e.preventDefault();
         e.stopPropagation();
@@ -79,7 +57,7 @@ exports.FileUpload = react_1.default.forwardRef(function (props, ref) {
             onFileDropped((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files);
         }
     };
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs }, rest),
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs, ...rest },
         dragContent ? children : react_1.default.createElement("div", { className: 'iui-content' }, children),
         dragContent && react_1.default.createElement("div", { className: 'iui-content' }, dragContent)));
 });

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -8,8 +8,8 @@ exports.FileUploadTemplate = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/file-upload.css");
 /**
  * Default template to be used with the `FileUpload` wrapper component.
@@ -17,8 +17,8 @@ require("@itwin/itwinui-css/css/file-upload.css");
  * @example
  * <FileUploadTemplate onChange={(e) => console.log(e.target.files)} />
  */
-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;
+const FileUploadTemplate = (props) => {
+    const { onChange, acceptMultiple = true, acceptType, label = 'Choose a file', subtitle = 'or drag & drop it here.', children, } = props;
     (0, utils_1.useTheme)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(utils_1.SvgUpload, { className: 'iui-icon', "aria-hidden": true }),

package/cjs/core/Footer/Footer.js

@@ -1,35 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __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));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -39,14 +8,14 @@ exports.Footer = exports.defaultFooterElements = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/footer.css");
-var FooterItem_1 = require("./FooterItem");
-var FooterSeparator_1 = require("./FooterSeparator");
-var FooterList_1 = require("./FooterList");
-var footerTranslations = {
+const FooterItem_1 = require("./FooterItem");
+const FooterSeparator_1 = require("./FooterSeparator");
+const FooterList_1 = require("./FooterList");
+const footerTranslations = {
     cookies: 'Cookies',
     legalNotices: 'Legal notices',
     privacy: 'Privacy',
@@ -56,7 +25,7 @@ var footerTranslations = {
 exports.defaultFooterElements = [
     {
         key: 'copyright',
-        title: "\u00A9 ".concat(new Date().getFullYear(), " Bentley Systems, Incorporated"),
+        title: `© ${new Date().getFullYear()} Bentley Systems, Incorporated`,
     },
     {
         key: 'termsOfService',
@@ -97,26 +66,29 @@ exports.defaultFooterElements = [
  * @example <caption>Changing a url</caption>
  * <Footer customElements={(defaultElements) => defaultElements.map(element => ({ ...element, url: element.key === 'privacy' ? customPrivacyUrl : element.url }))} />
  */
-exports.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"]);
+exports.Footer = Object.assign((props) => {
+    const { children, customElements, translatedTitles, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    var titles = __assign(__assign({}, footerTranslations), translatedTitles);
-    var translatedElements = exports.defaultFooterElements.map(function (element) {
+    const titles = { ...footerTranslations, ...translatedTitles };
+    const translatedElements = exports.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_1.default.createElement("footer", __assign({ className: (0, classnames_1.default)('iui-legal-footer', className) }, rest), children ? (children) : (react_1.default.createElement(FooterList_1.FooterList, null, elements.map(function (element, index) {
-        return (react_1.default.createElement(react_1.default.Fragment, { key: element.key || "".concat(element.title, "-").concat(index) },
+    return (react_1.default.createElement("footer", { className: (0, classnames_1.default)('iui-legal-footer', className), ...rest }, children ? (children) : (react_1.default.createElement(FooterList_1.FooterList, null, elements.map((element, index) => {
+        return (react_1.default.createElement(react_1.default.Fragment, { key: element.key || `${element.title}-${index}` },
             index > 0 && react_1.default.createElement(FooterSeparator_1.FooterSeparator, null),
             react_1.default.createElement(FooterItem_1.FooterItem, null, element.url ? (react_1.default.createElement("a", { href: element.url, target: '_blank', rel: 'noreferrer' }, element.title)) : (element.title))));
     })))));

package/cjs/core/Footer/FooterItem.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,17 +8,17 @@ exports.FooterItem = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */
-var FooterItem = function (props) {
-    var children = props.children, className = props.className, rest = __rest(props, ["children", "className"]);
+const FooterItem = (props) => {
+    const { children, className, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", __assign({ className: (0, classnames_1.default)('iui-legal-footer-item', className) }, rest), children));
+    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-item', className), ...rest }, children));
 };
 exports.FooterItem = FooterItem;
 exports.default = exports.FooterItem;

package/cjs/core/Footer/FooterList.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,17 +8,17 @@ exports.FooterList = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */
-var FooterList = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+const FooterList = (props) => {
+    const { className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("ul", __assign({ className: (0, classnames_1.default)('iui-legal-footer-list', className) }, rest), children));
+    return (react_1.default.createElement("ul", { className: (0, classnames_1.default)('iui-legal-footer-list', className), ...rest }, children));
 };
 exports.FooterList = FooterList;
 exports.default = exports.FooterList;

package/cjs/core/Footer/FooterSeparator.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,17 +8,17 @@ exports.FooterSeparator = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */
-var FooterSeparator = function (props) {
-    var className = props.className, rest = __rest(props, ["className"]);
+const FooterSeparator = (props) => {
+    const { className, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", __assign({ className: (0, classnames_1.default)('iui-legal-footer-separator', className), "aria-hidden": true }, rest)));
+    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-separator', className), "aria-hidden": true, ...rest }));
 };
 exports.FooterSeparator = FooterSeparator;
 exports.default = exports.FooterSeparator;

package/cjs/core/Header/Header.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,13 +8,13 @@ exports.Header = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var Buttons_1 = require("../Buttons");
-var utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const Buttons_1 = require("../Buttons");
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/header.css");
-var DropdownMenu_1 = require("../DropdownMenu");
-var defaultTranslations = {
+const DropdownMenu_1 = require("../DropdownMenu");
+const defaultTranslations = {
     moreOptions: 'More options',
 };
 /**
@@ -66,11 +44,11 @@ var defaultTranslations = {
  *  isSlim
  * />
  */
-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"]);
+const Header = (props) => {
+    const { appLogo, breadcrumbs, isSlim = false, actions, userIcon, menuItems, translatedStrings, className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    var headerTranslations = __assign(__assign({}, defaultTranslations), translatedStrings);
-    return (react_1.default.createElement("header", __assign({ className: (0, classnames_1.default)('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined }, rest),
+    const headerTranslations = { ...defaultTranslations, ...translatedStrings };
+    return (react_1.default.createElement("header", { className: (0, classnames_1.default)('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined, ...rest },
         react_1.default.createElement("div", { className: 'iui-page-header-left' },
             appLogo,
             breadcrumbs && react_1.default.createElement("div", { className: 'iui-page-header-divider' }),

package/cjs/core/Header/HeaderBasicButton.js

@@ -1,26 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,15 +8,15 @@ exports.HeaderBasicButton = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-exports.HeaderBasicButton = react_1.default.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"]);
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+exports.HeaderBasicButton = react_1.default.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.
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Element, __assign({ className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style }, rest),
+    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style, ...rest },
         startIcon &&
             react_1.default.cloneElement(startIcon, {
                 className: startIcon.props.className,

package/cjs/core/Header/HeaderBreadcrumbs.js

@@ -1,35 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __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));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -39,8 +8,8 @@ exports.HeaderBreadcrumbs = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
 require("@itwin/itwinui-css/css/header.css");
 /**
  * Header breadcrumbs, adds chevron between each provided items.
@@ -52,15 +21,16 @@ require("@itwin/itwinui-css/css/header.css");
  *   ]}
  * />
  */
-var HeaderBreadcrumbs = function (props) {
-    var items = props.items, rest = __rest(props, ["items"]);
+const HeaderBreadcrumbs = (props) => {
+    const { items, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("nav", __assign({ "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs' }, rest),
-        react_1.default.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce(function (previous, current, index) { return __spreadArray(__spreadArray([], previous, true), [
+    return (react_1.default.createElement("nav", { "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs', ...rest },
+        react_1.default.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce((previous, current, index) => [
+            ...previous,
             current,
             index !== items.length - 1 && (react_1.default.createElement("li", { className: 'iui-breadcrumbs-separator', key: index },
-                react_1.default.createElement(utils_1.SvgChevronRight, { key: "chevron".concat(index), "aria-hidden": true, className: 'iui-chevron' }))),
-        ], false); }, []))));
+                react_1.default.createElement(utils_1.SvgChevronRight, { key: `chevron${index}`, "aria-hidden": true, className: 'iui-chevron' }))),
+        ], []))));
 };
 exports.HeaderBreadcrumbs = HeaderBreadcrumbs;
 exports.default = exports.HeaderBreadcrumbs;