@itwin/itwinui-react 3.13.3 → 3.14.0

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

@@ -1,48 +1,55 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Badge", {
-    enumerable: true,
-    get: function() {
-        return Badge;
-    }
+Object.defineProperty(exports, 'Badge', {
+  enumerable: true,
+  get: function () {
+    return Badge;
+  },
 });
-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 getBadgeColorValue = (color)=>{
-    if (!color) return '';
-    return (0, _index.isSoftBackground)(color) ? _index.SoftBackgrounds[color] : color;
+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 getBadgeColorValue = (color) => {
+  if (!color) return '';
+  return (0, _index.isSoftBackground)(color)
+    ? _index.SoftBackgrounds[color]
+    : color;
 };
-const getStatusValue = (color)=>{
-    let statuses = [
-        'positive',
-        'negative',
-        'warning',
-        'informational'
-    ];
-    return color && statuses.includes(color) ? color : void 0;
+const getStatusValue = (color) => {
+  let statuses = ['positive', 'negative', 'warning', 'informational'];
+  return color && statuses.includes(color) ? color : void 0;
 };
-const Badge = _react.forwardRef((props, forwardedRef)=>{
-    let { backgroundColor, style, className, children, ...rest } = props;
-    let reducedBackgroundColor = 'primary' === backgroundColor ? 'informational' : backgroundColor;
-    let statusValue = getStatusValue(reducedBackgroundColor);
-    let _style = reducedBackgroundColor && !statusValue ? {
-        '--iui-badge-background-color': getBadgeColorValue(reducedBackgroundColor),
-        ...style
-    } : {
-        ...style
-    };
-    return _react.createElement(_index.Box, {
-        as: "span",
-        className: (0, _classnames.default)('iui-badge', className),
-        style: _style,
-        "data-iui-status": statusValue,
-        ref: forwardedRef,
-        ...rest
-    }, children);
+const Badge = _react.forwardRef((props, forwardedRef) => {
+  let { backgroundColor, style, className, children, ...rest } = props;
+  let reducedBackgroundColor =
+    'primary' === backgroundColor ? 'informational' : backgroundColor;
+  let statusValue = getStatusValue(reducedBackgroundColor);
+  let _style =
+    reducedBackgroundColor && !statusValue
+      ? {
+          '--iui-badge-background-color': getBadgeColorValue(
+            reducedBackgroundColor,
+          ),
+          ...style,
+        }
+      : {
+          ...style,
+        };
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)('iui-badge', className),
+      style: _style,
+      'data-iui-status': statusValue,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });
 Badge.displayName = 'Badge';

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

@@ -1,96 +1,175 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Breadcrumbs", {
-    enumerable: true,
-    get: function() {
-        return Breadcrumbs;
-    }
+Object.defineProperty(exports, 'Breadcrumbs', {
+  enumerable: true,
+  get: function () {
+    return Breadcrumbs;
+  },
 });
-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 _Button = require("../Buttons/Button.js");
-const _Anchor = require("../Typography/Anchor.js");
+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 _Button = require('../Buttons/Button.js');
+const _Anchor = require('../Typography/Anchor.js');
 const logWarning = (0, _index.createWarningLogger)();
-const BreadcrumbsComponent = _react.forwardRef((props, ref)=>{
-    let { children: items, currentIndex = items.length - 1, separator, overflowButton, className, ...rest } = props;
-    let [overflowRef, visibleCount] = (0, _index.useOverflow)(items);
-    let refs = (0, _index.useMergedRefs)(overflowRef, ref);
-    return _react.createElement(_index.Box, {
-        as: "nav",
-        className: (0, _classnames.default)('iui-breadcrumbs', className),
-        ref: refs,
-        "aria-label": "Breadcrumb",
-        ...rest
-    }, _react.createElement(_index.Box, {
-        as: "ol",
-        className: "iui-breadcrumbs-list"
-    }, visibleCount > 1 && _react.createElement(_react.Fragment, null, _react.createElement(ListItem, {
-        item: items[0],
-        isActive: 0 === currentIndex
-    }), _react.createElement(Separator, {
-        separator: separator
-    })), items.length - visibleCount > 0 && _react.createElement(_react.Fragment, null, _react.createElement(_index.Box, {
-        as: "li",
-        className: "iui-breadcrumbs-item"
-    }, overflowButton ? overflowButton(visibleCount) : _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-breadcrumbs-content"
-    }, "…")), _react.createElement(Separator, {
-        separator: separator
-    })), items.slice(visibleCount > 1 ? items.length - visibleCount + 1 : items.length - 1).map((_, _index)=>{
-        let index = visibleCount > 1 ? 1 + (items.length - visibleCount) + _index : items.length - 1;
-        return _react.createElement(_react.Fragment, {
-            key: index
-        }, _react.createElement(ListItem, {
-            item: items[index],
-            isActive: currentIndex === index
-        }), index < items.length - 1 && _react.createElement(Separator, {
-            separator: separator
-        }));
-    })));
+const BreadcrumbsComponent = _react.forwardRef((props, ref) => {
+  let {
+    children: items,
+    currentIndex = items.length - 1,
+    separator,
+    overflowButton,
+    className,
+    ...rest
+  } = props;
+  let [overflowRef, visibleCount] = (0, _index.useOverflow)(items);
+  let refs = (0, _index.useMergedRefs)(overflowRef, ref);
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'nav',
+      className: (0, _classnames.default)('iui-breadcrumbs', className),
+      ref: refs,
+      'aria-label': 'Breadcrumb',
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'ol',
+        className: 'iui-breadcrumbs-list',
+      },
+      visibleCount > 1 &&
+        _react.createElement(
+          _react.Fragment,
+          null,
+          _react.createElement(ListItem, {
+            item: items[0],
+            isActive: 0 === currentIndex,
+          }),
+          _react.createElement(Separator, {
+            separator: separator,
+          }),
+        ),
+      items.length - visibleCount > 0 &&
+        _react.createElement(
+          _react.Fragment,
+          null,
+          _react.createElement(
+            _index.Box,
+            {
+              as: 'li',
+              className: 'iui-breadcrumbs-item',
+            },
+            overflowButton
+              ? overflowButton(visibleCount)
+              : _react.createElement(
+                  _index.Box,
+                  {
+                    as: 'span',
+                    className: 'iui-breadcrumbs-content',
+                  },
+                  '…',
+                ),
+          ),
+          _react.createElement(Separator, {
+            separator: separator,
+          }),
+        ),
+      items
+        .slice(
+          visibleCount > 1 ? items.length - visibleCount + 1 : items.length - 1,
+        )
+        .map((_, _index) => {
+          let index =
+            visibleCount > 1
+              ? 1 + (items.length - visibleCount) + _index
+              : items.length - 1;
+          return _react.createElement(
+            _react.Fragment,
+            {
+              key: index,
+            },
+            _react.createElement(ListItem, {
+              item: items[index],
+              isActive: currentIndex === index,
+            }),
+            index < items.length - 1 &&
+              _react.createElement(Separator, {
+                separator: separator,
+              }),
+          );
+        }),
+    ),
+  );
 });
 BreadcrumbsComponent.displayName = 'Breadcrumbs';
