@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Header/HeaderButton.js

@@ -1,51 +1,95 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderButton", {
-    enumerable: true,
-    get: function() {
-        return HeaderButton;
-    }
+Object.defineProperty(exports, 'HeaderButton', {
+  enumerable: true,
+  get: function () {
+    return HeaderButton;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const _HeaderSplitButton = require("./HeaderSplitButton.js");
-const _HeaderDropdownButton = require("./HeaderDropdownButton.js");
-const _HeaderBasicButton = require("./HeaderBasicButton.js");
-const HeaderButton = _react.forwardRef((props, ref)=>{
-    let { name, description, htmlName, isActive = false, startIcon, menuItems, disabled, ...rest } = props;
-    let buttonProps = {
-        startIcon: startIcon ? _react.createElement(_index.Box, {
-            as: "span",
-            className: "iui-header-breadcrumb-button-icon",
-            "aria-hidden": true
-        }, startIcon) : null,
-        children: _react.createElement(_index.Box, {
-            as: "span",
-            className: "iui-header-breadcrumb-button-text"
-        }, _react.createElement(_index.Box, {
-            as: "span",
-            className: "iui-header-breadcrumb-button-text-label"
-        }, name), description && _react.createElement(_index.Box, {
-            as: "span",
-            className: "iui-header-breadcrumb-button-text-sublabel"
-        }, description)),
-        ref: ref,
-        disabled: disabled,
-        name: htmlName,
-        ...!!menuItems && {
-            menuItems
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _HeaderSplitButton = require('./HeaderSplitButton.js');
+const _HeaderDropdownButton = require('./HeaderDropdownButton.js');
+const _HeaderBasicButton = require('./HeaderBasicButton.js');
+const HeaderButton = _react.forwardRef((props, ref) => {
+  let {
+    name,
+    description,
+    htmlName,
+    isActive = false,
+    startIcon,
+    menuItems,
+    disabled,
+    ...rest
+  } = props;
+  let buttonProps = {
+    startIcon: startIcon
+      ? _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            className: 'iui-header-breadcrumb-button-icon',
+            'aria-hidden': true,
+          },
+          startIcon,
+        )
+      : null,
+    children: _react.createElement(
+      _index.Box,
+      {
+        as: 'span',
+        className: 'iui-header-breadcrumb-button-text',
+      },
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'span',
+          className: 'iui-header-breadcrumb-button-text-label',
         },
-        ...rest
-    };
-    let headerButton = props.menuItems && props.onClick ? _react.createElement(_HeaderSplitButton.HeaderSplitButton, buttonProps) : props.menuItems ? _react.createElement(_HeaderDropdownButton.HeaderDropdownButton, buttonProps) : _react.createElement(_HeaderBasicButton.HeaderBasicButton, buttonProps);
-    return _react.createElement(_index.Box, {
-        as: "li",
-        className: "iui-header-breadcrumb-item",
-        "aria-current": isActive ? 'location' : void 0,
-        "aria-disabled": disabled ? 'true' : void 0
-    }, headerButton);
+        name,
+      ),
+      description &&
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            className: 'iui-header-breadcrumb-button-text-sublabel',
+          },
+          description,
+        ),
+    ),
+    ref: ref,
+    disabled: disabled,
+    name: htmlName,
+    ...(!!menuItems && {
+      menuItems,
+    }),
+    ...rest,
+  };
+  let headerButton =
+    props.menuItems && props.onClick
+      ? _react.createElement(_HeaderSplitButton.HeaderSplitButton, buttonProps)
+      : props.menuItems
+        ? _react.createElement(
+            _HeaderDropdownButton.HeaderDropdownButton,
+            buttonProps,
+          )
+        : _react.createElement(
+            _HeaderBasicButton.HeaderBasicButton,
+            buttonProps,
+          );
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'li',
+      className: 'iui-header-breadcrumb-item',
+      'aria-current': isActive ? 'location' : void 0,
+      'aria-disabled': disabled ? 'true' : void 0,
+    },
+    headerButton,
+  );
 });
 HeaderButton.displayName = 'HeaderButton';

package/DEV-cjs/core/Header/HeaderDropdownButton.js

@@ -1,48 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderDropdownButton", {
-    enumerable: true,
-    get: function() {
-        return HeaderDropdownButton;
-    }
+Object.defineProperty(exports, 'HeaderDropdownButton', {
+  enumerable: true,
+  get: function () {
+    return HeaderDropdownButton;
+  },
 });
