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

package/cjs/core/Tree/Tree.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,11 +8,11 @@ exports.Tree = 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/tree.css");
-var classnames_1 = __importDefault(require("classnames"));
-var TreeContext_1 = require("./TreeContext");
+const classnames_1 = __importDefault(require("classnames"));
+const TreeContext_1 = require("./TreeContext");
 /**
  * Tree component used to display a hierarchical structure of `TreeNodes`.
  * User should control state of expanded, selected and disabled nodes using `getNode` prop.
@@ -85,37 +63,37 @@ var TreeContext_1 = require("./TreeContext");
     ), [onNodeExpanded])}
   />
  */
-var Tree = function (props) {
-    var data = props.data, className = props.className, nodeRenderer = props.nodeRenderer, getNode = props.getNode, _a = props.enableVirtualization, enableVirtualization = _a === void 0 ? false : _a, style = props.style, rest = __rest(props, ["data", "className", "nodeRenderer", "getNode", "enableVirtualization", "style"]);
+const Tree = (props) => {
+    const { data, className, nodeRenderer, getNode, enableVirtualization = false, style, ...rest } = props;
     (0, utils_1.useTheme)();
-    var treeRef = react_1.default.useRef(null);
-    var focusedIndex = react_1.default.useRef(0);
-    react_1.default.useEffect(function () {
+    const treeRef = react_1.default.useRef(null);
+    const focusedIndex = react_1.default.useRef(0);
+    react_1.default.useEffect(() => {
         focusedIndex.current = 0;
     }, [data]);
-    var getFocusableNodes = react_1.default.useCallback(function () {
-        var focusableItems = (0, utils_1.getFocusableElements)(treeRef.current);
+    const getFocusableNodes = react_1.default.useCallback(() => {
+        const focusableItems = (0, utils_1.getFocusableElements)(treeRef.current);
         // Filter out focusable elements that are inside each node, e.g. checkbox
-        return focusableItems.filter(function (i) { return !focusableItems.some(function (p) { return p.contains(i.parentElement); }); });
+        return focusableItems.filter((i) => !focusableItems.some((p) => p.contains(i.parentElement)));
     }, []);
-    var handleKeyDown = function (event) {
-        var items = getFocusableNodes();
+    const handleKeyDown = (event) => {
+        const items = getFocusableNodes();
         if (!(items === null || items === void 0 ? void 0 : items.length)) {
             return;
         }
-        var activeIndex = items.findIndex(function (el) { var _a; return el.contains((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement); });
-        var currentIndex = activeIndex > -1 ? activeIndex : 0;
+        const activeIndex = items.findIndex((el) => { var _a; return el.contains((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement); });
+        const currentIndex = activeIndex > -1 ? activeIndex : 0;
         switch (event.key) {
             case 'ArrowUp': {
                 event.preventDefault();
-                var newIndex = Math.max(0, currentIndex - 1);
+                const newIndex = Math.max(0, currentIndex - 1);
                 items[newIndex].focus();
                 focusedIndex.current = newIndex;
                 break;
             }
             case 'ArrowDown': {
                 event.preventDefault();
-                var newIndex = Math.min(items.length - 1, currentIndex + 1);
+                const newIndex = Math.min(items.length - 1, currentIndex + 1);
                 items[newIndex].focus();
                 focusedIndex.current = newIndex;
                 break;
@@ -124,19 +102,17 @@ var Tree = function (props) {
                 break;
         }
     };
-    var _b = react_1.default.useMemo(function () {
-        var flatList = [];
-        var firstLevelNodes = [];
-        var flattenNodes = function (nodes, depth, parentNode) {
-            if (nodes === void 0) { nodes = []; }
-            if (depth === void 0) { depth = 0; }
-            var nodeIdList = Array();
-            nodes.forEach(function (element, index) {
-                var _a = getNode(element), subNodes = _a.subNodes, nodeProps = __rest(_a, ["subNodes"]);
-                var flatNode = {
-                    nodeProps: nodeProps,
-                    depth: depth,
-                    parentNode: parentNode,
+    const [flatNodesList, firstLevelNodesList] = react_1.default.useMemo(() => {
+        const flatList = [];
+        const firstLevelNodes = [];
+        const flattenNodes = (nodes = [], depth = 0, parentNode) => {
+            const nodeIdList = Array();
+            nodes.forEach((element, index) => {
+                const { subNodes, ...nodeProps } = getNode(element);
+                const flatNode = {
+                    nodeProps,
+                    depth,
+                    parentNode,
                     indexInGroup: index,
                 };
                 nodeIdList.push(flatNode.nodeProps.nodeId);
@@ -145,7 +121,7 @@ var Tree = function (props) {
                     firstLevelNodes.push(flatNode);
                 }
                 if (flatNode.nodeProps.isExpanded) {
-                    var subNodeIds = flattenNodes(subNodes, depth + 1, flatNode);
+                    const subNodeIds = flattenNodes(subNodes, depth + 1, flatNode);
                     flatNode.subNodeIds = subNodeIds;
                 }
             });
@@ -153,10 +129,10 @@ var Tree = function (props) {
         };
         flattenNodes(data);
         return [flatList, firstLevelNodes];
-    }, [data, getNode]), flatNodesList = _b[0], firstLevelNodesList = _b[1];
-    var itemRenderer = react_1.default.useCallback(function (index) {
+    }, [data, getNode]);
+    const itemRenderer = react_1.default.useCallback((index) => {
         var _a, _b, _c, _d;
-        var node = flatNodesList[index];
+        const node = flatNodesList[index];
         return (react_1.default.createElement(TreeContext_1.TreeContext.Provider, { key: node.nodeProps.nodeId, value: {
                 nodeDepth: node.depth,
                 subNodeIds: node.subNodeIds,
@@ -166,26 +142,26 @@ var Tree = function (props) {
                 indexInGroup: node.indexInGroup,
                 parentNodeId: (_d = node.parentNode) === null || _d === void 0 ? void 0 : _d.nodeProps.nodeId,
                 scrollToParent: node.parentNode
-                    ? function () {
+                    ? () => {
                         var _a;
-                        var parentNodeId = (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.nodeProps.nodeId;
-                        var parentNodeIndex = flatNodesList.findIndex(function (n) { return n.nodeProps.nodeId === parentNodeId; });
+                        const parentNodeId = (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.nodeProps.nodeId;
+                        const parentNodeIndex = flatNodesList.findIndex((n) => n.nodeProps.nodeId === parentNodeId);
                         setScrollToIndex(parentNodeIndex);
                     }
                     : undefined,
             } }, nodeRenderer(node.nodeProps)));
     }, [firstLevelNodesList.length, flatNodesList, nodeRenderer]);
-    var _c = react_1.default.useState(), scrollToIndex = _c[0], setScrollToIndex = _c[1];
-    var flatNodesListRef = react_1.default.useRef(flatNodesList);
-    react_1.default.useEffect(function () {
+    const [scrollToIndex, setScrollToIndex] = react_1.default.useState();
+    const flatNodesListRef = react_1.default.useRef(flatNodesList);
+    react_1.default.useEffect(() => {
         flatNodesListRef.current = flatNodesList;
     }, [flatNodesList]);
-    react_1.default.useEffect(function () {
-        setTimeout(function () {
+    react_1.default.useEffect(() => {
+        setTimeout(() => {
             var _a;
             if (scrollToIndex !== undefined) {
-                var nodeId = flatNodesListRef.current[scrollToIndex].nodeProps.nodeId;
-                var nodeElement = (_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.querySelector("#".concat(nodeId));
+                const nodeId = flatNodesListRef.current[scrollToIndex].nodeProps.nodeId;
+                const nodeElement = (_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.querySelector(`#${nodeId}`);
                 nodeElement === null || nodeElement === void 0 ? void 0 : nodeElement.focus();
                 // Need to reset that if navigating with mouse and keyboard,
                 // e.g. pressing arrow left to go to parent node and then with mouse
@@ -194,32 +170,34 @@ var Tree = function (props) {
             }
         });
     }, [scrollToIndex]);
-    var handleFocus = function (event) {
+    const handleFocus = (event) => {
         var _a, _b;
         if ((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) {
             return;
         }
-        var items = getFocusableNodes();
+        const items = getFocusableNodes();
         if (items.length > 0) {
             (_b = items[focusedIndex.current]) === null || _b === void 0 ? void 0 : _b.focus();
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null, enableVirtualization ? (react_1.default.createElement(VirtualizedTree, __assign({ flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style }, rest))) : (react_1.default.createElement(TreeElement, __assign({ onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef }, rest), flatNodesList.map(function (_, i) { return itemRenderer(i); })))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, enableVirtualization ? (react_1.default.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (react_1.default.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));
 };
 exports.Tree = Tree;
-var TreeElement = react_1.default.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("ul", __assign({ className: (0, classnames_1.default)('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0 }, rest), children));
+const TreeElement = react_1.default.forwardRef(({ children, className, ...rest }, ref) => {
+    return (react_1.default.createElement("ul", { className: (0, classnames_1.default)('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0, ...rest }, children));
 });
 // Having virtualized tree separately prevents from running all virtualization logic
-var VirtualizedTree = react_1.default.forwardRef(function (_a, ref) {
-    var flatNodesList = _a.flatNodesList, itemRenderer = _a.itemRenderer, scrollToIndex = _a.scrollToIndex, className = _a.className, style = _a.style, rest = __rest(_a, ["flatNodesList", "itemRenderer", "scrollToIndex", "className", "style"]);
-    var _b = (0, utils_1.useVirtualization)({
+const VirtualizedTree = react_1.default.forwardRef(({ flatNodesList, itemRenderer, scrollToIndex, className, style, ...rest }, ref) => {
+    const { outerProps, innerProps, visibleChildren } = (0, utils_1.useVirtualization)({
         itemsLength: flatNodesList.length,
         itemRenderer: itemRenderer,
-        scrollToIndex: scrollToIndex,
-    }), outerProps = _b.outerProps, innerProps = _b.innerProps, visibleChildren = _b.visibleChildren;
-    return (react_1.default.createElement("div", __assign({}, __assign(__assign({}, outerProps), { className: (0, classnames_1.default)(className, outerProps.className), style: __assign(__assign({}, style), outerProps.style) })),
-        react_1.default.createElement(TreeElement, __assign({}, innerProps, rest, { ref: (0, utils_1.mergeRefs)(ref, innerProps.ref) }), visibleChildren)));
+        scrollToIndex,
+    });
+    return (react_1.default.createElement("div", { ...{
+            ...outerProps,
+            className: (0, classnames_1.default)(className, outerProps.className),
+            style: { ...style, ...outerProps.style },
+        } },
+        react_1.default.createElement(TreeElement, { ...innerProps, ...rest, ref: (0, utils_1.mergeRefs)(ref, innerProps.ref) }, visibleChildren)));
 });
 exports.default = exports.Tree;

package/cjs/core/Tree/TreeContext.js

@@ -8,10 +8,10 @@ exports.useTreeContext = exports.TreeContext = 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"));
 exports.TreeContext = react_1.default.createContext(undefined);
-var useTreeContext = function () {
-    var context = react_1.default.useContext(exports.TreeContext);
+const useTreeContext = () => {
+    const context = react_1.default.useContext(exports.TreeContext);
     if (context == undefined) {
         throw new Error('TreeContext must be used within a TreeContext.Provider');
     }

package/cjs/core/Tree/TreeNode.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.TreeNode = 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/tree.css");
-var classnames_1 = __importDefault(require("classnames"));
-var TreeNodeExpander_1 = require("./TreeNodeExpander");
-var TreeContext_1 = require("./TreeContext");
+const classnames_1 = __importDefault(require("classnames"));
+const TreeNodeExpander_1 = require("./TreeNodeExpander");
+const TreeContext_1 = require("./TreeContext");
 /**
  * `TreeNode` component to display node content within a `Tree`.
  * Must be used inside `Tree` component to correctly set node `depth` and `subNodes`.
@@ -55,15 +33,15 @@ var TreeContext_1 = require("./TreeContext");
     icon={<SvgPlaceholder />}
   />
  */
-var TreeNode = function (props) {
-    var nodeId = props.nodeId, label = props.label, sublabel = props.sublabel, children = props.children, className = props.className, icon = props.icon, _a = props.hasSubNodes, hasSubNodes = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isExpanded, isExpanded = _c === void 0 ? false : _c, _d = props.isSelected, isSelected = _d === void 0 ? false : _d, onSelected = props.onSelected, onExpanded = props.onExpanded, checkbox = props.checkbox, expander = props.expander, rest = __rest(props, ["nodeId", "label", "sublabel", "children", "className", "icon", "hasSubNodes", "isDisabled", "isExpanded", "isSelected", "onSelected", "onExpanded", "checkbox", "expander"]);
+const TreeNode = (props) => {
+    const { nodeId, label, sublabel, children, className, icon, hasSubNodes = false, isDisabled = false, isExpanded = false, isSelected = false, onSelected, onExpanded, checkbox, expander, ...rest } = props;
     (0, utils_1.useTheme)();
-    var _e = (0, TreeContext_1.useTreeContext)(), nodeDepth = _e.nodeDepth, _f = _e.subNodeIds, subNodeIds = _f === void 0 ? [] : _f, parentNodeId = _e.parentNodeId, scrollToParent = _e.scrollToParent, groupSize = _e.groupSize, indexInGroup = _e.indexInGroup;
-    var _g = react_1.default.useState(false), isFocused = _g[0], setIsFocused = _g[1];
-    var nodeRef = react_1.default.useRef(null);
-    var onKeyDown = function (event) {
+    const { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup, } = (0, TreeContext_1.useTreeContext)();
+    const [isFocused, setIsFocused] = react_1.default.useState(false);
+    const nodeRef = react_1.default.useRef(null);
+    const onKeyDown = (event) => {
         var _a, _b, _c, _d, _e, _f;
-        var isNodeFocused = nodeRef.current === ((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement);
+        const isNodeFocused = nodeRef.current === ((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement);
         switch (event.key) {
             case 'ArrowLeft': {
                 event.preventDefault();
@@ -79,8 +57,8 @@ var TreeNode = function (props) {
                     // If it is top level node (doesn't have parent node), then do nothing.
                     break;
                 }
-                var focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
-                var currentIndex = focusableElements.indexOf((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.activeElement);
+                const focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
+                const currentIndex = focusableElements.indexOf((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.activeElement);
                 if (currentIndex === 0) {
                     (_c = nodeRef.current) === null || _c === void 0 ? void 0 : _c.focus();
                 }
@@ -91,7 +69,7 @@ var TreeNode = function (props) {
             }
             case 'ArrowRight': {
                 event.preventDefault();
-                var focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
+                const focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
                 if (isNodeFocused) {
                     if (!isExpanded && hasSubNodes) {
                         onExpanded(nodeId, true);
@@ -100,7 +78,7 @@ var TreeNode = function (props) {
                     (_e = focusableElements[0]) === null || _e === void 0 ? void 0 : _e.focus();
                     break;
                 }
-                var currentIndex = focusableElements.indexOf((_f = nodeRef.current) === null || _f === void 0 ? void 0 : _f.ownerDocument.activeElement);
+                const currentIndex = focusableElements.indexOf((_f = nodeRef.current) === null || _f === void 0 ? void 0 : _f.ownerDocument.activeElement);
                 if (currentIndex < focusableElements.length - 1) {
                     focusableElements[currentIndex + 1].focus();
                     break;
@@ -124,21 +102,21 @@ var TreeNode = function (props) {
                 break;
         }
     };
-    var onExpanderClick = react_1.default.useCallback(function (event) {
+    const onExpanderClick = react_1.default.useCallback((event) => {
         onExpanded(nodeId, !isExpanded);
         event.stopPropagation();
     }, [isExpanded, nodeId, onExpanded]);
-    return (react_1.default.createElement("li", __assign({ role: 'treeitem', className: (0, classnames_1.default)('iui-tree-item', className), id: nodeId, "aria-expanded": hasSubNodes ? isExpanded : undefined, "aria-disabled": isDisabled, "aria-selected": isSelected, "aria-level": nodeDepth + 1, "aria-setsize": groupSize, "aria-posinset": indexInGroup + 1, tabIndex: -1, onFocus: function (e) {
+    return (react_1.default.createElement("li", { role: 'treeitem', className: (0, classnames_1.default)('iui-tree-item', className), id: nodeId, "aria-expanded": hasSubNodes ? isExpanded : undefined, "aria-disabled": isDisabled, "aria-selected": isSelected, "aria-level": nodeDepth + 1, "aria-setsize": groupSize, "aria-posinset": indexInGroup + 1, tabIndex: -1, onFocus: (e) => {
             setIsFocused(true);
             // Prevents from triggering onFocus on parent Tree
             e.stopPropagation();
-        }, onBlur: function () {
+        }, onBlur: () => {
             setIsFocused(false);
-        }, ref: nodeRef, onKeyDown: onKeyDown }, rest),
+        }, ref: nodeRef, onKeyDown: onKeyDown, ...rest },
         react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-tree-node', {
                 'iui-active': isSelected,
                 'iui-disabled': isDisabled,
-            }), style: { '--level': nodeDepth }, onClick: function () { return !isDisabled && (onSelected === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected)); } },
+            }), style: { '--level': nodeDepth }, onClick: () => !isDisabled && (onSelected === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected)) },
             checkbox && react_1.default.isValidElement(checkbox)
                 ? react_1.default.cloneElement(checkbox, {
                     className: (0, classnames_1.default)('iui-tree-node-checkbox', checkbox.props.className),

package/cjs/core/Tree/TreeNodeExpander.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.TreeNodeExpander = 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");
-var IconButton_1 = require("../Buttons/IconButton");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const IconButton_1 = require("../Buttons/IconButton");
 require("@itwin/itwinui-css/css/tree.css");
-var TreeNodeExpander = function (props) {
-    var isExpanded = props.isExpanded, rest = __rest(props, ["isExpanded"]);
-    return (react_1.default.createElement(IconButton_1.IconButton, __assign({ styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand' }, rest),
+const TreeNodeExpander = (props) => {
+    const { isExpanded, ...rest } = props;
+    return (react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ...rest },
         react_1.default.createElement(utils_1.SvgChevronRight, { className: (0, classnames_1.default)('iui-tree-node-content-expander-icon', {
                 'iui-tree-node-content-expander-icon-expanded': isExpanded,
             }) })));

package/cjs/core/Typography/Anchor/Anchor.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,12 @@ exports.Anchor = 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/anchor.css");
-exports.Anchor = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
+exports.Anchor = react_1.default.forwardRef(({ className, ...rest }, ref) => {
     (0, utils_1.useTheme)();
-    return react_1.default.createElement("a", __assign({ className: (0, classnames_1.default)('iui-anchor', className), ref: ref }, rest));
+    return react_1.default.createElement("a", { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, ...rest });
 });
 exports.default = exports.Anchor;

package/cjs/core/Typography/Blockquote/Blockquote.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.Blockquote = 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");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
 require("@itwin/itwinui-css/css/blockquote.css");
 /**
  * Basic blockquote component
@@ -42,10 +20,10 @@ require("@itwin/itwinui-css/css/blockquote.css");
  *  <p>This is a quote from someone</p>
  * </Blockquote>
  */
-exports.Blockquote = react_1.default.forwardRef(function (props, ref) {
-    var className = props.className, children = props.children, footer = props.footer, rest = __rest(props, ["className", "children", "footer"]);
+exports.Blockquote = react_1.default.forwardRef((props, ref) => {
+    const { className, children, footer, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("blockquote", __assign({ className: (0, classnames_1.default)('iui-blockquote', className), ref: ref }, rest),
+    return (react_1.default.createElement("blockquote", { className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
         children,
         footer && react_1.default.createElement("footer", null, footer)));
 });

package/cjs/core/Typography/Body/Body.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,21 @@ exports.Body = 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");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
 require("@itwin/itwinui-css/css/text.css");
 /**
  * @deprecated Since v2, use `Text` with variant 'body'.
  * @example
  * <Text variant='body' as='p'>I'm some body text!</Text>
  */
-exports.Body = react_1.default.forwardRef(function (props, ref) {
-    var className = props.className, _a = props.isMuted, isMuted = _a === void 0 ? false : _a, _b = props.isSkeleton, isSkeleton = _b === void 0 ? false : _b, rest = __rest(props, ["className", "isMuted", "isSkeleton"]);
+exports.Body = react_1.default.forwardRef((props, ref) => {
+    const { className, isMuted = false, isSkeleton = false, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("p", __assign({ ref: ref, className: (0, classnames_1.default)('iui-text-block', 'iui-text-spacing', {
+    return (react_1.default.createElement("p", { ref: ref, className: (0, classnames_1.default)('iui-text-block', 'iui-text-spacing', {
             'iui-text-muted': isMuted,
             'iui-skeleton': isSkeleton,
-        }, className) }, rest)));
+        }, className), ...rest }));
 });
 exports.default = exports.Body;

package/cjs/core/Typography/Code/Code.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,19 +8,19 @@ exports.Code = 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");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
 require("@itwin/itwinui-css/css/code.css");
 /**
  * Inline code element.
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-var Code = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+const Code = (props) => {
+    const { className, children, ...rest } = props;
     (0, utils_1.useTheme)();
-    return (react_1.default.createElement("code", __assign({ className: (0, classnames_1.default)('iui-code', className) }, rest), children));
+    return (react_1.default.createElement("code", { className: (0, classnames_1.default)('iui-code', className), ...rest }, children));
 };
 exports.Code = Code;
 exports.default = exports.Code;