-const ListItem = ({ item, isActive })=>{
-    let children = item;
-    if (children?.type === 'span' || children?.type === 'a' || children?.type === _Button.Button) {
-        logWarning('Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.');
-        children = _react.createElement(BreadcrumbsItem, children.props);
-    }
-    return _react.createElement(_index.Box, {
-        as: "li",
-        className: 'iui-breadcrumbs-item'
-    }, children && _react.cloneElement(children, {
-        'aria-current': children.props['aria-current'] ?? isActive ? 'location' : void 0
-    }));
+const ListItem = ({ item, isActive }) => {
+  let children = item;
+  if (
+    children?.type === 'span' ||
+    children?.type === 'a' ||
+    children?.type === _Button.Button
+  ) {
+    logWarning(
+      'Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.',
+    );
+    children = _react.createElement(BreadcrumbsItem, children.props);
+  }
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'li',
+      className: 'iui-breadcrumbs-item',
+    },
+    children &&
+      _react.cloneElement(children, {
+        'aria-current':
+          children.props['aria-current'] ?? isActive ? 'location' : void 0,
+      }),
+  );
 };
-const Separator = ({ separator })=>_react.createElement(_index.Box, {
-        as: "li",
-        className: "iui-breadcrumbs-separator",
-        "aria-hidden": true
-    }, separator ?? _react.createElement(_index.SvgChevronRight, null));
-const BreadcrumbsItem = _react.forwardRef((props, forwardedRef)=>{
-    let { as: asProp, ...rest } = props;
-    let commonProps = {
-        ...rest,
-        className: (0, _classnames.default)('iui-breadcrumbs-content', props.className),
-        ref: forwardedRef
-    };
-    if ('span' === String(asProp) || null == props.href && null == props.onClick && null == asProp) return _react.createElement(_index.Box, {
-        as: "span",
-        ...commonProps
-    });
-    return _react.createElement(_Button.Button, {
-        as: 'a' === asProp || null == asProp && props.href ? _Anchor.Anchor : asProp,
-        styleType: "borderless",
-        ...commonProps
+const Separator = ({ separator }) =>
+  _react.createElement(
+    _index.Box,
+    {
+      as: 'li',
+      className: 'iui-breadcrumbs-separator',
+      'aria-hidden': true,
+    },
+    separator ?? _react.createElement(_index.SvgChevronRight, null),
+  );
+const BreadcrumbsItem = _react.forwardRef((props, forwardedRef) => {
+  let { as: asProp, ...rest } = props;
+  let commonProps = {
+    ...rest,
+    className: (0, _classnames.default)(
+      'iui-breadcrumbs-content',
+      props.className,
+    ),
+    ref: forwardedRef,
+  };
+  if (
+    'span' === String(asProp) ||
+    (null == props.href && null == props.onClick && null == asProp)
+  )
+    return _react.createElement(_index.Box, {
+      as: 'span',
+      ...commonProps,
     });
+  return _react.createElement(_Button.Button, {
+    as:
+      'a' === asProp || (null == asProp && props.href)
+        ? _Anchor.Anchor
+        : asProp,
+    styleType: 'borderless',
+    ...commonProps,
+  });
 });
 BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
 const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
-    Item: BreadcrumbsItem
+  Item: BreadcrumbsItem,
 });

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

@@ -1,91 +1,153 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    ButtonGroup: function() {
-        return ButtonGroup;
-    },
-    ButtonGroupContext: function() {
-        return ButtonGroupContext;
-    }
+  ButtonGroup: function () {
+    return ButtonGroup;
+  },
+  ButtonGroupContext: function () {
+    return ButtonGroupContext;
+  },
 });
