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

package/esm/core/Toast/Toast.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,7 +5,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Transition } from 'react-transition-group';
 import cx from 'classnames';
-import { useTheme, getWindow, StatusIconMap, SvgCloseSmall, } from '../utils';
+import { getWindow, StatusIconMap, SvgCloseSmall } from '../utils';
 import '@itwin/itwinui-css/css/toast.css';
 import { IconButton } from '../Buttons';
 /**
@@ -38,90 +16,92 @@ import { IconButton } from '../Buttons';
  * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
  * <Toast type='persisting' content='Job processing error.' category='negative' />
  */
-export var Toast = function (props) {
-    var content = props.content, category = props.category, _a = props.type, type = _a === void 0 ? 'temporary' : _a, isVisible = props.isVisible, link = props.link, _b = props.duration, duration = _b === void 0 ? 7000 : _b, hasCloseButton = props.hasCloseButton, onRemove = props.onRemove, animateOutTo = props.animateOutTo, _c = props.placementPosition, placementPosition = _c === void 0 ? 'top' : _c;
-    useTheme();
-    var closeTimeout = React.useRef(0);
-    var _d = React.useState(isVisible), visible = _d[0], setVisible = _d[1];
-    var _e = React.useState(0), height = _e[0], setHeight = _e[1];
-    var thisElement = React.useRef(null);
-    var _f = React.useState(0), margin = _f[0], setMargin = _f[1];
-    var marginStyle = function () {
+export const Toast = (props) => {
+    const { content, category, type = 'temporary', isVisible, link, duration = 7000, hasCloseButton, onRemove, animateOutTo, placementPosition = 'top', } = props;
+    const closeTimeout = React.useRef(0);
+    const [visible, setVisible] = React.useState(isVisible);
+    const [height, setHeight] = React.useState(0);
+    const thisElement = React.useRef(null);
+    const [margin, setMargin] = React.useState(0);
+    const marginStyle = () => {
         if (placementPosition === 'top') {
             return { marginBottom: margin };
         }
         return { marginTop: margin };
     };
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (type === 'temporary') {
             setCloseTimeout(duration);
         }
-        return function () {
+        return () => {
             clearCloseTimeout();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [duration, type]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         setVisible(isVisible);
     }, [isVisible]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.
         // Close all and close on toasts with no anchor.
         if (!isVisible && !animateOutTo) {
             setMargin(-height);
         }
     }, [isVisible, animateOutTo, setMargin, height]);
-    var close = function () {
+    const close = () => {
         clearCloseTimeout();
         // move element up when this element is closed.
         setMargin(-height);
         setVisible(false);
     };
-    var setCloseTimeout = function (timeout) {
-        var definedWindow = getWindow();
+    const setCloseTimeout = (timeout) => {
+        const definedWindow = getWindow();
         if (!definedWindow) {
             return;
         }
-        closeTimeout.current = definedWindow.setTimeout(function () {
+        closeTimeout.current = definedWindow.setTimeout(() => {
             close();
         }, timeout);
     };
-    var clearCloseTimeout = function () {
+    const clearCloseTimeout = () => {
         var _a;
         (_a = getWindow()) === null || _a === void 0 ? void 0 : _a.clearTimeout(closeTimeout.current);
     };
-    var onRef = function (ref) {
+    const onRef = (ref) => {
         if (ref) {
-            var height_1 = ref.getBoundingClientRect().height;
-            setHeight(height_1);
+            const { height } = ref.getBoundingClientRect();
+            setHeight(height);
         }
     };
-    var calculateOutAnimation = function (node) {
+    const calculateOutAnimation = (node) => {
         // calculation translate x and y pixels.
-        var translateX = 0;
-        var translateY = 0;
+        let translateX = 0;
+        let translateY = 0;
         if (animateOutTo && node) {
-            var _a = node.getBoundingClientRect(), startX = _a.x, startY = _a.y; // current element
-            var _b = animateOutTo.getBoundingClientRect(), endX = _b.x, endY = _b.y; // anchor point
+            const { x: startX, y: startY } = node.getBoundingClientRect(); // current element
+            const { x: endX, y: endY } = animateOutTo.getBoundingClientRect(); // anchor point
             translateX = endX - startX;
             translateY = endY - startY;
         }
-        return { translateX: translateX, translateY: translateY };
+        return { translateX, translateY };
     };
-    return (React.createElement(Transition, { timeout: { enter: 240, exit: animateOutTo ? 400 : 120 }, in: visible, appear: true, unmountOnExit: true, onEnter: function (node) {
+    return (React.createElement(Transition, { timeout: { enter: 240, exit: animateOutTo ? 400 : 120 }, in: visible, appear: true, unmountOnExit: true, onEnter: (node) => {
             node.style.transform = 'translateY(15%)';
             node.style.transitionTimingFunction = 'ease';
-        }, onEntered: function (node) {
+        }, onEntered: (node) => {
             node.style.transform = 'translateY(0)';
-        }, onExiting: function (node) {
-            var _a = calculateOutAnimation(node), translateX = _a.translateX, translateY = _a.translateY;
+        }, onExiting: (node) => {
+            const { translateX, translateY } = calculateOutAnimation(node);
             node.style.transform = animateOutTo
-                ? "scale(0.9) translate(".concat(translateX, "px,").concat(translateY, "px)")
-                : "scale(0.9)";
+                ? `scale(0.9) translate(${translateX}px,${translateY}px)`
+                : `scale(0.9)`;
             node.style.opacity = '0';
             node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
             node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
-        }, onExited: onRemove }, React.createElement("div", { ref: thisElement, className: 'iui-toast-all', style: __assign({ height: height }, marginStyle()) },
+        }, onExited: onRemove }, React.createElement("div", { ref: thisElement, className: 'iui-toast-all', style: {
+            height,
+            ...marginStyle(),
+        } },
         React.createElement("div", { ref: onRef },
             React.createElement(ToastPresentation, { category: category, content: content, link: link, type: type, hasCloseButton: hasCloseButton, onClose: close })))));
 };
@@ -129,10 +109,10 @@ export var Toast = function (props) {
  * The presentational part of a toast, without any animation or logic.
  * @private
  */
-export var ToastPresentation = function (props) {
-    var content = props.content, category = props.category, _a = props.type, type = _a === void 0 ? 'temporary' : _a, link = props.link, hasCloseButton = props.hasCloseButton, onClose = props.onClose, className = props.className, rest = __rest(props, ["content", "category", "type", "link", "hasCloseButton", "onClose", "className"]);
-    var StatusIcon = StatusIconMap[category];
-    return (React.createElement("div", __assign({ className: cx("iui-toast iui-".concat(category), className) }, rest),
+export const ToastPresentation = (props) => {
+    const { content, category, type = 'temporary', link, hasCloseButton, onClose, className, ...rest } = props;
+    const StatusIcon = StatusIconMap[category];
+    return (React.createElement("div", { className: cx(`iui-toast iui-${category}`, className), ...rest },
         React.createElement("div", { className: 'iui-status-area' }, React.createElement(StatusIcon, { className: 'iui-icon' })),
         React.createElement("div", { className: 'iui-message' }, content),
         link && (React.createElement("a", { className: 'iui-toast-anchor', onClick: link.onClick }, link.title)),

package/esm/core/Toast/ToastWrapper.js

@@ -1,14 +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);
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -17,15 +6,15 @@ import '@itwin/itwinui-css/css/toast.css';
 import React from 'react';
 import cx from 'classnames';
 import Toast from './Toast';
-export var ToastWrapper = React.forwardRef(function (_, ref) {
-    var _a = React.useState([]), toasts = _a[0], setToasts = _a[1];
-    var _b = React.useState('top'), placement = _b[0], setPlacement = _b[1];
-    var placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
-    React.useImperativeHandle(ref, function () { return ({
-        setToasts: setToasts,
-        setPlacement: setPlacement,
-    }); }, []);
-    return (React.createElement("span", { className: cx("iui-toast-wrapper", "iui-placement-".concat(placement)) }, toasts.map(function (toastProps) {
-        return (React.createElement(Toast, __assign({ key: toastProps.id, placementPosition: placementPosition }, toastProps)));
+export const ToastWrapper = React.forwardRef((_, ref) => {
+    const [toasts, setToasts] = React.useState([]);
+    const [placement, setPlacement] = React.useState('top');
+    const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
+    React.useImperativeHandle(ref, () => ({
+        setToasts,
+        setPlacement,
+    }), []);
+    return (React.createElement("span", { className: cx(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
+        return (React.createElement(Toast, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
     })));
 });

package/esm/core/Toast/Toaster.js

@@ -1,59 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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.
@@ -62,10 +6,9 @@ import React from 'react';
 import * as ReactDOM from 'react-dom';
 import { getContainer, getDocument } from '../utils';
 import { ToastWrapper } from './ToastWrapper';
-var TOASTS_CONTAINER_ID = 'iui-toasts-container';
-var Toaster = /** @class */ (function () {
-    function Toaster() {
-        var _this = this;
+const TOASTS_CONTAINER_ID = 'iui-toasts-container';
+export default class Toaster {
+    constructor() {
         this.toasts = [];
         this.lastId = 0;
         this.settings = {
@@ -76,108 +19,114 @@ var Toaster = /** @class */ (function () {
         this.isInitialized = false;
         // Create container on demand.
         // Cannot do it in constructor, because SSG/SSR apps would fail.
-        this.asyncInit = function () { return __awaiter(_this, void 0, void 0, function () {
-            var container, toastWrapper, _ReactDOM, _ReactDOMInternals, root;
+        this.asyncInit = async () => {
             var _a, _b;
-            return __generator(this, function (_c) {
-                if (this.isInitialized) {
-                    return [2 /*return*/];
-                }
-                container = (_a = getContainer(TOASTS_CONTAINER_ID)) !== null && _a !== void 0 ? _a : (_b = getDocument()) === null || _b === void 0 ? void 0 : _b.body;
-                if (!container) {
-                    return [2 /*return*/];
-                }
-                this.isInitialized = true;
-                toastWrapper = React.createElement(ToastWrapper, { ref: this.toastsRef });
-                _ReactDOM = ReactDOM;
-                // v18 mode
-                if (_ReactDOM.createRoot) {
-                    _ReactDOMInternals = _ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-                    // suppress warning about importing createRoot from react-dom/client
-                    if (_ReactDOMInternals) {
-                        _ReactDOMInternals.usingClientEntryPoint = true;
-                    }
-                    root = _ReactDOM.createRoot(container);
-                    root.render(toastWrapper);
-                    // revert suppression, not to influence users app
-                    if (_ReactDOMInternals) {
-                        _ReactDOMInternals.usingClientEntryPoint = false;
-                    }
+            if (this.isInitialized) {
+                return;
+            }
+            const container = (_a = getContainer(TOASTS_CONTAINER_ID)) !== null && _a !== void 0 ? _a : (_b = getDocument()) === null || _b === void 0 ? void 0 : _b.body;
+            if (!container) {
+                return;
+            }
+            this.isInitialized = true;
+            const toastWrapper = React.createElement(ToastWrapper, { ref: this.toastsRef });
+            const _ReactDOM = ReactDOM; // eslint-disable-line @typescript-eslint/no-explicit-any
+            // v18 mode
+            if (_ReactDOM.createRoot) {
+                const _ReactDOMInternals = _ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+                // suppress warning about importing createRoot from react-dom/client
+                if (_ReactDOMInternals) {
+                    _ReactDOMInternals.usingClientEntryPoint = true;
                 }
-                else {
-                    // v17 and before
-                    ReactDOM.render(toastWrapper, container);
+                const root = _ReactDOM.createRoot(container);
+                root.render(toastWrapper);
+                // revert suppression, not to influence users app
+                if (_ReactDOMInternals) {
+                    _ReactDOMInternals.usingClientEntryPoint = false;
                 }
-                return [2 /*return*/];
-            });
-        }); };
+            }
+            else {
+                // v17 and before
+                ReactDOM.render(toastWrapper, container);
+            }
+        };
     }
     /**
      * Set global Toaster settings for toasts order and placement.
      * Settings will be applied to new toasts on the page.
      */
-    Toaster.prototype.setSettings = function (newSettings) {
-        var _this = this;
+    setSettings(newSettings) {
         var _a, _b, _c;
         (_a = newSettings.placement) !== null && _a !== void 0 ? _a : (newSettings.placement = this.settings.placement);
         (_b = newSettings.order) !== null && _b !== void 0 ? _b : (newSettings.order = ((_c = newSettings.placement) === null || _c === void 0 ? void 0 : _c.startsWith('bottom'))
             ? 'ascending'
             : 'descending');
         this.settings = newSettings;
-        this.asyncInit().then(function () {
+        this.asyncInit().then(() => {
             var _a, _b;
-            (_a = _this.toastsRef.current) === null || _a === void 0 ? void 0 : _a.setPlacement((_b = _this.settings.placement) !== null && _b !== void 0 ? _b : 'top');
+            (_a = this.toastsRef.current) === null || _a === void 0 ? void 0 : _a.setPlacement((_b = this.settings.placement) !== null && _b !== void 0 ? _b : 'top');
         });
-    };
-    Toaster.prototype.positive = function (content, options) {
+    }
+    positive(content, options) {
         return this.createToast(content, 'positive', options);
-    };
-    Toaster.prototype.informational = function (content, options) {
+    }
+    informational(content, options) {
         return this.createToast(content, 'informational', options);
-    };
-    Toaster.prototype.negative = function (content, options) {
+    }
+    negative(content, options) {
         return this.createToast(content, 'negative', options);
-    };
-    Toaster.prototype.warning = function (content, options) {
+    }
+    warning(content, options) {
         return this.createToast(content, 'warning', options);
-    };
-    Toaster.prototype.createToast = function (content, category, options) {
-        var _this = this;
+    }
+    createToast(content, category, options) {
         ++this.lastId;
-        var currentId = this.lastId;
-        this.toasts = __spreadArray(__spreadArray(__spreadArray([], (this.settings.order === 'ascending' ? this.toasts : []), true), [
-            __assign(__assign({}, options), { content: content, category: category, onRemove: function () {
+        const currentId = this.lastId;
+        this.toasts = [
+            ...(this.settings.order === 'ascending' ? this.toasts : []),
+            {
+                ...options,
+                content,
+                category,
+                onRemove: () => {
                     var _a;
-                    _this.removeToast(currentId);
+                    this.removeToast(currentId);
                     (_a = options === null || options === void 0 ? void 0 : options.onRemove) === null || _a === void 0 ? void 0 : _a.call(options);
-                }, id: currentId, isVisible: true })
-        ], false), (this.settings.order === 'descending' ? this.toasts : []), true);
+                },
+                id: currentId,
+                isVisible: true,
+            },
+            ...(this.settings.order === 'descending' ? this.toasts : []),
+        ];
         this.updateView();
-        return { close: function () { return _this.closeToast(currentId); } };
-    };
-    Toaster.prototype.removeToast = function (id) {
-        this.toasts = this.toasts.filter(function (toast) { return toast.id !== id; });
+        return { close: () => this.closeToast(currentId) };
+    }
+    removeToast(id) {
+        this.toasts = this.toasts.filter((toast) => toast.id !== id);
         this.updateView();
-    };
-    Toaster.prototype.updateView = function () {
-        var _this = this;
-        this.asyncInit().then(function () {
+    }
+    updateView() {
+        this.asyncInit().then(() => {
             var _a;
-            (_a = _this.toastsRef.current) === null || _a === void 0 ? void 0 : _a.setToasts(_this.toasts);
+            (_a = this.toastsRef.current) === null || _a === void 0 ? void 0 : _a.setToasts(this.toasts);
         });
-    };
-    Toaster.prototype.closeToast = function (toastId) {
-        this.toasts = this.toasts.map(function (toast) {
-            return __assign(__assign({}, toast), { isVisible: toast.id !== toastId });
+    }
+    closeToast(toastId) {
+        this.toasts = this.toasts.map((toast) => {
+            return {
+                ...toast,
+                isVisible: toast.id !== toastId,
+            };
         });
         this.updateView();
-    };
-    Toaster.prototype.closeAll = function () {
-        this.toasts = this.toasts.map(function (toast) {
-            return __assign(__assign({}, toast), { isVisible: false });
+    }
+    closeAll() {
+        this.toasts = this.toasts.map((toast) => {
+            return {
+                ...toast,
+                isVisible: false,
+            };
         });
         this.updateView();
-    };
-    return Toaster;
-}());
-export default Toaster;
+    }
+}

package/esm/core/Toast/index.js

@@ -3,5 +3,5 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import Toaster from './Toaster';
-var toaster = new Toaster();
+const toaster = new Toaster();
 export default toaster;

package/esm/core/ToggleSwitch/ToggleSwitch.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.
@@ -46,13 +24,13 @@ import '@itwin/itwinui-css/css/toggle-switch.css';
  * <caption>Toggle with icon</caption>
  * <ToggleSwitch label='With icon toggle' icon={<svg viewBox='0 0 16 16'><path d='M1 1v14h14V1H1zm13 1.7v10.6L8.7 8 14 2.7zM8 7.3L2.7 2h10.6L8 7.3zm-.7.7L2 13.3V2.7L7.3 8zm.7.7l5.3 5.3H2.7L8 8.7z' /></svg>} />
  */
-export var ToggleSwitch = React.forwardRef(function (props, ref) {
-    var _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.labelPosition, labelPosition = _b === void 0 ? 'right' : _b, icon = props.icon, label = props.label, _c = props.setFocus, setFocus = _c === void 0 ? false : _c, className = props.className, style = props.style, rest = __rest(props, ["disabled", "labelPosition", "icon", "label", "setFocus", "className", "style"]);
+export const ToggleSwitch = React.forwardRef((props, ref) => {
+    const { disabled = false, labelPosition = 'right', icon, label, setFocus = false, className, style, ...rest } = props;
     useTheme();
-    var inputElementRef = React.useRef(null);
-    var refs = useMergedRefs(inputElementRef, ref);
-    var WrapperComponent = label ? 'label' : 'div';
-    React.useEffect(function () {
+    const inputElementRef = React.useRef(null);
+    const refs = useMergedRefs(inputElementRef, ref);
+    const WrapperComponent = label ? 'label' : 'div';
+    React.useEffect(() => {
         if (inputElementRef.current && setFocus) {
             inputElementRef.current.focus();
         }
@@ -62,7 +40,7 @@ export var ToggleSwitch = React.forwardRef(function (props, ref) {
             'iui-label-on-right': label && labelPosition === 'right',
             'iui-label-on-left': label && labelPosition === 'left',
         }, className), style: style },
-        React.createElement("input", __assign({ className: 'iui-toggle-switch', type: 'checkbox', role: 'switch', disabled: disabled, ref: refs }, rest)),
+        React.createElement("input", { className: 'iui-toggle-switch', type: 'checkbox', role: 'switch', disabled: disabled, ref: refs, ...rest }),
         icon &&
             React.cloneElement(icon, {
                 className: cx('iui-toggle-switch-icon', icon.props.className),

package/esm/core/Tooltip/Tooltip.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,9 +17,9 @@ import '@itwin/itwinui-css/css/tooltip.css';
  * <Button ref={buttonRef} />
  * <Tooltip content='tooltip text' reference={buttonRef} />
  */
-export var Tooltip = function (props) {
-    var content = props.content, children = props.children, className = props.className, style = props.style, visible = props.visible, ref = props.ref, id = props.id, rest = __rest(props, ["content", "children", "className", "style", "visible", "ref", "id"]);
+export const Tooltip = (props) => {
+    const { content, children, className, style, visible, ref, id, ...rest } = props;
     useTheme();
-    return (React.createElement(Popover, __assign({ visible: visible, interactive: false, content: React.createElement("div", { className: cx('iui-tooltip', className), style: style, role: 'tooltip', id: id }, content), offset: [0, 4], ref: ref }, rest), children && React.cloneElement(children, { title: undefined })));
+    return (React.createElement(Popover, { visible: visible, interactive: false, content: React.createElement("div", { className: cx('iui-tooltip', className), style: style, role: 'tooltip', id: id }, content), offset: [0, 4], ref: ref, ...rest }, children && React.cloneElement(children, { title: undefined })));
 };
 export default Tooltip;