@itwin/itwinui-react 3.16.1 → 5.0.0-alpha.1

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

@@ -1,55 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 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,
-  );
-});
-Badge.displayName = 'Badge';

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

@@ -1,195 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 BreadcrumbsComponent = _react.forwardRef((props, forwardedRef) => {
-  let {
-    children: childrenProp,
-    currentIndex = _react.Children.count(childrenProp) - 1,
-    separator,
-    overflowButton,
-    className,
-    ...rest
-  } = props;
-  let items = _react.useMemo(
-    () => _react.Children.toArray(childrenProp),
-    [childrenProp],
-  );
-  return _react.createElement(
-    _index.Box,
-    {
-      as: 'nav',
-      className: (0, _classnames.default)('iui-breadcrumbs', className),
-      ref: forwardedRef,
-      'aria-label': 'Breadcrumb',
-      ...rest,
-    },
-    _react.createElement(
-      _index.OverflowContainer,
-      {
-        as: 'ol',
-        itemsCount: items.length,
-        className: 'iui-breadcrumbs-list',
-      },
-      _react.createElement(
-        BreadcrumbContent,
-        {
-          currentIndex: currentIndex,
-          overflowButton: overflowButton,
-          separator: separator,
-        },
-        items,
-      ),
-    ),
-  );
-});
-BreadcrumbsComponent.displayName = 'Breadcrumbs';
-const BreadcrumbContent = (props) => {
-  let { children: items, currentIndex, overflowButton, separator } = props;
-  let { visibleCount } = _index.OverflowContainer.useContext();
-  return _react.createElement(
-    _react.Fragment,
-    null,
-    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 ListItem = ({ item, isActive }) => {
-  let children = item;
-  let logWarning = (0, _index.useWarningLogger)();
-  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,
-  });
-});
-BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
-const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
-  Item: BreadcrumbsItem,
-});

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

@@ -1,158 +0,0 @@
-'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],
-    });
-}
-_export(exports, {
-  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 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,
-    ),
-  );
-});
-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 OverflowGroup = _react.forwardRef((props, forwardedRef) => {
-  let {
-    children: childrenProp,
-    orientation,
-    overflowButton,
-    overflowPlacement,
-    ...rest
-  } = props;
-  let items = _react.useMemo(
-    () => _react.Children.toArray(childrenProp).filter(Boolean),
-    [childrenProp],
-  );
-  return _react.createElement(
-    _index.OverflowContainer,
-    {
-      as: BaseGroup,
-      itemsCount: items.length,
-      overflowOrientation: orientation,
-      orientation: orientation,
-      ...rest,
-      className: (0, _classnames.default)(
-        {
-          'iui-button-group-overflow-x':
-            !!overflowButton && 'horizontal' === orientation,
-        },
-        props.className,
-      ),
-      ref: forwardedRef,
-    },
-    _react.createElement(OverflowGroupContent, {
-      overflowButton: overflowButton,
-      overflowPlacement: overflowPlacement,
-      items: items,
-    }),
-  );
-});
-const OverflowGroupContent = (props) => {
-  let { overflowButton, overflowPlacement, items } = props;
-  let { visibleCount } = _index.OverflowContainer.useContext();
-  let overflowStart =
-    'start' === overflowPlacement
-      ? items.length - visibleCount
-      : visibleCount - 1;
-  if (!(visibleCount < items.length)) return items;
-  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),
-  );
-};

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

@@ -1,100 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Button', {
-  enumerable: true,
-  get: function () {
-    return 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 _index = require('../../utils/index.js');
-const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
-const _Popover = require('../Popover/Popover.js');
-const Button = _react.forwardRef((props, ref) => {
-  let {
-    children,
-    className,
-    size,
-    styleType = 'default',
-    startIcon,
-    endIcon,
-    labelProps,
-    startIconProps,
-    endIconProps,
-    stretched,
-    loading: loading,
-    disabled: disabledProp,
-    ...rest
-  } = props;
-  let hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
-  return _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-loading': loading ? 'true' : void 0,
-      'data-iui-has-popover': hasPopoverOpen ? 'open' : void 0,
-      disabled: disabledProp || loading,
-      ...rest,
-      style: {
-        '--_iui-width': stretched ? '100%' : void 0,
-        ...props.style,
-      },
-    },
-    startIcon &&
-      _react.createElement(
-        _index.Box,
-        {
-          as: 'span',
-          'aria-hidden': true,
-          ...startIconProps,
-          className: (0, _classnames.default)(
-            'iui-button-icon',
-            startIconProps?.className,
-          ),
-        },
-        startIcon,
-      ),
-    children &&
-      _react.createElement(
-        _index.Box,
-        {
-          as: 'span',
-          ...labelProps,
-          className: (0, _classnames.default)(
-            'iui-button-label',
-            labelProps?.className,
-          ),
-        },
-        children,
-      ),
-    endIcon &&
-      _react.createElement(
-        _index.Box,
-        {
-          as: 'span',
-          'aria-hidden': true,
-          ...endIconProps,
-          className: (0, _classnames.default)(
-            'iui-button-icon',
-            endIconProps?.className,
-          ),
-        },
-        endIcon,
-      ),
-    loading &&
-      _react.createElement(_ProgressRadial.ProgressRadial, {
-        size: 'small' === size ? 'x-small' : 'small',
-        className: 'iui-button-spinner',
-        'aria-hidden': true,
-      }),
-  );
-});
-Button.displayName = 'Button';

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

@@ -1,61 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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,
-      {
-        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,
-            }),
-        ref: forwardedRef,
-        ...rest,
-      },
-      children,
-    ),
-  );
-});
-DropdownButton.displayName = 'DropdownButton';

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

@@ -1,82 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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,
-    title,
-    label = title,
-    iconProps,
-    labelProps,
-    ...rest
-  } = props;
-  let buttonGroupOrientation = _react.useContext(
-    _ButtonGroup.ButtonGroupContext,
-  );
-  let hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
-  let logWarning = (0, _index.useWarningLogger)();
-  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;
-});
-IconButton.displayName = 'IconButton';

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

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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,
-  );
-});
-IdeasButton.displayName = 'IdeasButton';