-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 _react1 = require("@floating-ui/react");
+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 _react1 = require('@floating-ui/react');
 const ButtonGroupContext = _react.createContext(void 0);
 ButtonGroupContext.displayName = 'ButtonGroupContext';
-const ButtonGroup = _react.forwardRef((props, forwardedRef)=>{
-    let { children: childrenProp, overflowButton, overflowPlacement = 'end', orientation = 'horizontal', ...rest } = props;
-    let children = _react.useMemo(()=>{
-        if ('toolbar' !== props.role) return childrenProp;
-        return _react.Children.map(childrenProp, (child, index)=>_react.isValidElement(child) ? _react.createElement(_react1.CompositeItem, {
-                key: index,
-                render: child
-            }) : child);
-    }, [
-        childrenProp,
-        props.role
-    ]);
-    let node = overflowButton ? _react.createElement(OverflowGroup, {
-        orientation: orientation,
-        overflowButton: overflowButton,
-        overflowPlacement: overflowPlacement,
-        ref: forwardedRef,
-        ...rest
-    }, children) : _react.createElement(BaseGroup, {
-        orientation: orientation,
-        ref: forwardedRef,
-        ...rest
-    }, children);
-    return _react.createElement(_react1.FloatingDelayGroup, {
-        delay: {
-            open: 50,
-            close: 250
-        }
-    }, _react.createElement(ButtonGroupContext.Provider, {
-        value: orientation
-    }, 'toolbar' === props.role ? _react.createElement(_react1.Composite, {
-        orientation: orientation,
-        render: node,
-        disabledIndices: []
-    }) : node));
+const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
+  let {
+    children: childrenProp,
+    overflowButton,
+    overflowPlacement = 'end',
+    orientation = 'horizontal',
+    ...rest
+  } = props;
+  let children = _react.useMemo(() => {
+    if ('toolbar' !== props.role) return childrenProp;
+    return _react.Children.map(childrenProp, (child, index) =>
+      _react.isValidElement(child)
+        ? _react.createElement(_react1.CompositeItem, {
+            key: index,
+            render: child,
+          })
+        : child,
+    );
+  }, [childrenProp, props.role]);
+  let node = overflowButton
+    ? _react.createElement(
+        OverflowGroup,
+        {
+          orientation: orientation,
+          overflowButton: overflowButton,
+          overflowPlacement: overflowPlacement,
+          ref: forwardedRef,
+          ...rest,
+        },
+        children,
+      )
+    : _react.createElement(
+        BaseGroup,
+        {
+          orientation: orientation,
+          ref: forwardedRef,
+          ...rest,
+        },
+        children,
+      );
+  return _react.createElement(
+    _react1.FloatingDelayGroup,
+    {
+      delay: {
+        open: 50,
+        close: 250,
+      },
+    },
+    _react.createElement(
+      ButtonGroupContext.Provider,
+      {
+        value: orientation,
+      },
+      'toolbar' === props.role
+        ? _react.createElement(_react1.Composite, {
+            orientation: orientation,
+            render: node,
+            disabledIndices: [],
+          })
+        : node,
+    ),
+  );
 });
 ButtonGroup.displayName = 'ButtonGroup';
