@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Buttons/DropdownButton.js

@@ -1,43 +1,61 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "DropdownButton", {
-    enumerable: true,
-    get: function() {
-        return DropdownButton;
-    }
+Object.defineProperty(exports, 'DropdownButton', {
+  enumerable: true,
+  get: function () {
+    return DropdownButton;
+  },
 });
-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 _Button = require("./Button.js");
-const _DropdownMenu = require("../DropdownMenu/DropdownMenu.js");
-const _index = require("../../utils/index.js");
-const DropdownButton = _react.forwardRef((props, forwardedRef)=>{
-    let { menuItems, className, size, styleType, children, dropdownMenuProps, ...rest } = props;
-    let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
-    return _react.createElement(_DropdownMenu.DropdownMenu, {
-        menuItems: menuItems,
-        matchWidth: true,
-        visible: isMenuOpen,
-        ...dropdownMenuProps,
-        onVisibleChange: (open)=>{
-            setIsMenuOpen(open);
-            dropdownMenuProps?.onVisibleChange?.(open);
-        }
-    }, _react.createElement(_Button.Button, {
+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 _Button = require('./Button.js');
+const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
+const _index = require('../../utils/index.js');
+const DropdownButton = _react.forwardRef((props, forwardedRef) => {
+  let {
+    menuItems,
+    className,
+    size,
+    styleType,
+    children,
+    dropdownMenuProps,
+    ...rest
+  } = props;
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  return _react.createElement(
+    _DropdownMenu.DropdownMenu,
+    {
+      menuItems: menuItems,
+      matchWidth: true,
+      visible: isMenuOpen,
+      ...dropdownMenuProps,
+      onVisibleChange: (open) => {
+        setIsMenuOpen(open);
+        dropdownMenuProps?.onVisibleChange?.(open);
+      },
+    },
+    _react.createElement(
+      _Button.Button,
+      {
         className: (0, _classnames.default)('iui-button-dropdown', className),
         size: size,
         styleType: styleType,
-        endIcon: isMenuOpen ? _react.createElement(_index.SvgCaretUpSmall, {
-            "aria-hidden": true
-        }) : _react.createElement(_index.SvgCaretDownSmall, {
-            "aria-hidden": true
-        }),
+        endIcon: isMenuOpen
+          ? _react.createElement(_index.SvgCaretUpSmall, {
+              'aria-hidden': true,
+            })
+          : _react.createElement(_index.SvgCaretDownSmall, {
+              'aria-hidden': true,
+            }),
         ref: forwardedRef,
-        ...rest
-    }, children));
+        ...rest,
+      },
+      children,
+    ),
+  );
 });
 DropdownButton.displayName = 'DropdownButton';

package/DEV-cjs/core/Buttons/IconButton.js

@@ -1,46 +1,82 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "IconButton", {
-    enumerable: true,
-    get: function() {
-        return IconButton;
-    }
+Object.defineProperty(exports, 'IconButton', {
+  enumerable: true,
+  get: function () {
+    return IconButton;
+  },
 });
-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 _Tooltip = require("../Tooltip/Tooltip.js");
-const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
-const _ButtonGroup = require("../ButtonGroup/ButtonGroup.js");
-const _Popover = require("../Popover/Popover.js");
-const IconButton = _react.forwardRef((props, ref)=>{
-    let { isActive, children, styleType = 'default', size, className, label, iconProps, labelProps, ...rest } = props;
-    let buttonGroupOrientation = _react.useContext(_ButtonGroup.ButtonGroupContext);
-    let hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
-    let button = _react.createElement(_index.ButtonBase, {
-        ref: ref,
-        className: (0, _classnames.default)('iui-button', 'iui-field', className),
-        "data-iui-variant": 'default' !== styleType ? styleType : void 0,
-        "data-iui-size": size,
-        "data-iui-active": isActive,
-        "data-iui-has-popover": hasPopoverOpen ? 'open' : void 0,
-        "aria-pressed": isActive,
-        ...rest
-    }, _react.createElement(_index.Box, {
-        as: "span",
-        "aria-hidden": true,
+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 _Tooltip = require('../Tooltip/Tooltip.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const _ButtonGroup = require('../ButtonGroup/ButtonGroup.js');
+const _Popover = require('../Popover/Popover.js');
+const logWarning = (0, _index.createWarningLogger)();
+const IconButton = _react.forwardRef((props, ref) => {
+  let {
+    isActive,
+    children,
+    styleType = 'default',
+    size,
+    className,
+    title,
+    label = title,
+    iconProps,
+    labelProps,
+    ...rest
+  } = props;
+  let buttonGroupOrientation = _react.useContext(
+    _ButtonGroup.ButtonGroupContext,
+  );
+  let hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
+  if (!label && !props['aria-label'] && !props['aria-labelledby'])
+    logWarning('IconButton is missing the `label` prop.');
+  let button = _react.createElement(
+    _index.ButtonBase,
+    {
+      ref: ref,
+      className: (0, _classnames.default)('iui-button', 'iui-field', className),
+      'data-iui-variant': 'default' !== styleType ? styleType : void 0,
+      'data-iui-size': size,
+      'data-iui-active': isActive,
+      'data-iui-has-popover': hasPopoverOpen ? 'open' : void 0,
+      'aria-pressed': isActive,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'span',
+        'aria-hidden': true,
         ...iconProps,
-        className: (0, _classnames.default)('iui-button-icon', iconProps?.className)
-    }, children), label ? _react.createElement(_VisuallyHidden.VisuallyHidden, null, label) : null);
-    return label ? _react.createElement(_Tooltip.Tooltip, {
-        placement: 'vertical' === buttonGroupOrientation ? 'right' : 'top',
-        ...labelProps,
-        content: label,
-        ariaStrategy: "none"
-    }, button) : button;
+        className: (0, _classnames.default)(
+          'iui-button-icon',
+          iconProps?.className,
+        ),
+      },
+      children,
+    ),
+    label
+      ? _react.createElement(_VisuallyHidden.VisuallyHidden, null, label)
+      : null,
+  );
+  return label
+    ? _react.createElement(
+        _Tooltip.Tooltip,
+        {
+          placement: 'vertical' === buttonGroupOrientation ? 'right' : 'top',
+          ...labelProps,
+          content: label,
+          ariaStrategy: 'none',
+        },
+        button,
+      )
+    : button;
 });
 IconButton.displayName = 'IconButton';

package/DEV-cjs/core/Buttons/IdeasButton.js

@@ -1,30 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "IdeasButton", {
-    enumerable: true,
-    get: function() {
-        return IdeasButton;
-    }
+Object.defineProperty(exports, 'IdeasButton', {
+  enumerable: true,
+  get: function () {
+    return IdeasButton;
+  },
 });
-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 _Button = require("./Button.js");
-const IdeasButton = _react.forwardRef((props, ref)=>{
-    let { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
-    return _react.createElement(_Button.Button, {
-        ref: ref,
-        className: (0, _classnames.default)('iui-button-idea', className),
-        "data-iui-variant": "high-visibility",
-        onClick: onClick,
-        startIcon: _react.createElement(_index.SvgSmileyHappy, {
-            "aria-hidden": true
-        }),
-        ...rest
-    }, feedbackLabel);
+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 _Button = require('./Button.js');
+const IdeasButton = _react.forwardRef((props, ref) => {
+  let { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
+  return _react.createElement(
+    _Button.Button,
+    {
+      ref: ref,
+      className: (0, _classnames.default)('iui-button-idea', className),
+      'data-iui-variant': 'high-visibility',
+      onClick: onClick,
+      startIcon: _react.createElement(_index.SvgSmileyHappy, {
+        'aria-hidden': true,
+      }),
+      ...rest,
+    },
+    feedbackLabel,
+  );
 });
 IdeasButton.displayName = 'IdeasButton';

package/DEV-cjs/core/Buttons/SplitButton.js

@@ -1,53 +1,79 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "SplitButton", {
-    enumerable: true,
-    get: function() {
-        return SplitButton;
-    }
+Object.defineProperty(exports, 'SplitButton', {
+  enumerable: true,
+  get: function () {
+    return SplitButton;
+  },
 });
-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 _Button = require("./Button.js");
-const _IconButton = require("./IconButton.js");
-const _index = require("../../utils/index.js");
-const _Menu = require("../Menu/Menu.js");
-const SplitButton = _react.forwardRef((props, forwardedRef)=>{
-    let { onClick, menuItems, className, menuPlacement = 'bottom-end', styleType = 'default', size, children, wrapperProps, menuButtonProps, portal = true, ...rest } = props;
-    let [visible, setVisible] = _react.useState(false);
-    let menuContent = _react.useMemo(()=>{
-        if ('function' == typeof menuItems) return menuItems(()=>setVisible(false));
-        return menuItems;
-    }, [
-        menuItems
-    ]);
-    let popoverProps = {
-        visible,
-        onVisibleChange: setVisible,
-        placement: menuPlacement,
-        matchWidth: true
-    };
-    let labelId = (0, _index.useId)();
-    let trigger = _react.createElement(_IconButton.IconButton, {
-        styleType: styleType,
-        size: size,
-        disabled: props.disabled,
-        "aria-labelledby": props.labelProps?.id || labelId,
-        ...menuButtonProps
-    }, visible ? _react.createElement(_index.SvgCaretUpSmall, null) : _react.createElement(_index.SvgCaretDownSmall, null));
-    let [positionReference, setPositionReference] = _react.useState(null);
-    return _react.createElement(_index.Box, {
-        as: "div",
-        ...wrapperProps,
-        ref: setPositionReference,
-        className: (0, _classnames.default)('iui-button-split', {
-            'iui-disabled': props.disabled
-        }, wrapperProps?.className)
-    }, _react.createElement(_Button.Button, {
+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 _Button = require('./Button.js');
+const _IconButton = require('./IconButton.js');
+const _index = require('../../utils/index.js');
+const _Menu = require('../Menu/Menu.js');
+const SplitButton = _react.forwardRef((props, forwardedRef) => {
+  let {
+    onClick,
+    menuItems,
+    className,
+    menuPlacement = 'bottom-end',
+    styleType = 'default',
+    size,
+    children,
+    wrapperProps,
+    menuButtonProps,
+    portal = true,
+    ...rest
+  } = props;
+  let [visible, setVisible] = _react.useState(false);
+  let menuContent = _react.useMemo(() => {
+    if ('function' == typeof menuItems)
+      return menuItems(() => setVisible(false));
+    return menuItems;
+  }, [menuItems]);
+  let popoverProps = {
+    visible,
+    onVisibleChange: setVisible,
+    placement: menuPlacement,
+    matchWidth: true,
+  };
+  let labelId = (0, _index.useId)();
+  let trigger = _react.createElement(
+    _IconButton.IconButton,
+    {
+      styleType: styleType,
+      size: size,
+      disabled: props.disabled,
+      'aria-labelledby': props.labelProps?.id || labelId,
+      ...menuButtonProps,
+    },
+    visible
+      ? _react.createElement(_index.SvgCaretUpSmall, null)
+      : _react.createElement(_index.SvgCaretDownSmall, null),
+  );
+  let [positionReference, setPositionReference] = _react.useState(null);
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'div',
+      ...wrapperProps,
+      ref: setPositionReference,
+      className: (0, _classnames.default)(
+        'iui-button-split',
+        {
+          'iui-disabled': props.disabled,
+        },
+        wrapperProps?.className,
+      ),
+    },
+    _react.createElement(
+      _Button.Button,
+      {
         className: className,
         styleType: styleType,
         size: size,
@@ -55,17 +81,25 @@ const SplitButton = _react.forwardRef((props, forwardedRef)=>{
         ref: forwardedRef,
         ...rest,
         labelProps: {
-            id: labelId,
-            ...props.labelProps
-        }
-    }, children), _react.createElement(_Menu.Menu, {
+          id: labelId,
+          ...props.labelProps,
+        },
+      },
+      children,
+    ),
+    _react.createElement(
+      _Menu.Menu,
+      {
         popoverProps: popoverProps,
         trigger: trigger,
         portal: portal,
         positionReference: positionReference,
-        onKeyDown: ({ key })=>{
-            if ('Tab' === key) setVisible(false);
-        }
-    }, menuContent));
+        onKeyDown: ({ key }) => {
+          if ('Tab' === key) setVisible(false);
+        },
+      },
+      menuContent,
+    ),
+  );
 });
 SplitButton.displayName = 'SplitButton';

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

@@ -1,74 +1,84 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Carousel", {
-    enumerable: true,
-    get: function() {
-        return Carousel;
-    }
+Object.defineProperty(exports, 'Carousel', {
+  enumerable: true,
+  get: function () {
+    return Carousel;
+  },
 });
-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 _CarouselContext = require("./CarouselContext.js");
-const _CarouselSlider = require("./CarouselSlider.js");
-const _CarouselSlide = require("./CarouselSlide.js");
-const _CarouselDotsList = require("./CarouselDotsList.js");
-const _CarouselDot = require("./CarouselDot.js");
-const _CarouselNavigation = require("./CarouselNavigation.js");
-const CarouselComponent = _react.forwardRef((props, ref)=>{
-    let idPrefix = (0, _index.useId)();
-    let { activeSlideIndex: userActiveIndex = 0, onSlideChange, className, children, id = idPrefix, ...rest } = props;
-    let isManuallyUpdating = _react.useRef(false);
-    let carouselRef = _react.useRef(null);
-    let refs = (0, _index.useMergedRefs)(carouselRef, ref);
-    let [currentIndex, setCurrentIndex] = _react.useState(userActiveIndex);
-    let scrollToSlide = _react.useRef(()=>{});
-    let justMounted = _react.useRef(true);
-    _react.useEffect(()=>{
-        setCurrentIndex(userActiveIndex);
-        scrollToSlide.current(userActiveIndex, {
-            instant: justMounted.current
-        });
-        justMounted.current = false;
-    }, [
-        userActiveIndex
-    ]);
-    let [slideCount, setSlideCount] = _react.useState(0);
-    let userOnSlideChange = (0, _index.useLatestRef)(onSlideChange);
-    _react.useEffect(()=>{
-        userOnSlideChange.current?.(currentIndex);
-    }, [
-        userOnSlideChange,
-        currentIndex
-    ]);
-    return _react.createElement(_index.Box, {
-        as: "section",
-        "aria-roledescription": "carousel",
-        ref: refs,
-        className: (0, _classnames.default)('iui-carousel', className),
-        ...rest,
-        id: id
-    }, _react.createElement(_CarouselContext.CarouselContext.Provider, {
+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 _CarouselContext = require('./CarouselContext.js');
+const _CarouselSlider = require('./CarouselSlider.js');
+const _CarouselSlide = require('./CarouselSlide.js');
+const _CarouselDotsList = require('./CarouselDotsList.js');
+const _CarouselDot = require('./CarouselDot.js');
+const _CarouselNavigation = require('./CarouselNavigation.js');
+const CarouselComponent = _react.forwardRef((props, ref) => {
+  let idPrefix = (0, _index.useId)();
+  let {
+    activeSlideIndex: userActiveIndex = 0,
+    onSlideChange,
+    className,
+    children,
+    id = idPrefix,
+    ...rest
+  } = props;
+  let isManuallyUpdating = _react.useRef(false);
+  let carouselRef = _react.useRef(null);
+  let refs = (0, _index.useMergedRefs)(carouselRef, ref);
+  let [currentIndex, setCurrentIndex] = _react.useState(userActiveIndex);
+  let scrollToSlide = _react.useRef(() => {});
+  let justMounted = _react.useRef(true);
+  _react.useEffect(() => {
+    setCurrentIndex(userActiveIndex);
+    scrollToSlide.current(userActiveIndex, {
+      instant: justMounted.current,
+    });
+    justMounted.current = false;
+  }, [userActiveIndex]);
+  let [slideCount, setSlideCount] = _react.useState(0);
+  let userOnSlideChange = (0, _index.useLatestRef)(onSlideChange);
+  _react.useEffect(() => {
+    userOnSlideChange.current?.(currentIndex);
+  }, [userOnSlideChange, currentIndex]);
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'section',
+      'aria-roledescription': 'carousel',
+      ref: refs,
+      className: (0, _classnames.default)('iui-carousel', className),
+      ...rest,
+      id: id,
+    },
+    _react.createElement(
+      _CarouselContext.CarouselContext.Provider,
+      {
         value: {
-            currentIndex,
-            setCurrentIndex,
-            slideCount,
-            setSlideCount,
-            idPrefix: id,
-            isManuallyUpdating,
-            scrollToSlide
-        }
-    }, children));
+          currentIndex,
+          setCurrentIndex,
+          slideCount,
+          setSlideCount,
+          idPrefix: id,
+          isManuallyUpdating,
+          scrollToSlide,
+        },
+      },
+      children,
+    ),
+  );
 });
 CarouselComponent.displayName = 'Carousel';
 const Carousel = Object.assign(CarouselComponent, {
-    Slider: _CarouselSlider.CarouselSlider,
-    Slide: _CarouselSlide.CarouselSlide,
-    Navigation: _CarouselNavigation.CarouselNavigation,
-    DotsList: _CarouselDotsList.CarouselDotsList,
-    Dot: _CarouselDot.CarouselDot
+  Slider: _CarouselSlider.CarouselSlider,
+  Slide: _CarouselSlide.CarouselSlide,
+  Navigation: _CarouselNavigation.CarouselNavigation,
+  DotsList: _CarouselDotsList.CarouselDotsList,
+  Dot: _CarouselDot.CarouselDot,
 });

package/DEV-cjs/core/Carousel/CarouselContext.js

@@ -1,14 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "CarouselContext", {
-    enumerable: true,
-    get: function() {
-        return CarouselContext;
-    }
+Object.defineProperty(exports, 'CarouselContext', {
+  enumerable: true,
+  get: function () {
+    return CarouselContext;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
 const CarouselContext = _react.createContext(void 0);
 CarouselContext.displayName = 'CarouselContext';