-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 _DropdownMenu = require("../DropdownMenu/DropdownMenu.js");
-const _index = require("../../utils/index.js");
-const _HeaderBasicButton = require("./HeaderBasicButton.js");
-const HeaderDropdownButton = _react.forwardRef((props, ref)=>{
-    let { menuItems, className, children, ...rest } = props;
-    let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
-    let [menuWidth, setMenuWidth] = _react.useState(0);
-    let buttonRef = _react.useRef(null);
-    let refs = (0, _index.useMergedRefs)(ref, buttonRef);
-    _react.useEffect(()=>{
-        if (buttonRef.current) setMenuWidth(buttonRef.current.offsetWidth);
-    }, [
-        children
-    ]);
-    return _react.createElement(_DropdownMenu.DropdownMenu, {
-        menuItems: menuItems,
-        style: {
-            minInlineSize: menuWidth
-        },
-        onVisibleChange: (open)=>setIsMenuOpen(open)
-    }, _react.createElement(_HeaderBasicButton.HeaderBasicButton, {
-        className: (0, _classnames.default)('iui-header-breadcrumb-button', className),
+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 _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
+const _index = require('../../utils/index.js');
+const _HeaderBasicButton = require('./HeaderBasicButton.js');
+const HeaderDropdownButton = _react.forwardRef((props, ref) => {
+  let { menuItems, className, children, ...rest } = props;
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  let [menuWidth, setMenuWidth] = _react.useState(0);
+  let buttonRef = _react.useRef(null);
+  let refs = (0, _index.useMergedRefs)(ref, buttonRef);
+  _react.useEffect(() => {
+    if (buttonRef.current) setMenuWidth(buttonRef.current.offsetWidth);
+  }, [children]);
+  return _react.createElement(
+    _DropdownMenu.DropdownMenu,
+    {
+      menuItems: menuItems,
+      style: {
+        minInlineSize: menuWidth,
+      },
+      onVisibleChange: (open) => setIsMenuOpen(open),
+    },
+    _react.createElement(
+      _HeaderBasicButton.HeaderBasicButton,
+      {
+        className: (0, _classnames.default)(
+          'iui-header-breadcrumb-button',
+          className,
+        ),
         ref: refs,
-        "aria-label": "Dropdown",
-        endIcon: isMenuOpen ? _react.createElement(_index.SvgCaretUpSmall, {
-            className: "iui-header-breadcrumb-button-dropdown-icon",
-            "aria-hidden": true
-        }) : _react.createElement(_index.SvgCaretDownSmall, {
-            className: "iui-header-breadcrumb-button-dropdown-icon",
-            "aria-hidden": true
-        }),
-        ...rest
-    }, children));
+        'aria-label': 'Dropdown',
+        endIcon: isMenuOpen
+          ? _react.createElement(_index.SvgCaretUpSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            })
+          : _react.createElement(_index.SvgCaretDownSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            }),
+        ...rest,
+      },
+      children,
+    ),
+  );
 });

package/DEV-cjs/core/Header/HeaderLogo.js

@@ -1,34 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderLogo", {
-    enumerable: true,
-    get: function() {
-        return HeaderLogo;
-    }
+Object.defineProperty(exports, 'HeaderLogo', {
+  enumerable: true,
+  get: function () {
+    return HeaderLogo;
+  },
 });
-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 HeaderLogo = _react.forwardRef((props, ref)=>{
-    let { className, children, logo, onClick, as = onClick ? 'button' : 'div', ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-header-brand', className),
-        as: as,
-        type: 'button' === as ? 'button' : void 0,
-        onClick: onClick,
-        ref: ref,
-        ...rest
-    }, logo ? _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-header-brand-icon",
-        "aria-hidden": true
-    }, logo) : null, children && _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-header-brand-label"
-    }, children));
+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 HeaderLogo = _react.forwardRef((props, ref) => {
+  let {
+    className,
+    children,
+    logo,
+    onClick,
+    as = onClick ? 'button' : 'div',
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-header-brand', className),
+      as: as,
+      type: 'button' === as ? 'button' : void 0,
+      onClick: onClick,
+      ref: ref,
+      ...rest,
+    },
+    logo
+      ? _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            className: 'iui-header-brand-icon',
+            'aria-hidden': true,
+          },
+          logo,
+        )
+      : null,
+    children &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'span',
+          className: 'iui-header-brand-label',
+        },
+        children,
+      ),
+  );
 });
 HeaderLogo.displayName = 'HeaderLogo';

package/DEV-cjs/core/Header/HeaderSplitButton.js

@@ -1,53 +1,81 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderSplitButton", {
-    enumerable: true,
-    get: function() {
-        return HeaderSplitButton;
-    }
+Object.defineProperty(exports, 'HeaderSplitButton', {
+  enumerable: true,
+  get: function () {
+    return HeaderSplitButton;
+  },
 });