-const BaseGroup = _react.forwardRef((props, forwardedRef)=>{
-    let { orientation, className, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-button-group', className),
-        "data-iui-orientation": 'vertical' === orientation ? orientation : void 0,
-        ref: forwardedRef,
-        ...rest
-    });
+const BaseGroup = _react.forwardRef((props, forwardedRef) => {
+  let { orientation, className, ...rest } = props;
+  return _react.createElement(_index.Box, {
+    className: (0, _classnames.default)('iui-button-group', className),
+    'data-iui-orientation': 'vertical' === orientation ? orientation : void 0,
+    ref: forwardedRef,
+    ...rest,
+  });
 });
-const OverflowGroup = _react.forwardRef((props, forwardedRef)=>{
-    let { children: childrenProp, orientation, overflowButton, overflowPlacement, ...rest } = props;
-    let items = _react.useMemo(()=>_react.Children.toArray(childrenProp).filter(Boolean), [
-        childrenProp
-    ]);
-    let [overflowRef, visibleCount] = (0, _index.useOverflow)(items, !overflowButton, orientation);
-    return _react.createElement(BaseGroup, {
-        orientation: orientation,
-        ...rest,
-        className: (0, _classnames.default)({
-            'iui-button-group-overflow-x': !!overflowButton && 'horizontal' === orientation
-        }, props.className),
-        ref: (0, _index.useMergedRefs)(forwardedRef, overflowRef)
-    }, (()=>{
-        if (!(visibleCount < items.length)) return items;
-        let overflowStart = 'start' === overflowPlacement ? items.length - visibleCount : visibleCount - 1;
-        return _react.createElement(_react.Fragment, null, overflowButton && 'start' === overflowPlacement && overflowButton(overflowStart), 'start' === overflowPlacement ? items.slice(overflowStart + 1) : items.slice(0, Math.max(0, overflowStart)), overflowButton && 'end' === overflowPlacement && overflowButton(overflowStart));
-    })());
+const OverflowGroup = _react.forwardRef((props, forwardedRef) => {
+  let {
+    children: childrenProp,
+    orientation,
+    overflowButton,
+    overflowPlacement,
+    ...rest
+  } = props;
+  let items = _react.useMemo(
+    () => _react.Children.toArray(childrenProp).filter(Boolean),
+    [childrenProp],
+  );
+  let [overflowRef, visibleCount] = (0, _index.useOverflow)(
+    items,
+    !overflowButton,
+    orientation,
+  );
+  return _react.createElement(
+    BaseGroup,
+    {
+      orientation: orientation,
+      ...rest,
+      className: (0, _classnames.default)(
+        {
+          'iui-button-group-overflow-x':
+            !!overflowButton && 'horizontal' === orientation,
+        },
+        props.className,
+      ),
+      ref: (0, _index.useMergedRefs)(forwardedRef, overflowRef),
+    },
+    (() => {
+      if (!(visibleCount < items.length)) return items;
+      let overflowStart =
+        'start' === overflowPlacement
+          ? items.length - visibleCount
+          : visibleCount - 1;
+      return _react.createElement(
+        _react.Fragment,
+        null,
+        overflowButton &&
+          'start' === overflowPlacement &&
+          overflowButton(overflowStart),
+        'start' === overflowPlacement
+          ? items.slice(overflowStart + 1)
+          : items.slice(0, Math.max(0, overflowStart)),
+        overflowButton &&
+          'end' === overflowPlacement &&
+          overflowButton(overflowStart),
+      );
+    })(),
+  );
 });