@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/utils/meta.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "meta", {
-    enumerable: true,
-    get: function() {
-        return meta;
-    }
+Object.defineProperty(exports, 'meta', {
+  enumerable: true,
+  get: function () {
+    return meta;
+  },
 });
-const _styles = require("../styles.js");
+const _styles = require('../styles.js');
 const _moduleType = 'CJS';
 const meta = {
-    version: _styles.version,
-    module: _moduleType
+  version: _styles.version,
+  module: _moduleType,
 };

package/DEV-cjs/utils/props.js

@@ -1,4 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });

package/DEV-cjs/utils/providers/HydrationProvider.js

@@ -1,46 +1,58 @@
-"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, {
-    HydrationProvider: function() {
-        return HydrationProvider;
-    },
-    useHydration: function() {
-        return useHydration;
-    }
+  HydrationProvider: function () {
+    return HydrationProvider;
+  },
+  useHydration: function () {
+    return useHydration;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../hooks/index.js");
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../hooks/index.js');
 const HydrationContext = _react.createContext(false);
-const noopSubscribe = ()=>()=>{};
+const noopSubscribe = () => () => {};
 const isServer = 'undefined' == typeof window;
-const useHydration = ()=>{
-    let hydrating = (0, _index.useSyncExternalStore)(noopSubscribe, ()=>false, ()=>!isServer);
-    let hydrated = _react.useContext(HydrationContext);
-    let hydratedFallback = (0, _index.useIsClient)();
-    if (hydrated || hydratedFallback) return 'hydrated';
-    if (hydrating) return 'hydrating';
+const useHydration = () => {
+  let hydrating = (0, _index.useSyncExternalStore)(
+    noopSubscribe,
+    () => false,
+    () => !isServer,
+  );
+  let hydrated = _react.useContext(HydrationContext);
+  let hydratedFallback = (0, _index.useIsClient)();
+  if (hydrated || hydratedFallback) return 'hydrated';
+  if (hydrating) return 'hydrating';
 };
-const HydrationProvider = ({ children })=>{
-    let [isHydrated, setIsHydrated] = _react.useState(_react.useContext(HydrationContext));
-    let onHydrate = _react.useCallback(()=>setIsHydrated(true), []);
-    return _react.createElement(HydrationContext.Provider, {
-        value: isHydrated
-    }, isHydrated ? null : _react.createElement(HydrationCheck, {
-        onHydrate: onHydrate
-    }), children);
+const HydrationProvider = ({ children }) => {
+  let [isHydrated, setIsHydrated] = _react.useState(
+    _react.useContext(HydrationContext),
+  );
+  let onHydrate = _react.useCallback(() => setIsHydrated(true), []);
+  return _react.createElement(
+    HydrationContext.Provider,
+    {
+      value: isHydrated,
+    },
+    isHydrated
+      ? null
+      : _react.createElement(HydrationCheck, {
+          onHydrate: onHydrate,
+        }),
+    children,
+  );
 };
-const HydrationCheck = ({ onHydrate })=>{
-    _react.useEffect(()=>void onHydrate(), [
-        onHydrate
-    ]);
-    return null;
+const HydrationCheck = ({ onHydrate }) => {
+  _react.useEffect(() => void onHydrate(), [onHydrate]);
+  return null;
 };

package/DEV-cjs/utils/providers/ScopeProvider.js

@@ -1,64 +1,66 @@
-"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, {
-    ScopeProvider: function() {
-        return ScopeProvider;
-    },
-    useScopedAtom: function() {
-        return useScopedAtom;
-    },
-    useScopedSetAtom: function() {
-        return useScopedSetAtom;
-    }
+  ScopeProvider: function () {
+    return ScopeProvider;
+  },
+  useScopedAtom: function () {
+    return useScopedAtom;
+  },
+  useScopedSetAtom: function () {
+    return useScopedSetAtom;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _jotai = require("jotai");
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _jotai = require('jotai');
 const ScopeContext = _react.createContext({
-    store: (0, _jotai.createStore)(),
-    parentStore: null
+  store: (0, _jotai.createStore)(),
+  parentStore: null,
 });
-const ScopeProvider = ({ children })=>{
-    let store = _react.useMemo(()=>(0, _jotai.createStore)(), []);
-    let parentStore = _react.useContext(ScopeContext).store;
-    return _react.createElement(ScopeContext.Provider, {
-        value: _react.useMemo(()=>({
-                store,
-                parentStore
-            }), [
-            store,
-            parentStore
-        ])
-    }, children);
+const ScopeProvider = ({ children }) => {
+  let store = _react.useMemo(() => (0, _jotai.createStore)(), []);
+  let parentStore = _react.useContext(ScopeContext).store;
+  return _react.createElement(
+    ScopeContext.Provider,
+    {
+      value: _react.useMemo(
+        () => ({
+          store,
+          parentStore,
+        }),
+        [store, parentStore],
+      ),
+    },
+    children,
+  );
 };
-const useScopedAtom = (atom)=>{
-    let { store, parentStore } = _react.useContext(ScopeContext);
-    let setAtom = useScopedSetAtom(atom);
-    let value = (0, _jotai.useAtomValue)(atom, {
-        store
-    });
-    let inheritedValue = (0, _jotai.useAtomValue)(atom, {
-        store: parentStore || store
-    });
-    _react.useEffect(()=>{
-        if (void 0 == value && void 0 != inheritedValue) setAtom(inheritedValue);
-    });
-    return [
-        value,
-        setAtom
-    ];
+const useScopedAtom = (atom) => {
+  let { store, parentStore } = _react.useContext(ScopeContext);
+  let setAtom = useScopedSetAtom(atom);
+  let value = (0, _jotai.useAtomValue)(atom, {
+    store,
+  });
+  let inheritedValue = (0, _jotai.useAtomValue)(atom, {
+    store: parentStore || store,
+  });
+  _react.useEffect(() => {
+    if (void 0 == value && void 0 != inheritedValue) setAtom(inheritedValue);
+  });
+  return [value, setAtom];
 };
-const useScopedSetAtom = (atom)=>{
-    let { store } = _react.useContext(ScopeContext);
-    return (0, _jotai.useSetAtom)(atom, {
-        store
-    });
+const useScopedSetAtom = (atom) => {
+  let { store } = _react.useContext(ScopeContext);
+  return (0, _jotai.useSetAtom)(atom, {
+    store,
+  });
 };

package/DEV-cjs/utils/providers/index.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./HydrationProvider.js"), exports);
-_export_star._(require("./ScopeProvider.js"), exports);
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./HydrationProvider.js'), exports);
+_export_star._(require('./ScopeProvider.js'), exports);

package/DEV-cjs/utils/types.js

@@ -1,4 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });

package/DEV-esm/core/Alert/Alert.js

@@ -1,78 +1,133 @@
 import cx from 'classnames';
 import * as React from 'react';
-import { useSafeContext, polymorphic, StatusIconMap, SvgCloseSmall, Box } from '../../utils/index.js';
+import {
+  useSafeContext,
+  polymorphic,
+  StatusIconMap,
+  SvgCloseSmall,
+  Box,
+} from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 import { Icon } from '../Icon/Icon.js';
 import { Anchor } from '../Typography/Anchor.js';
 let AlertContext = React.createContext(void 0);
-let AlertComponent = React.forwardRef((props, forwardedRef)=>{
-    let { children, type = 'informational', isSticky = false, clickableText, clickableTextProps, onClose, ...rest } = props;
-    return React.createElement(Alert.Wrapper, {
-        type: type,
-        isSticky: isSticky,
-        ref: forwardedRef,
-        ...rest
-    }, React.createElement(Alert.Icon, null), React.createElement(Alert.Message, null, children, clickableText ? React.createElement(Alert.Action, clickableTextProps, clickableText) : null), onClose ? React.createElement(Alert.CloseButton, {
-        onClick: onClose
-    }) : null);
+let AlertComponent = React.forwardRef((props, forwardedRef) => {
+  let {
+    children,
+    type = 'informational',
+    isSticky = false,
+    clickableText,
+    clickableTextProps,
+    onClose,
+    ...rest
+  } = props;
+  return React.createElement(
+    Alert.Wrapper,
+    {
+      type: type,
+      isSticky: isSticky,
+      ref: forwardedRef,
+      ...rest,
+    },
+    React.createElement(Alert.Icon, null),
+    React.createElement(
+      Alert.Message,
+      null,
+      children,
+      clickableText
+        ? React.createElement(Alert.Action, clickableTextProps, clickableText)
+        : null,
+    ),
+    onClose
+      ? React.createElement(Alert.CloseButton, {
+          onClick: onClose,
+        })
+      : null,
+  );
 });
 AlertComponent.displayName = 'Alert';
-let AlertWrapper = React.forwardRef((props, ref)=>{
-    let { children, className, type = 'informational', isSticky = false, ...rest } = props;
-    return React.createElement(Box, {
-        className: cx('iui-alert', className),
-        "data-iui-status": type,
-        "data-iui-variant": isSticky ? 'sticky' : void 0,
-        ref: ref,
-        ...rest
-    }, React.createElement(AlertContext.Provider, {
+let AlertWrapper = React.forwardRef((props, ref) => {
+  let {
+    children,
+    className,
+    type = 'informational',
+    isSticky = false,
+    ...rest
+  } = props;
+  return React.createElement(
+    Box,
+    {
+      className: cx('iui-alert', className),
+      'data-iui-status': type,
+      'data-iui-variant': isSticky ? 'sticky' : void 0,
+      ref: ref,
+      ...rest,
+    },
+    React.createElement(
+      AlertContext.Provider,
+      {
         value: {
-            type
-        }
-    }, children));
+          type,
+        },
+      },
+      children,
+    ),
+  );
 });
 AlertWrapper.displayName = 'Alert.Wrapper';
-let AlertIcon = React.forwardRef((props, ref)=>{
-    let { children, ...rest } = props;
-    let { type } = useSafeContext(AlertContext);
-    let StatusIcon = StatusIconMap[type];
-    return React.createElement(Icon, {
-        fill: type,
-        ref: ref,
-        ...rest
-    }, children ?? React.createElement(StatusIcon, null));
+let AlertIcon = React.forwardRef((props, ref) => {
+  let { children, ...rest } = props;
+  let { type } = useSafeContext(AlertContext);
+  let StatusIcon = StatusIconMap[type];
+  return React.createElement(
+    Icon,
+    {
+      fill: type,
+      ref: ref,
+      ...rest,
+    },
+    children ?? React.createElement(StatusIcon, null),
+  );
 });
 AlertIcon.displayName = 'Alert.Icon';
 let AlertMessage = polymorphic.span('iui-alert-message');
 AlertMessage.displayName = 'Alert.Message';
-let AlertAction = React.forwardRef((props, ref)=>{
-    let { children, className, ...rest } = props;
-    let { type } = useSafeContext(AlertContext);
-    return React.createElement(Anchor, {
-        as: props.href ? 'a' : 'button',
-        className: cx('iui-button-base', 'iui-alert-link', className),
-        underline: true,
-        "data-iui-status": type,
-        ref: ref,
-        ...rest
-    }, children);
+let AlertAction = React.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  let { type } = useSafeContext(AlertContext);
+  return React.createElement(
+    Anchor,
+    {
+      as: props.href ? 'a' : 'button',
+      className: cx('iui-button-base', 'iui-alert-link', className),
+      underline: true,
+      'data-iui-status': type,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 AlertAction.displayName = 'Alert.Action';
-let AlertCloseButton = React.forwardRef((props, ref)=>{
-    let { children, ...rest } = props;
-    return React.createElement(IconButton, {
-        styleType: "borderless",
-        size: "small",
-        "aria-label": "Close",
-        ref: ref,
-        ...rest
-    }, children ?? React.createElement(SvgCloseSmall, null));
+let AlertCloseButton = React.forwardRef((props, ref) => {
+  let { children, ...rest } = props;
+  return React.createElement(
+    IconButton,
+    {
+      styleType: 'borderless',
+      size: 'small',
+      'aria-label': 'Close',
+      ref: ref,
+      ...rest,
+    },
+    children ?? React.createElement(SvgCloseSmall, null),
+  );
 });
 AlertCloseButton.displayName = 'Alert.CloseButton';
 export const Alert = Object.assign(AlertComponent, {
-    Wrapper: AlertWrapper,
-    Icon: AlertIcon,
-    Message: AlertMessage,
-    Action: AlertAction,
-    CloseButton: AlertCloseButton
+  Wrapper: AlertWrapper,
+  Icon: AlertIcon,
+  Message: AlertMessage,
+  Action: AlertAction,
+  CloseButton: AlertCloseButton,
 });

package/DEV-esm/core/Avatar/Avatar.js

@@ -2,34 +2,53 @@ import cx from 'classnames';
 import * as React from 'react';
 import { Box, SoftBackgrounds, isSoftBackground } from '../../utils/index.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-let getBackground = (color)=>{
-    if (!color) return '';
-    return isSoftBackground(color) ? SoftBackgrounds[color] : color;
+let getBackground = (color) => {
+  if (!color) return '';
+  return isSoftBackground(color) ? SoftBackgrounds[color] : color;
 };
 export const defaultStatusTitles = {
-    away: 'Away',
-    busy: 'Busy',
-    offline: 'Offline',
-    online: 'Online'
+  away: 'Away',
+  busy: 'Busy',
+  offline: 'Offline',
+  online: 'Online',
 };
-export const Avatar = React.forwardRef((props, ref)=>{
-    let { size = 'small', status, abbreviation, image, backgroundColor, title, translatedStatusTitles, className, style, ...rest } = props;
-    let statusTitles = {
-        ...defaultStatusTitles,
-        ...translatedStatusTitles
-    };
-    return React.createElement(Box, {
-        as: "span",
-        className: cx('iui-avatar', className),
-        "data-iui-size": 'medium' !== size ? size : void 0,
-        "data-iui-status": status,
-        title: title,
-        style: {
-            backgroundColor: getBackground(backgroundColor),
-            ...style
-        },
-        ref: ref,
-        ...rest
-    }, image ? null : abbreviation?.substring(0, 2), image, status ? React.createElement(VisuallyHidden, null, statusTitles[status]) : null);
+export const Avatar = React.forwardRef((props, ref) => {
+  let {
+    size = 'small',
+    status,
+    abbreviation,
+    image,
+    backgroundColor,
+    title,
+    translatedStatusTitles,
+    className,
+    style,
+    ...rest
+  } = props;
+  let statusTitles = {
+    ...defaultStatusTitles,
+    ...translatedStatusTitles,
+  };
+  return React.createElement(
+    Box,
+    {
+      as: 'span',
+      className: cx('iui-avatar', className),
+      'data-iui-size': 'medium' !== size ? size : void 0,
+      'data-iui-status': status,
+      title: title,
+      style: {
+        backgroundColor: getBackground(backgroundColor),
+        ...style,
+      },
+      ref: ref,
+      ...rest,
+    },
+    image ? null : abbreviation?.substring(0, 2),
+    image,
+    status
+      ? React.createElement(VisuallyHidden, null, statusTitles[status])
+      : null,
+  );
 });
 Avatar.displayName = 'Avatar';

package/DEV-esm/core/AvatarGroup/AvatarGroup.js

@@ -1,26 +1,63 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
-export const AvatarGroup = React.forwardRef((props, ref)=>{
-    let maxLength = 99;
-    let { children, animated = false, stacked = true, maxIcons = 5, iconSize = 'small', countIconProps, className, ...rest } = props;
-    let childrenArray = React.Children.toArray(children);
-    let childrenLength = childrenArray.length;
-    let getAvatarList = (count)=>childrenArray.slice(0, count).map((child)=>React.cloneElement(child, {
-                status: void 0,
-                size: iconSize
-            }));
-    return React.createElement(Box, {
-        className: cx('iui-avatar-list', {
-            'iui-animated': animated,
-            'iui-stacked': stacked
-        }, className),
-        ref: ref,
-        ...rest
-    }, childrenArray.length <= maxIcons + 1 && getAvatarList(maxIcons + 1), childrenArray.length > maxIcons + 1 && React.createElement(React.Fragment, null, getAvatarList(maxIcons), React.createElement(Box, {
-        ...countIconProps,
-        className: cx('iui-avatar', 'iui-avatar-count', countIconProps?.className),
-        "data-iui-size": 'medium' !== iconSize ? iconSize : void 0
-    }, childrenLength <= maxLength ? `${childrenLength - maxIcons}` : `${maxLength}+`)));
+export const AvatarGroup = React.forwardRef((props, ref) => {
+  let maxLength = 99;
+  let {
+    children,
+    animated = false,
+    stacked = true,
+    maxIcons = 5,
+    iconSize = 'small',
+    countIconProps,
+    className,
+    ...rest
+  } = props;
+  let childrenArray = React.Children.toArray(children);
+  let childrenLength = childrenArray.length;
+  let getAvatarList = (count) =>
+    childrenArray.slice(0, count).map((child) =>
+      React.cloneElement(child, {
+        status: void 0,
+        size: iconSize,
+      }),
+    );
+  return React.createElement(
+    Box,
+    {
+      className: cx(
+        'iui-avatar-list',
+        {
+          'iui-animated': animated,
+          'iui-stacked': stacked,
+        },
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    childrenArray.length <= maxIcons + 1 && getAvatarList(maxIcons + 1),
+    childrenArray.length > maxIcons + 1 &&
+      React.createElement(
+        React.Fragment,
+        null,
+        getAvatarList(maxIcons),
+        React.createElement(
+          Box,
+          {
+            ...countIconProps,
+            className: cx(
+              'iui-avatar',
+              'iui-avatar-count',
+              countIconProps?.className,
+            ),
+            'data-iui-size': 'medium' !== iconSize ? iconSize : void 0,
+          },
+          childrenLength <= maxLength
+            ? `${childrenLength - maxIcons}`
+            : `${maxLength}+`,
+        ),
+      ),
+  );
 });
 AvatarGroup.displayName = 'AvatarGroup';

package/DEV-esm/core/Backdrop/Backdrop.js

@@ -1,14 +1,18 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
-export const Backdrop = React.forwardRef((props, ref)=>{
-    let { isVisible = true, className, ...rest } = props;
-    return React.createElement(Box, {
-        className: cx('iui-backdrop', {
-            'iui-backdrop-visible': isVisible
-        }, className),
-        ref: ref,
-        ...rest
-    });
+export const Backdrop = React.forwardRef((props, ref) => {
+  let { isVisible = true, className, ...rest } = props;
+  return React.createElement(Box, {
+    className: cx(
+      'iui-backdrop',
+      {
+        'iui-backdrop-visible': isVisible,
+      },
+      className,
+    ),
+    ref: ref,
+    ...rest,
+  });
 });
 Backdrop.displayName = 'Backdrop';