-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 _DropdownMenu = require("../DropdownMenu/DropdownMenu.js");
-const _index = require("../../utils/index.js");
-const _HeaderBasicButton = require("./HeaderBasicButton.js");
-const HeaderSplitButton = _react.forwardRef((props, forwardedRef)=>{
-    let { menuItems, className, menuPlacement = 'bottom-end', children, disabled, ...rest } = props;
-    let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
-    let [menuWidth, setMenuWidth] = _react.useState(0);
-    let ref = _react.useRef(null);
-    _react.useEffect(()=>{
-        if (ref.current) setMenuWidth(ref.current.offsetWidth);
-    }, [
-        children
-    ]);
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-header-breadcrumb-button-wrapper', className),
-        ref: ref
-    }, _react.createElement(_HeaderBasicButton.HeaderBasicButton, {
+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 _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
+const _index = require('../../utils/index.js');
+const _HeaderBasicButton = require('./HeaderBasicButton.js');
+const HeaderSplitButton = _react.forwardRef((props, forwardedRef) => {
+  let {
+    menuItems,
+    className,
+    menuPlacement = 'bottom-end',
+    children,
+    disabled,
+    ...rest
+  } = props;
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  let [menuWidth, setMenuWidth] = _react.useState(0);
+  let ref = _react.useRef(null);
+  _react.useEffect(() => {
+    if (ref.current) setMenuWidth(ref.current.offsetWidth);
+  }, [children]);
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-header-breadcrumb-button-wrapper',
+        className,
+      ),
+      ref: ref,
+    },
+    _react.createElement(
+      _HeaderBasicButton.HeaderBasicButton,
+      {
         ref: forwardedRef,
         disabled: disabled,
-        ...rest
-    }, children), _react.createElement(_DropdownMenu.DropdownMenu, {
+        ...rest,
+      },
+      children,
+    ),
+    _react.createElement(
+      _DropdownMenu.DropdownMenu,
+      {
         placement: menuPlacement,
         menuItems: menuItems,
         style: {
-            minInlineSize: menuWidth
+          minInlineSize: menuWidth,
         },
-        onVisibleChange: (open)=>setIsMenuOpen(open)
-    }, _react.createElement(_index.ButtonBase, {
-        "aria-label": "More",
-        className: "iui-header-breadcrumb-button iui-header-breadcrumb-button-split",
-        disabled: disabled
-    }, isMenuOpen ? _react.createElement(_index.SvgCaretUpSmall, {
-        className: "iui-header-breadcrumb-button-dropdown-icon",
-        "aria-hidden": true
-    }) : _react.createElement(_index.SvgCaretDownSmall, {
-        className: "iui-header-breadcrumb-button-dropdown-icon",
-        "aria-hidden": true
-    }))));
+        onVisibleChange: (open) => setIsMenuOpen(open),
+      },
+      _react.createElement(
+        _index.ButtonBase,
+        {
+          'aria-label': 'More',
+          className:
+            'iui-header-breadcrumb-button iui-header-breadcrumb-button-split',
+          disabled: disabled,
+        },
+        isMenuOpen
+          ? _react.createElement(_index.SvgCaretUpSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            })
+          : _react.createElement(_index.SvgCaretDownSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            }),
+      ),
+    ),
+  );
 });

package/DEV-cjs/core/Icon/Icon.js

@@ -1,40 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Icon", {
-    enumerable: true,
-    get: function() {
-        return Icon;
-    }
+Object.defineProperty(exports, 'Icon', {
+  enumerable: true,
+  get: function () {
+    return Icon;
+  },
 });
-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 _Box = require("../../utils/components/Box.js");
-const getSizeValue = (size)=>{
-    switch(size){
-        case 'small':
-            return 's';
-        case 'medium':
-            return 'm';
-        case 'large':
-            return 'l';
-        default:
-            return size;
-    }
+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 _Box = require('../../utils/components/Box.js');
+const getSizeValue = (size) => {
+  switch (size) {
+    case 'small':
+      return 's';
+    case 'medium':
+      return 'm';
+    case 'large':
+      return 'l';
+    default:
+      return size;
+  }
 };
-const Icon = _react.forwardRef((props, ref)=>{
-    let { size = 'medium', fill = 'default', className, padded = false, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        as: "span",
-        className: (0, _classnames.default)('iui-svg-icon', className),
-        "data-iui-icon-size": getSizeValue(size),
-        "data-iui-icon-color": fill,
-        "data-iui-padded": padded ? 'true' : void 0,
-        ref: ref,
-        ...rest
-    });
+const Icon = _react.forwardRef((props, ref) => {
+  let {
+    size = 'medium',
+    fill = 'default',
+    className,
+    padded = false,
+    ...rest
+  } = props;
+  return _react.createElement(_Box.Box, {
+    as: 'span',
+    className: (0, _classnames.default)('iui-svg-icon', className),
+    'data-iui-icon-size': getSizeValue(size),
+    'data-iui-icon-color': fill,
+    'data-iui-padded': padded ? 'true' : void 0,
+    ref: ref,
+    ...rest,
+  });
 });
 Icon.displayName = 'Icon';