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

package/cjs/core/Slider/Thumb.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,18 +8,18 @@ exports.Thumb = 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 Tooltip_1 = require("../Tooltip");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Tooltip_1 = require("../Tooltip");
 /**
  * Thumb is a local component used to show and modify the values maintained by the Slider.
  * Only one Thumb can be active at a time. A Thumb is made active when the user selects
  * it with pointer. Whenever a Thumb is active, focused, or hovered its tooltip is shown.
  */
-var Thumb = function (props) {
-    var value = props.value, index = props.index, minVal = props.minVal, maxVal = props.maxVal, step = props.step, sliderMin = props.sliderMin, sliderMax = props.sliderMax, isActive = props.isActive, onThumbActivated = props.onThumbActivated, onThumbValueChanged = props.onThumbValueChanged, tooltipProps = props.tooltipProps, thumbProps = props.thumbProps, disabled = props.disabled, orientation = props.orientation;
-    var thumbRef = react_1.default.useRef(null);
-    var handleOnKeyboardEvent = react_1.default.useCallback(function (event, keyboardReleased) {
+const Thumb = (props) => {
+    const { value, index, minVal, maxVal, step, sliderMin, sliderMax, isActive, onThumbActivated, onThumbValueChanged, tooltipProps, thumbProps, disabled, orientation, } = props;
+    const thumbRef = react_1.default.useRef(null);
+    const handleOnKeyboardEvent = react_1.default.useCallback((event, keyboardReleased) => {
         if (disabled || event.altKey) {
             return;
         }
@@ -65,12 +43,12 @@ var Thumb = function (props) {
         }
         event.preventDefault();
     }, [disabled, onThumbValueChanged, index, value, step, minVal, maxVal]);
-    var handlePointerDownOnThumb = react_1.default.useCallback(function () {
+    const handlePointerDownOnThumb = react_1.default.useCallback(() => {
         !disabled && onThumbActivated(index);
     }, [disabled, index, onThumbActivated]);
-    var _a = react_1.default.useState(false), hasFocus = _a[0], setHasFocus = _a[1];
-    var _b = react_1.default.useState(false), isHovered = _b[0], setIsHovered = _b[1];
-    var adjustedValue = react_1.default.useMemo(function () {
+    const [hasFocus, setHasFocus] = react_1.default.useState(false);
+    const [isHovered, setIsHovered] = react_1.default.useState(false);
+    const adjustedValue = react_1.default.useMemo(() => {
         if (value < sliderMin) {
             return sliderMin;
         }
@@ -79,16 +57,19 @@ var Thumb = function (props) {
         }
         return value;
     }, [sliderMax, sliderMin, value]);
-    var lowPercent = react_1.default.useMemo(function () {
+    const lowPercent = react_1.default.useMemo(() => {
         if (sliderMax === sliderMin) {
             return 0;
         }
         return (100.0 * (adjustedValue - sliderMin)) / (sliderMax - sliderMin);
     }, [adjustedValue, sliderMax, sliderMin]);
-    var _c = thumbProps || {}, style = _c.style, className = _c.className, rest = __rest(_c, ["style", "className"]);
-    return (react_1.default.createElement(Tooltip_1.Tooltip, __assign({ visible: isActive || hasFocus || isHovered, placement: 'top' }, tooltipProps),
-        react_1.default.createElement("div", __assign({}, rest, { "data-index": index, ref: thumbRef, style: __assign(__assign({}, style), (orientation === 'horizontal'
-                ? { left: "".concat(lowPercent, "%") }
-                : { bottom: "".concat(lowPercent, "%") })), className: (0, classnames_1.default)('iui-slider-thumb', { 'iui-active': isActive }, className), role: 'slider', tabIndex: disabled ? undefined : 0, "aria-valuemin": minVal, "aria-valuenow": value, "aria-valuemax": maxVal, "aria-disabled": disabled, onPointerDown: handlePointerDownOnThumb, onKeyDown: function (event) { return handleOnKeyboardEvent(event, false); }, onKeyUp: function (event) { return handleOnKeyboardEvent(event, true); }, onFocus: function () { return setHasFocus(true); }, onBlur: function () { return setHasFocus(false); }, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }))));
+    const { style, className, ...rest } = thumbProps || {};
+    return (react_1.default.createElement(Tooltip_1.Tooltip, { visible: isActive || hasFocus || isHovered, placement: 'top', ...tooltipProps },
+        react_1.default.createElement("div", { ...rest, "data-index": index, ref: thumbRef, style: {
+                ...style,
+                ...(orientation === 'horizontal'
+                    ? { left: `${lowPercent}%` }
+                    : { bottom: `${lowPercent}%` }),
+            }, className: (0, classnames_1.default)('iui-slider-thumb', { 'iui-active': isActive }, className), role: 'slider', tabIndex: disabled ? undefined : 0, "aria-valuemin": minVal, "aria-valuenow": value, "aria-valuemax": maxVal, "aria-disabled": disabled, onPointerDown: handlePointerDownOnThumb, onKeyDown: (event) => handleOnKeyboardEvent(event, false), onKeyUp: (event) => handleOnKeyboardEvent(event, true), onFocus: () => setHasFocus(true), onBlur: () => setHasFocus(false), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) })));
 };
 exports.Thumb = Thumb;

package/cjs/core/Slider/Track.js

@@ -1,24 +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 __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 };
 };
@@ -28,7 +8,7 @@ exports.Track = 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"));
+const react_1 = __importDefault(require("react"));
 function shouldDisplaySegment(segmentIndex, mode) {
     if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) {
         return true;
@@ -39,17 +19,17 @@ function shouldDisplaySegment(segmentIndex, mode) {
     return false;
 }
 function generateSegments(values, min, max) {
-    var segments = [];
-    var newValues = __spreadArray([], values, true);
-    newValues.sort(function (a, b) { return a - b; });
+    const segments = [];
+    const newValues = [...values];
+    newValues.sort((a, b) => a - b);
     if (0 === newValues.length ||
         newValues[0] < min ||
         newValues[newValues.length - 1] > max ||
         min === max) {
         return [];
     }
-    var lastValue = min;
-    for (var i = 0; i < newValues.length; i++) {
+    let lastValue = min;
+    for (let i = 0; i < newValues.length; i++) {
         segments.push({ left: lastValue, right: newValues[i] });
         lastValue = newValues[i];
     }
@@ -60,32 +40,32 @@ function generateSegments(values, min, max) {
  * Track displays color segments above Rail. Which, if any, segments that are
  * colorized is based on `trackDisplayMode`.
  */
-var Track = function (props) {
-    var trackDisplayMode = props.trackDisplayMode, sliderMin = props.sliderMin, sliderMax = props.sliderMax, values = props.values, orientation = props.orientation;
-    var _a = react_1.default.useState(function () {
-        return generateSegments(values, sliderMin, sliderMax);
-    }), segments = _a[0], setSegments = _a[1];
-    react_1.default.useEffect(function () {
+const Track = (props) => {
+    const { trackDisplayMode, sliderMin, sliderMax, values, orientation } = props;
+    const [segments, setSegments] = react_1.default.useState(() => generateSegments(values, sliderMin, sliderMax));
+    react_1.default.useEffect(() => {
         setSegments(generateSegments(values, sliderMin, sliderMax));
     }, [values, sliderMin, sliderMax]);
     return (react_1.default.createElement(react_1.default.Fragment, null, 'none' !== trackDisplayMode &&
-        segments.map(function (segment, index) {
-            var lowPercent = segment.left >= sliderMin && sliderMax !== sliderMin
+        segments.map((segment, index) => {
+            const lowPercent = segment.left >= sliderMin && sliderMax !== sliderMin
                 ? (100.0 * (segment.left - sliderMin)) / (sliderMax - sliderMin)
                 : 0;
-            var highPercent = segment.right >= sliderMin && sliderMax !== sliderMin
+            const highPercent = segment.right >= sliderMin && sliderMax !== sliderMin
                 ? 100.0 -
                     (100.0 * (segment.right - sliderMin)) / (sliderMax - sliderMin)
                 : 100;
-            return (react_1.default.createElement(react_1.default.Fragment, { key: index }, shouldDisplaySegment(index, trackDisplayMode) ? (react_1.default.createElement("div", { className: 'iui-slider-track', style: __assign({}, (orientation === 'horizontal'
-                    ? {
-                        left: "".concat(lowPercent, "%"),
-                        right: "".concat(highPercent, "%"),
-                    }
-                    : {
-                        top: "".concat(highPercent, "%"),
-                        bottom: "".concat(lowPercent, "%"),
-                    })) })) : null));
+            return (react_1.default.createElement(react_1.default.Fragment, { key: index }, shouldDisplaySegment(index, trackDisplayMode) ? (react_1.default.createElement("div", { className: 'iui-slider-track', style: {
+                    ...(orientation === 'horizontal'
+                        ? {
+                            left: `${lowPercent}%`,
+                            right: `${highPercent}%`,
+                        }
+                        : {
+                            top: `${highPercent}%`,
+                            bottom: `${lowPercent}%`,
+                        }),
+                } })) : null));
         })));
 };
 exports.Track = Track;

package/cjs/core/StatusMessage/StatusMessage.js

@@ -8,21 +8,20 @@ exports.StatusMessage = 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"));
 /**
  * Component to display icon and text below the `Combobox` component.
  * @example
  * <StatusMessage>This is the text</StatusMessage>
  * <StatusMessage startIcon={<SvgStar />}>This is the text</StatusMessage>
  */
-var StatusMessage = function (_a) {
-    var userStartIcon = _a.startIcon, children = _a.children, status = _a.status;
+const StatusMessage = ({ startIcon: userStartIcon, children, status, }) => {
     (0, utils_1.useTheme)();
-    var StartIcon = function () {
+    const StartIcon = () => {
         var _a;
-        var icon = userStartIcon !== null && userStartIcon !== void 0 ? userStartIcon : (status && utils_1.StatusIconMap[status]());
+        const icon = userStartIcon !== null && userStartIcon !== void 0 ? userStartIcon : (status && utils_1.StatusIconMap[status]());
         if (!icon) {
             return null;
         }

package/cjs/core/Stepper/Stepper.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,21 +8,19 @@ exports.Stepper = 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/stepper.css");
-var StepperStep_1 = require("./StepperStep");
-var defaultStepperLocalization = {
-    stepsCountLabel: function (currentStep, totalSteps) {
-        return "Step ".concat(currentStep, " of ").concat(totalSteps, ":");
-    },
+const StepperStep_1 = require("./StepperStep");
+const defaultStepperLocalization = {
+    stepsCountLabel: (currentStep, totalSteps) => `Step ${currentStep} of ${totalSteps}:`,
 };
-exports.Stepper = react_1.default.forwardRef(function (props, ref) {
-    var currentStep = props.currentStep, steps = props.steps, _a = props.type, type = _a === void 0 ? 'default' : _a, _b = props.localization, localization = _b === void 0 ? defaultStepperLocalization : _b, onStepClick = props.onStepClick, rest = __rest(props, ["currentStep", "steps", "type", "localization", "onStepClick"]);
-    var boundedCurrentStep = Math.min(Math.max(0, currentStep !== null && currentStep !== void 0 ? currentStep : 0), steps.length - 1);
+exports.Stepper = react_1.default.forwardRef((props, ref) => {
+    const { currentStep, steps, type = 'default', localization = defaultStepperLocalization, onStepClick, ...rest } = props;
+    const boundedCurrentStep = Math.min(Math.max(0, currentStep !== null && currentStep !== void 0 ? currentStep : 0), steps.length - 1);
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", __assign({ className: 'iui-stepper', ref: ref }, rest),
-        react_1.default.createElement("ol", null, steps.map(function (s, index) { return (react_1.default.createElement(StepperStep_1.StepperStep, { key: index, index: index, title: type === 'long' ? '' : s.name, currentStepNumber: boundedCurrentStep, totalSteps: steps.length, type: type, onClick: onStepClick, description: s.description })); })),
+    return (react_1.default.createElement("div", { className: 'iui-stepper', ref: ref, ...rest },
+        react_1.default.createElement("ol", null, steps.map((s, index) => (react_1.default.createElement(StepperStep_1.StepperStep, { key: index, index: index, title: type === 'long' ? '' : s.name, currentStepNumber: boundedCurrentStep, totalSteps: steps.length, type: type, onClick: onStepClick, description: s.description })))),
         type === 'long' && (react_1.default.createElement("div", { className: 'iui-stepper-steps-label' },
             react_1.default.createElement("span", { className: 'iui-stepper-steps-label-count' }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
             steps[boundedCurrentStep].name))));

package/cjs/core/Stepper/StepperStep.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,20 +8,20 @@ exports.StepperStep = 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 Tooltip_1 = require("../Tooltip");
-var StepperStep = function (props) {
-    var title = props.title, index = props.index, currentStepNumber = props.currentStepNumber, totalSteps = props.totalSteps, type = props.type, onClick = props.onClick, description = props.description, className = props.className, style = props.style, rest = __rest(props, ["title", "index", "currentStepNumber", "totalSteps", "type", "onClick", "description", "className", "style"]);
-    var isPast = currentStepNumber > index;
-    var isActive = currentStepNumber === index;
-    var isClickable = isPast && !!onClick;
-    var onCompletedClick = function () {
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const Tooltip_1 = require("../Tooltip");
+const StepperStep = (props) => {
+    const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, ...rest } = props;
+    const isPast = currentStepNumber > index;
+    const isActive = currentStepNumber === index;
+    const isClickable = isPast && !!onClick;
+    const onCompletedClick = () => {
         if (isClickable) {
             onClick === null || onClick === void 0 ? void 0 : onClick(index);
         }
     };
-    var onKeyDown = function (e) {
+    const onKeyDown = (e) => {
         if (!isClickable) {
             return;
         }
@@ -51,10 +29,13 @@ var StepperStep = function (props) {
             onCompletedClick();
         }
     };
-    var stepShape = (react_1.default.createElement("li", __assign({ className: (0, classnames_1.default)('iui-stepper-step', {
+    const stepShape = (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-stepper-step', {
             'iui-current': isActive,
             'iui-clickable': isClickable,
-        }, className), style: __assign({ width: type === 'default' ? "".concat(100 / totalSteps, "%") : undefined }, style), onClick: onCompletedClick, onKeyDown: onKeyDown, "aria-current": isActive ? 'step' : undefined, tabIndex: isClickable ? 0 : undefined }, rest),
+        }, className), style: {
+            width: type === 'default' ? `${100 / totalSteps}%` : undefined,
+            ...style,
+        }, onClick: onCompletedClick, onKeyDown: onKeyDown, "aria-current": isActive ? 'step' : undefined, tabIndex: isClickable ? 0 : undefined, ...rest },
         react_1.default.createElement("div", { className: 'iui-stepper-track-content' },
             react_1.default.createElement("span", { className: 'iui-stepper-circle' }, index + 1)),
         type === 'default' && (react_1.default.createElement("span", { className: 'iui-stepper-step-name' }, title))));

package/cjs/core/Stepper/Wizard.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.Wizard = 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 Stepper_1 = require("./Stepper");
-var WorkflowDiagram_1 = require("./WorkflowDiagram");
+const react_1 = __importDefault(require("react"));
+const Stepper_1 = require("./Stepper");
+const WorkflowDiagram_1 = require("./WorkflowDiagram");
 /**
  * @deprecated Since v2, use `Stepper` (type = `default` | `long`) or WorkflowDiagram (type = `workflow`)
  *
@@ -48,8 +26,8 @@ var WorkflowDiagram_1 = require("./WorkflowDiagram");
  *  type='long'
  *  />
  */
-exports.Wizard = react_1.default.forwardRef(function (props, ref) {
-    var currentStep = props.currentStep, steps = props.steps, _a = props.type, type = _a === void 0 ? 'default' : _a, localization = props.localization, onStepClick = props.onStepClick, rest = __rest(props, ["currentStep", "steps", "type", "localization", "onStepClick"]);
-    return type !== 'workflow' ? (react_1.default.createElement(Stepper_1.Stepper, __assign({ type: type, currentStep: currentStep, steps: steps, localization: localization, onStepClick: onStepClick, ref: ref }, rest))) : (react_1.default.createElement(WorkflowDiagram_1.WorkflowDiagram, __assign({ steps: steps, ref: ref }, rest)));
+exports.Wizard = react_1.default.forwardRef((props, ref) => {
+    const { currentStep, steps, type = 'default', localization, onStepClick, ...rest } = props;
+    return type !== 'workflow' ? (react_1.default.createElement(Stepper_1.Stepper, { type: type, currentStep: currentStep, steps: steps, localization: localization, onStepClick: onStepClick, ref: ref, ...rest })) : (react_1.default.createElement(WorkflowDiagram_1.WorkflowDiagram, { steps: steps, ref: ref, ...rest }));
 });
 exports.default = exports.Wizard;

package/cjs/core/Stepper/WorkflowDiagram.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,14 +8,14 @@ exports.WorkflowDiagram = 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/workflow-diagram.css");
-var WorkflowDiagramStep_1 = require("./WorkflowDiagramStep");
-exports.WorkflowDiagram = react_1.default.forwardRef(function (props, ref) {
-    var steps = props.steps, rest = __rest(props, ["steps"]);
+const WorkflowDiagramStep_1 = require("./WorkflowDiagramStep");
+exports.WorkflowDiagram = react_1.default.forwardRef((props, ref) => {
+    const { steps, ...rest } = props;
     (0, utils_1.useTheme)();
     return (react_1.default.createElement("div", { ref: ref },
-        react_1.default.createElement("ol", __assign({ className: 'iui-workflow-diagram' }, rest), steps.map(function (s, index) { return (react_1.default.createElement(WorkflowDiagramStep_1.WorkflowDiagramStep, { key: index, title: s.name, description: s.description })); }))));
+        react_1.default.createElement("ol", { className: 'iui-workflow-diagram', ...rest }, steps.map((s, index) => (react_1.default.createElement(WorkflowDiagramStep_1.WorkflowDiagramStep, { key: index, title: s.name, description: s.description }))))));
 });
 exports.default = exports.WorkflowDiagram;

package/cjs/core/Stepper/WorkflowDiagramStep.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,12 +8,12 @@ exports.WorkflowDiagramStep = 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 Tooltip_1 = require("../Tooltip");
-var WorkflowDiagramStep = function (props) {
-    var title = props.title, description = props.description, className = props.className, style = props.style, rest = __rest(props, ["title", "description", "className", "style"]);
-    var stepShape = (react_1.default.createElement("li", __assign({ className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style }, rest),
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const Tooltip_1 = require("../Tooltip");
+const WorkflowDiagramStep = (props) => {
+    const { title, description, className, style, ...rest } = props;
+    const stepShape = (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },
         react_1.default.createElement("span", { className: 'iui-workflow-diagram-content' }, title)));
     return description ? (react_1.default.createElement(Tooltip_1.Tooltip, { content: description }, stepShape)) : (stepShape);
 };

package/cjs/core/Surface/Surface.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,14 +8,14 @@ exports.Surface = 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/surface.css");
 /**
  * Helper function that returns one of the preset surface elevation values.
  */
-var getSurfaceElevationValue = function (elevation) {
+const getSurfaceElevationValue = (elevation) => {
     switch (elevation) {
         case 0:
             return 'none';
@@ -61,10 +39,13 @@ var getSurfaceElevationValue = function (elevation) {
  * <Surface>Surface Content</Surface>
  * <Surface elevation={2}>Surface Content</Surface>
  */
-exports.Surface = react_1.default.forwardRef(function (props, ref) {
-    var elevation = props.elevation, className = props.className, style = props.style, children = props.children, rest = __rest(props, ["elevation", "className", "style", "children"]);
+exports.Surface = react_1.default.forwardRef((props, ref) => {
+    const { elevation, className, style, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    var _style = __assign({ '--iui-surface-elevation': getSurfaceElevationValue(elevation) }, style);
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('iui-surface', className), style: _style, ref: ref }, rest), children));
+    const _style = {
+        '--iui-surface-elevation': getSurfaceElevationValue(elevation),
+        ...style,
+    };
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-surface', className), style: _style, ref: ref, ...rest }, children));
 });
 exports.default = exports.Surface;

package/cjs/core/Table/SubRowExpander.js

@@ -8,12 +8,12 @@ exports.SubRowExpander = 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 Buttons_1 = require("../Buttons");
-var SubRowExpander = function (props) {
-    var cell = props.cell, isDisabled = props.isDisabled, cellProps = props.cellProps, expanderCell = props.expanderCell;
-    return (react_1.default.createElement(react_1.default.Fragment, null, expanderCell ? (expanderCell(cellProps)) : (react_1.default.createElement(Buttons_1.IconButton, { style: { marginRight: 8 }, className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: function (e) {
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../utils");
+const Buttons_1 = require("../Buttons");
+const SubRowExpander = (props) => {
+    const { cell, isDisabled, cellProps, expanderCell } = props;
+    return (react_1.default.createElement(react_1.default.Fragment, null, expanderCell ? (expanderCell(cellProps)) : (react_1.default.createElement(Buttons_1.IconButton, { style: { marginRight: 8 }, className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: (e) => {
             e.stopPropagation();
             cell.row.toggleRowExpanded();
         }, disabled: isDisabled }, react_1.default.createElement(utils_1.SvgChevronRight, { style: {