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

package/esm/core/Tree/Tree.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.
@@ -79,37 +57,37 @@ import { TreeContext } from './TreeContext';
     ), [onNodeExpanded])}
   />
  */
-export 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"]);
+export const Tree = (props) => {
+    const { data, className, nodeRenderer, getNode, enableVirtualization = false, style, ...rest } = props;
     useTheme();
-    var treeRef = React.useRef(null);
-    var focusedIndex = React.useRef(0);
-    React.useEffect(function () {
+    const treeRef = React.useRef(null);
+    const focusedIndex = React.useRef(0);
+    React.useEffect(() => {
         focusedIndex.current = 0;
     }, [data]);
-    var getFocusableNodes = React.useCallback(function () {
-        var focusableItems = getFocusableElements(treeRef.current);
+    const getFocusableNodes = React.useCallback(() => {
+        const focusableItems = 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;
@@ -118,19 +96,17 @@ export var Tree = function (props) {
                 break;
         }
     };
-    var _b = React.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.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);
@@ -139,7 +115,7 @@ export 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;
                 }
             });
@@ -147,10 +123,10 @@ export var Tree = function (props) {
         };
         flattenNodes(data);
         return [flatList, firstLevelNodes];
-    }, [data, getNode]), flatNodesList = _b[0], firstLevelNodesList = _b[1];
-    var itemRenderer = React.useCallback(function (index) {
+    }, [data, getNode]);
+    const itemRenderer = React.useCallback((index) => {
         var _a, _b, _c, _d;
-        var node = flatNodesList[index];
+        const node = flatNodesList[index];
         return (React.createElement(TreeContext.Provider, { key: node.nodeProps.nodeId, value: {
                 nodeDepth: node.depth,
                 subNodeIds: node.subNodeIds,
@@ -160,26 +136,26 @@ export 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.useState(), scrollToIndex = _c[0], setScrollToIndex = _c[1];
-    var flatNodesListRef = React.useRef(flatNodesList);
-    React.useEffect(function () {
+    const [scrollToIndex, setScrollToIndex] = React.useState();
+    const flatNodesListRef = React.useRef(flatNodesList);
+    React.useEffect(() => {
         flatNodesListRef.current = flatNodesList;
     }, [flatNodesList]);
-    React.useEffect(function () {
-        setTimeout(function () {
+    React.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
@@ -188,31 +164,33 @@ export 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.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualizedTree, __assign({ flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style }, rest))) : (React.createElement(TreeElement, __assign({ onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef }, rest), flatNodesList.map(function (_, i) { return itemRenderer(i); })))));
+    return (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (React.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));
 };
-var TreeElement = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
-    return (React.createElement("ul", __assign({ className: cx('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0 }, rest), children));
+const TreeElement = React.forwardRef(({ children, className, ...rest }, ref) => {
+    return (React.createElement("ul", { className: cx('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0, ...rest }, children));
 });
 // Having virtualized tree separately prevents from running all virtualization logic
-var VirtualizedTree = React.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 = useVirtualization({
+const VirtualizedTree = React.forwardRef(({ flatNodesList, itemRenderer, scrollToIndex, className, style, ...rest }, ref) => {
+    const { outerProps, innerProps, visibleChildren } = useVirtualization({
         itemsLength: flatNodesList.length,
         itemRenderer: itemRenderer,
-        scrollToIndex: scrollToIndex,
-    }), outerProps = _b.outerProps, innerProps = _b.innerProps, visibleChildren = _b.visibleChildren;
-    return (React.createElement("div", __assign({}, __assign(__assign({}, outerProps), { className: cx(className, outerProps.className), style: __assign(__assign({}, style), outerProps.style) })),
-        React.createElement(TreeElement, __assign({}, innerProps, rest, { ref: mergeRefs(ref, innerProps.ref) }), visibleChildren)));
+        scrollToIndex,
+    });
+    return (React.createElement("div", { ...{
+            ...outerProps,
+            className: cx(className, outerProps.className),
+            style: { ...style, ...outerProps.style },
+        } },
+        React.createElement(TreeElement, { ...innerProps, ...rest, ref: mergeRefs(ref, innerProps.ref) }, visibleChildren)));
 });
 export default Tree;

package/esm/core/Tree/TreeContext.js

@@ -3,9 +3,9 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-export var TreeContext = React.createContext(undefined);
-export var useTreeContext = function () {
-    var context = React.useContext(TreeContext);
+export const TreeContext = React.createContext(undefined);
+export const useTreeContext = () => {
+    const context = React.useContext(TreeContext);
     if (context == undefined) {
         throw new Error('TreeContext must be used within a TreeContext.Provider');
     }

package/esm/core/Tree/TreeNode.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.
@@ -49,15 +27,15 @@ import { useTreeContext } from './TreeContext';
     icon={<SvgPlaceholder />}
   />
  */
-export 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"]);
+export const TreeNode = (props) => {
+    const { nodeId, label, sublabel, children, className, icon, hasSubNodes = false, isDisabled = false, isExpanded = false, isSelected = false, onSelected, onExpanded, checkbox, expander, ...rest } = props;
     useTheme();
-    var _e = 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.useState(false), isFocused = _g[0], setIsFocused = _g[1];
-    var nodeRef = React.useRef(null);
-    var onKeyDown = function (event) {
+    const { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup, } = useTreeContext();
+    const [isFocused, setIsFocused] = React.useState(false);
+    const nodeRef = React.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();
@@ -73,8 +51,8 @@ export var TreeNode = function (props) {
                     // If it is top level node (doesn't have parent node), then do nothing.
                     break;
                 }
-                var focusableElements = getFocusableElements(nodeRef.current);
-                var currentIndex = focusableElements.indexOf((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.activeElement);
+                const focusableElements = 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();
                 }
@@ -85,7 +63,7 @@ export var TreeNode = function (props) {
             }
             case 'ArrowRight': {
                 event.preventDefault();
-                var focusableElements = getFocusableElements(nodeRef.current);
+                const focusableElements = getFocusableElements(nodeRef.current);
                 if (isNodeFocused) {
                     if (!isExpanded && hasSubNodes) {
                         onExpanded(nodeId, true);
@@ -94,7 +72,7 @@ export 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;
@@ -118,21 +96,21 @@ export var TreeNode = function (props) {
                 break;
         }
     };
-    var onExpanderClick = React.useCallback(function (event) {
+    const onExpanderClick = React.useCallback((event) => {
         onExpanded(nodeId, !isExpanded);
         event.stopPropagation();
     }, [isExpanded, nodeId, onExpanded]);
-    return (React.createElement("li", __assign({ role: 'treeitem', className: cx('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.createElement("li", { role: 'treeitem', className: cx('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.createElement("div", { className: cx('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.isValidElement(checkbox)
                 ? React.cloneElement(checkbox, {
                     className: cx('iui-tree-node-checkbox', checkbox.props.className),

package/esm/core/Tree/TreeNodeExpander.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.
@@ -29,9 +7,9 @@ import cx from 'classnames';
 import { SvgChevronRight } from '../utils';
 import { IconButton } from '../Buttons/IconButton';
 import '@itwin/itwinui-css/css/tree.css';
-export var TreeNodeExpander = function (props) {
-    var isExpanded = props.isExpanded, rest = __rest(props, ["isExpanded"]);
-    return (React.createElement(IconButton, __assign({ styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand' }, rest),
+export const TreeNodeExpander = (props) => {
+    const { isExpanded, ...rest } = props;
+    return (React.createElement(IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ...rest },
         React.createElement(SvgChevronRight, { className: cx('iui-tree-node-content-expander-icon', {
                 'iui-tree-node-content-expander-icon-expanded': isExpanded,
             }) })));

package/esm/core/Typography/Anchor/Anchor.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.
@@ -28,9 +6,8 @@ import React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../../utils';
 import '@itwin/itwinui-css/css/anchor.css';
-export var Anchor = React.forwardRef(function (_a, ref) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
+export const Anchor = React.forwardRef(({ className, ...rest }, ref) => {
     useTheme();
-    return React.createElement("a", __assign({ className: cx('iui-anchor', className), ref: ref }, rest));
+    return React.createElement("a", { className: cx('iui-anchor', className), ref: ref, ...rest });
 });
 export default Anchor;

package/esm/core/Typography/Blockquote/Blockquote.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.
@@ -36,10 +14,10 @@ import '@itwin/itwinui-css/css/blockquote.css';
  *  <p>This is a quote from someone</p>
  * </Blockquote>
  */
-export var Blockquote = React.forwardRef(function (props, ref) {
-    var className = props.className, children = props.children, footer = props.footer, rest = __rest(props, ["className", "children", "footer"]);
+export const Blockquote = React.forwardRef((props, ref) => {
+    const { className, children, footer, ...rest } = props;
     useTheme();
-    return (React.createElement("blockquote", __assign({ className: cx('iui-blockquote', className), ref: ref }, rest),
+    return (React.createElement("blockquote", { className: cx('iui-blockquote', className), ref: ref, ...rest },
         children,
         footer && React.createElement("footer", null, footer)));
 });

package/esm/core/Typography/Body/Body.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.
@@ -33,12 +11,12 @@ import '@itwin/itwinui-css/css/text.css';
  * @example
  * <Text variant='body' as='p'>I'm some body text!</Text>
  */
-export var Body = React.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"]);
+export const Body = React.forwardRef((props, ref) => {
+    const { className, isMuted = false, isSkeleton = false, ...rest } = props;
     useTheme();
-    return (React.createElement("p", __assign({ ref: ref, className: cx('iui-text-block', 'iui-text-spacing', {
+    return (React.createElement("p", { ref: ref, className: cx('iui-text-block', 'iui-text-spacing', {
             'iui-text-muted': isMuted,
             'iui-skeleton': isSkeleton,
-        }, className) }, rest)));
+        }, className), ...rest }));
 });
 export default Body;

package/esm/core/Typography/Code/Code.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.
@@ -33,9 +11,9 @@ import '@itwin/itwinui-css/css/code.css';
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-export var Code = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+export const Code = (props) => {
+    const { className, children, ...rest } = props;
     useTheme();
-    return (React.createElement("code", __assign({ className: cx('iui-code', className) }, rest), children));
+    return (React.createElement("code", { className: cx('iui-code', className), ...rest }, children));
 };
 export default Code;

package/esm/core/Typography/Headline/Headline.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.
@@ -33,9 +11,9 @@ import '@itwin/itwinui-css/css/text.css';
  * @example
  * <Text variant='headline' as='h1'>I'm a headline!</Text>
  */
-export var Headline = React.forwardRef(function (props, ref) {
-    var className = props.className, _a = props.isMuted, isMuted = _a === void 0 ? false : _a, rest = __rest(props, ["className", "isMuted"]);
+export const Headline = React.forwardRef((props, ref) => {
+    const { className, isMuted = false, ...rest } = props;
     useTheme();
-    return (React.createElement("h1", __assign({ ref: ref, className: cx('iui-text-headline', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className) }, rest)));
+    return (React.createElement("h1", { ref: ref, className: cx('iui-text-headline', 'iui-text-spacing', { 'iui-text-muted': isMuted }, className), ...rest }));
 });
 export default Headline;

package/esm/core/Typography/Kbd/Kbd.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -31,7 +9,7 @@ import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.
  */
-export var KbdKeys = {
+export const KbdKeys = {
     Command: '\u2318 Cmd',
     Shift: '\u21e7 Shift',
     Backspace: '\u232b Backspace',
@@ -52,9 +30,9 @@ export var KbdKeys = {
  * <Kbd>A</Kbd>
  * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
  */
-export var Kbd = function (props) {
-    var className = props.className, children = props.children, rest = __rest(props, ["className", "children"]);
+export const Kbd = (props) => {
+    const { className, children, ...rest } = props;
     useTheme();
-    return (React.createElement("kbd", __assign({ className: cx('iui-keyboard', className) }, rest), children));
+    return (React.createElement("kbd", { className: cx('iui-keyboard', className), ...rest }, children));
 };
 export default Kbd;