@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Tree/TreeNode.js

@@ -1,153 +1,264 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "TreeNode", {
-    enumerable: true,
-    get: function() {
-        return TreeNode;
-    }
+Object.defineProperty(exports, 'TreeNode', {
+  enumerable: true,
+  get: function () {
+    return TreeNode;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const _classnames = _interop_require_default._(require("classnames"));
-const _TreeNodeExpander = require("./TreeNodeExpander.js");
-const _TreeContext = require("./TreeContext.js");
-const TreeNode = _react.forwardRef((props, forwardedRef)=>{
-    let { nodeId, nodeProps = {}, label, labelProps = {}, sublabel, sublabelProps = {}, children, className, icon, iconProps = {}, hasSubNodes = false, isDisabled = false, isExpanded = false, isSelected = false, onSelected, onExpanded, checkbox, checkboxProps = {}, subTreeProps = {}, contentProps = {}, titleProps = {}, expanderProps = {}, expander, ...rest } = props;
-    let { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup } = (0, _TreeContext.useTreeContext)();
-    let [isFocused, setIsFocused] = _react.useState(false);
-    let nodeRef = _react.useRef(null);
-    let onKeyDown = (event)=>{
-        if (event.altKey) return;
-        let isNodeFocused = nodeRef.current === nodeRef.current?.ownerDocument.activeElement;
-        switch(event.key){
-            case 'ArrowLeft':
-                {
-                    event.preventDefault();
-                    if (isNodeFocused) {
-                        if (isExpanded) {
-                            onExpanded(nodeId, false);
-                            break;
-                        }
-                        if (parentNodeId) scrollToParent?.();
-                        break;
-                    }
-                    let focusableElements = (0, _index.getFocusableElements)(nodeRef.current);
-                    let currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
-                    if (0 === currentIndex) nodeRef.current?.focus();
-                    else focusableElements[currentIndex - 1]?.focus();
-                    break;
-                }
-            case 'ArrowRight':
-                {
-                    event.preventDefault();
-                    let focusableElements = (0, _index.getFocusableElements)(nodeRef.current);
-                    if (isNodeFocused) {
-                        if (!isExpanded && hasSubNodes) {
-                            onExpanded(nodeId, true);
-                            break;
-                        }
-                        focusableElements[0]?.focus();
-                        break;
-                    }
-                    let currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
-                    if (currentIndex < focusableElements.length - 1) focusableElements[currentIndex + 1].focus();
-                    break;
-                }
-            case ' ':
-            case 'Spacebar':
-            case 'Enter':
-                if (event.target !== nodeRef.current) break;
-                event.preventDefault();
-                if (!isDisabled) onSelected?.(nodeId, !isSelected);
-                break;
-            default:
-                break;
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const _TreeNodeExpander = require('./TreeNodeExpander.js');
+const _TreeContext = require('./TreeContext.js');
+const TreeNode = _react.forwardRef((props, forwardedRef) => {
+  let {
+    nodeId,
+    nodeProps = {},
+    label,
+    labelProps = {},
+    sublabel,
+    sublabelProps = {},
+    children,
+    className,
+    icon,
+    iconProps = {},
+    hasSubNodes = false,
+    isDisabled = false,
+    isExpanded = false,
+    isSelected = false,
+    onSelected,
+    onExpanded,
+    checkbox,
+    checkboxProps = {},
+    subTreeProps = {},
+    contentProps = {},
+    titleProps = {},
+    expanderProps = {},
+    expander,
+    ...rest
+  } = props;
+  let {
+    nodeDepth,
+    subNodeIds = [],
+    parentNodeId,
+    scrollToParent,
+    groupSize,
+    indexInGroup,
+  } = (0, _TreeContext.useTreeContext)();
+  let [isFocused, setIsFocused] = _react.useState(false);
+  let nodeRef = _react.useRef(null);
+  let onKeyDown = (event) => {
+    if (event.altKey) return;
+    let isNodeFocused =
+      nodeRef.current === nodeRef.current?.ownerDocument.activeElement;
+    switch (event.key) {
+      case 'ArrowLeft': {
+        event.preventDefault();
+        if (isNodeFocused) {
+          if (isExpanded) {
+            onExpanded(nodeId, false);
+            break;
+          }
+          if (parentNodeId) scrollToParent?.();
+          break;
+        }
+        let focusableElements = (0, _index.getFocusableElements)(
+          nodeRef.current,
+        );
+        let currentIndex = focusableElements.indexOf(
+          nodeRef.current?.ownerDocument.activeElement,
+        );
+        if (0 === currentIndex) nodeRef.current?.focus();
+        else focusableElements[currentIndex - 1]?.focus();
+        break;
+      }
+      case 'ArrowRight': {
+        event.preventDefault();
+        let focusableElements = (0, _index.getFocusableElements)(
+          nodeRef.current,
+        );
+        if (isNodeFocused) {
+          if (!isExpanded && hasSubNodes) {
+            onExpanded(nodeId, true);
+            break;
+          }
+          focusableElements[0]?.focus();
+          break;
         }
-    };
-    let onExpanderClick = _react.useCallback((event)=>{
-        onExpanded(nodeId, !isExpanded);
-        event.stopPropagation();
-    }, [
-        isExpanded,
-        nodeId,
-        onExpanded
-    ]);
-    return _react.createElement(_index.Box, {
-        as: "div",
-        role: "treeitem",
-        className: (0, _classnames.default)('iui-tree-item', className),
-        "aria-expanded": hasSubNodes ? isExpanded : void 0,
-        "aria-disabled": isDisabled,
-        "aria-selected": isSelected,
-        "aria-level": nodeDepth + 1,
-        "aria-setsize": groupSize,
-        "aria-posinset": indexInGroup + 1,
-        tabIndex: -1,
-        ...rest,
-        id: nodeId,
-        ref: (0, _index.useMergedRefs)(nodeRef, forwardedRef),
-        onFocus: (0, _index.mergeEventHandlers)(props.onFocus, (e)=>{
-            setIsFocused(true);
-            e.stopPropagation();
-        }),
-        onBlur: (0, _index.mergeEventHandlers)(props.onBlur, ()=>{
-            setIsFocused(false);
-        }),
-        onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, onKeyDown)
-    }, _react.createElement(_index.Box, {
-        as: "div",
+        let currentIndex = focusableElements.indexOf(
+          nodeRef.current?.ownerDocument.activeElement,
+        );
+        if (currentIndex < focusableElements.length - 1)
+          focusableElements[currentIndex + 1].focus();
+        break;
+      }
+      case ' ':
+      case 'Spacebar':
+      case 'Enter':
+        if (event.target !== nodeRef.current) break;
+        event.preventDefault();
+        if (!isDisabled) onSelected?.(nodeId, !isSelected);
+        break;
+      default:
+        break;
+    }
+  };
+  let onExpanderClick = _react.useCallback(
+    (event) => {
+      onExpanded(nodeId, !isExpanded);
+      event.stopPropagation();
+    },
+    [isExpanded, nodeId, onExpanded],
+  );
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'div',
+      role: 'treeitem',
+      className: (0, _classnames.default)('iui-tree-item', className),
+      'aria-expanded': hasSubNodes ? isExpanded : void 0,
+      'aria-disabled': isDisabled,
+      'aria-selected': isSelected,
+      'aria-level': nodeDepth + 1,
+      'aria-setsize': groupSize,
+      'aria-posinset': indexInGroup + 1,
+      tabIndex: -1,
+      ...rest,
+      id: nodeId,
+      ref: (0, _index.useMergedRefs)(nodeRef, forwardedRef),
+      onFocus: (0, _index.mergeEventHandlers)(props.onFocus, (e) => {
+        setIsFocused(true);
+        e.stopPropagation();
+      }),
+      onBlur: (0, _index.mergeEventHandlers)(props.onBlur, () => {
+        setIsFocused(false);
+      }),
+      onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, onKeyDown),
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'div',
         style: {
-            '--level': nodeDepth
+          '--level': nodeDepth,
         },
-        onClick: ()=>!isDisabled && onSelected?.(nodeId, !isSelected),
+        onClick: () => !isDisabled && onSelected?.(nodeId, !isSelected),
         ...nodeProps,
-        className: (0, _classnames.default)('iui-tree-node', {
+        className: (0, _classnames.default)(
+          'iui-tree-node',
+          {
             'iui-active': isSelected,
-            'iui-disabled': isDisabled
-        }, nodeProps?.className)
-    }, checkbox && _react.createElement(_index.Box, {
-        as: "div",
-        ...checkboxProps,
-        className: (0, _classnames.default)('iui-tree-node-checkbox', checkboxProps?.className)
-    }, _react.isValidElement(checkbox) ? _react.cloneElement(checkbox, {
-        tabIndex: isFocused ? 0 : -1
-    }) : checkbox), _react.createElement(_index.Box, {
-        as: "div",
-        ...contentProps,
-        className: (0, _classnames.default)('iui-tree-node-content', contentProps?.className)
-    }, hasSubNodes && expander, hasSubNodes && !expander && _react.createElement(_TreeNodeExpander.TreeNodeExpander, {
-        isExpanded: isExpanded,
-        disabled: isDisabled,
-        onClick: onExpanderClick,
-        tabIndex: isFocused ? 0 : -1,
-        ...expanderProps
-    }), icon && _react.createElement(_index.Box, {
-        as: "span",
-        "aria-hidden": true,
-        ...iconProps,
-        className: (0, _classnames.default)('iui-tree-node-content-icon', iconProps?.className)
-    }, icon), _react.createElement(_index.Box, {
-        as: "div",
-        ...labelProps,
-        className: (0, _classnames.default)('iui-tree-node-content-label', labelProps?.className)
-    }, _react.createElement(_index.Box, {
-        as: "div",
-        ...titleProps,
-        className: (0, _classnames.default)('iui-tree-node-content-title', titleProps?.className)
-    }, label), sublabel && _react.createElement(_index.Box, {
-        as: "div",
-        ...sublabelProps,
-        className: (0, _classnames.default)('iui-tree-node-content-caption', sublabelProps?.className)
-    }, sublabel)), children)), hasSubNodes && _react.createElement(_index.Box, {
-        as: "div",
-        role: "group",
-        "aria-owns": subNodeIds.join(' '),
+            'iui-disabled': isDisabled,
+          },
+          nodeProps?.className,
+        ),
+      },
+      checkbox &&
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'div',
+            ...checkboxProps,
+            className: (0, _classnames.default)(
+              'iui-tree-node-checkbox',
+              checkboxProps?.className,
+            ),
+          },
+          _react.isValidElement(checkbox)
+            ? _react.cloneElement(checkbox, {
+                tabIndex: isFocused ? 0 : -1,
+              })
+            : checkbox,
+        ),
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...contentProps,
+          className: (0, _classnames.default)(
+            'iui-tree-node-content',
+            contentProps?.className,
+          ),
+        },
+        hasSubNodes && expander,
+        hasSubNodes &&
+          !expander &&
+          _react.createElement(_TreeNodeExpander.TreeNodeExpander, {
+            isExpanded: isExpanded,
+            disabled: isDisabled,
+            onClick: onExpanderClick,
+            tabIndex: isFocused ? 0 : -1,
+            ...expanderProps,
+          }),
+        icon &&
+          _react.createElement(
+            _index.Box,
+            {
+              as: 'span',
+              'aria-hidden': true,
+              ...iconProps,
+              className: (0, _classnames.default)(
+                'iui-tree-node-content-icon',
+                iconProps?.className,
+              ),
+            },
+            icon,
+          ),
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'div',
+            ...labelProps,
+            className: (0, _classnames.default)(
+              'iui-tree-node-content-label',
+              labelProps?.className,
+            ),
+          },
+          _react.createElement(
+            _index.Box,
+            {
+              as: 'div',
+              ...titleProps,
+              className: (0, _classnames.default)(
+                'iui-tree-node-content-title',
+                titleProps?.className,
+              ),
+            },
+            label,
+          ),
+          sublabel &&
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'div',
+                ...sublabelProps,
+                className: (0, _classnames.default)(
+                  'iui-tree-node-content-caption',
+                  sublabelProps?.className,
+                ),
+              },
+              sublabel,
+            ),
+        ),
+        children,
+      ),
+    ),
+    hasSubNodes &&
+      _react.createElement(_index.Box, {
+        as: 'div',
+        role: 'group',
+        'aria-owns': subNodeIds.join(' '),
         ...subTreeProps,
-        className: (0, _classnames.default)('iui-sub-tree', subTreeProps?.className)
-    }));
+        className: (0, _classnames.default)(
+          'iui-sub-tree',
+          subTreeProps?.className,
+        ),
+      }),
+  );
 });
 TreeNode.displayName = 'TreeNode';

package/DEV-cjs/core/Tree/TreeNodeExpander.js

@@ -1,35 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "TreeNodeExpander", {
-    enumerable: true,
-    get: function() {
-        return TreeNodeExpander;
-    }
+Object.defineProperty(exports, 'TreeNodeExpander', {
+  enumerable: true,
+  get: function () {
+    return TreeNodeExpander;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _IconButton = require("../Buttons/IconButton.js");
-const _TreeContext = require("./TreeContext.js");
-const TreeNodeExpander = _react.forwardRef((props, ref)=>{
-    let { isExpanded, expanderIconProps = {}, ...rest } = props;
-    let size = _react.useContext(_TreeContext.TreeContext)?.size ?? 'default';
-    let ChevronIcon = 'small' === size ? _index.SvgChevronRightSmall : _index.SvgChevronRight;
-    return _react.createElement(_IconButton.IconButton, {
-        styleType: "borderless",
-        size: "small",
-        "aria-label": isExpanded ? 'Collapse' : 'Expand',
-        ref: ref,
-        ...rest
-    }, _react.createElement(ChevronIcon, {
-        ...expanderIconProps,
-        className: (0, _classnames.default)('iui-tree-node-content-expander-icon', expanderIconProps?.className, {
-            'iui-tree-node-content-expander-icon-expanded': isExpanded
-        })
-    }));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _IconButton = require('../Buttons/IconButton.js');
+const _TreeContext = require('./TreeContext.js');
+const TreeNodeExpander = _react.forwardRef((props, ref) => {
+  let { isExpanded, expanderIconProps = {}, ...rest } = props;
+  let size = _react.useContext(_TreeContext.TreeContext)?.size ?? 'default';
+  let ChevronIcon =
+    'small' === size ? _index.SvgChevronRightSmall : _index.SvgChevronRight;
+  return _react.createElement(
+    _IconButton.IconButton,
+    {
+      styleType: 'borderless',
+      size: 'small',
+      'aria-label': isExpanded ? 'Collapse' : 'Expand',
+      ref: ref,
+      ...rest,
+    },
+    _react.createElement(ChevronIcon, {
+      ...expanderIconProps,
+      className: (0, _classnames.default)(
+        'iui-tree-node-content-expander-icon',
+        expanderIconProps?.className,
+        {
+          'iui-tree-node-content-expander-icon-expanded': isExpanded,
+        },
+      ),
+    }),
+  );
 });
 TreeNodeExpander.displayName = 'TreeNode.Expander';

package/DEV-cjs/core/Typography/Anchor.js

@@ -1,31 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Anchor", {
-    enumerable: true,
-    get: function() {
-        return Anchor;
-    }
+Object.defineProperty(exports, 'Anchor', {
+  enumerable: true,
+  get: function () {
+    return Anchor;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
-const _Text = require("./Text.js");
-const Anchor = _react.forwardRef((props, forwardedRef)=>{
-    let isInsideText = _react.useContext(_Text.TextContext);
-    let { isExternal, underline = isInsideText, children, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        as: "a",
-        "data-iui-underline": underline ? 'true' : void 0,
-        ...rest,
-        ref: forwardedRef,
-        className: (0, _classnames.default)('iui-anchor', {
-            'iui-anchor-external': isExternal
-        }, props.className)
-    }, children, '_blank' === props.target && _react.createElement(_VisuallyHidden.VisuallyHidden, null, " (opens in new tab)"));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const _Text = require('./Text.js');
+const Anchor = _react.forwardRef((props, forwardedRef) => {
+  let isInsideText = _react.useContext(_Text.TextContext);
+  let { isExternal, underline = isInsideText, children, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'a',
+      'data-iui-underline': underline ? 'true' : void 0,
+      ...rest,
+      ref: forwardedRef,
+      className: (0, _classnames.default)(
+        'iui-anchor',
+        {
+          'iui-anchor-external': isExternal,
+        },
+        props.className,
+      ),
+    },
+    children,
+    '_blank' === props.target &&
+      _react.createElement(
+        _VisuallyHidden.VisuallyHidden,
+        null,
+        ' (opens in new tab)',
+      ),
+  );
 });
 Anchor.displayName = 'Anchor';

package/DEV-cjs/core/Typography/Blockquote.js

@@ -1,25 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Blockquote", {
-    enumerable: true,
-    get: function() {
-        return Blockquote;
-    }
+Object.defineProperty(exports, 'Blockquote', {
+  enumerable: true,
+  get: function () {
+    return Blockquote;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _classnames = _interop_require_default._(require("classnames"));
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const Blockquote = _react.forwardRef((props, ref)=>{
-    let { className, children, footer, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        as: "blockquote",
-        className: (0, _classnames.default)('iui-blockquote', className),
-        ref: ref,
-        ...rest
-    }, children, footer && _react.createElement("footer", null, footer));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const Blockquote = _react.forwardRef((props, ref) => {
+  let { className, children, footer, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'blockquote',
+      className: (0, _classnames.default)('iui-blockquote', className),
+      ref: ref,
+      ...rest,
+    },
+    children,
+    footer && _react.createElement('footer', null, footer),
+  );
 });
 Blockquote.displayName = 'Blockquote';

package/DEV-cjs/core/Typography/Code.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Code", {
-    enumerable: true,
-    get: function() {
-        return Code;
-    }
+Object.defineProperty(exports, 'Code', {
+  enumerable: true,
+  get: function () {
+    return Code;
+  },
 });
-const _index = require("../../utils/index.js");
+const _index = require('../../utils/index.js');
 const Code = _index.polymorphic.code('iui-code');
 Code.displayName = 'Code';