@itwin/itwinui-react 3.13.4 → 3.14.0

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

@@ -1,6 +1,6 @@
-"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("./ColorValue.js"), exports);
+const _export_star = require('@swc/helpers/_/_export_star');
+_export_star._(require('./ColorValue.js'), exports);

package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js

@@ -1,29 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "AutoclearingHiddenLiveRegion", {
-    enumerable: true,
-    get: function() {
-        return AutoclearingHiddenLiveRegion;
-    }
+Object.defineProperty(exports, 'AutoclearingHiddenLiveRegion', {
+  enumerable: true,
+  get: function () {
+    return AutoclearingHiddenLiveRegion;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _VisuallyHidden = require("../../core/VisuallyHidden/VisuallyHidden.js");
-const _index = require("../functions/index.js");
-const AutoclearingHiddenLiveRegion = ({ text = '' })=>{
-    let [maybeText, setMaybeText] = _react.useState(text);
-    _react.useEffect(()=>{
-        setMaybeText(text);
-        let timeout = (0, _index.getWindow)()?.setTimeout(()=>setMaybeText(''), 5000);
-        return ()=>void (0, _index.getWindow)()?.clearTimeout(timeout);
-    }, [
-        text
-    ]);
-    return _react.createElement(_VisuallyHidden.VisuallyHidden, {
-        as: "div",
-        "aria-live": "polite",
-        "aria-atomic": "true"
-    }, maybeText);
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
+const _index = require('../functions/index.js');
+const AutoclearingHiddenLiveRegion = ({ text = '' }) => {
+  let [maybeText, setMaybeText] = _react.useState(text);
+  _react.useEffect(() => {
+    setMaybeText(text);
+    let timeout = (0, _index.getWindow)()?.setTimeout(
+      () => setMaybeText(''),
+      5000,
+    );
+    return () => void (0, _index.getWindow)()?.clearTimeout(timeout);
+  }, [text]);
+  return _react.createElement(
+    _VisuallyHidden.VisuallyHidden,
+    {
+      as: 'div',
+      'aria-live': 'polite',
+      'aria-atomic': 'true',
+    },
+    maybeText,
+  );
 };

package/DEV-cjs/utils/components/Box.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Box", {
-    enumerable: true,
-    get: function() {
-        return Box;
-    }
+Object.defineProperty(exports, 'Box', {
+  enumerable: true,
+  get: function () {
+    return Box;
+  },
 });
-const _polymorphic = require("../functions/polymorphic.js");
+const _polymorphic = require('../functions/polymorphic.js');
 const Box = _polymorphic.polymorphic.div('');

package/DEV-cjs/utils/components/ButtonBase.js

@@ -1,39 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ButtonBase", {
-    enumerable: true,
-    get: function() {
-        return ButtonBase;
-    }
+Object.defineProperty(exports, 'ButtonBase', {
+  enumerable: true,
+  get: function () {
+    return ButtonBase;
+  },
 });
-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("./Box.js");
-const _useIsClient = require("../hooks/useIsClient.js");
-const ButtonBase = _react.forwardRef((props, forwardedRef)=>{
-    let { as: asProp = 'button', disabled: disabledProp, htmlDisabled, ...rest } = props;
-    let isClient = (0, _useIsClient.useIsClient)();
-    let ariaDisabled = disabledProp && !htmlDisabled && isClient && 'button' === asProp;
-    let handleIfEnabled = (handler)=>(e)=>{
-            if (disabledProp) return;
-            handler?.(e);
-        };
-    return _react.createElement(_Box.Box, {
-        as: asProp,
-        type: 'button' === asProp ? 'button' : void 0,
-        ref: forwardedRef,
-        "aria-disabled": ariaDisabled ? 'true' : void 0,
-        "data-iui-disabled": disabledProp ? 'true' : void 0,
-        disabled: !!(htmlDisabled ?? (!isClient && disabledProp)) || void 0,
-        ...rest,
-        className: (0, _classnames.default)('iui-button-base', props.className),
-        onClick: handleIfEnabled(props.onClick),
-        onPointerDown: handleIfEnabled(props.onPointerDown),
-        onPointerUp: handleIfEnabled(props.onPointerUp)
-    });
+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('./Box.js');
+const _useIsClient = require('../hooks/useIsClient.js');
+const ButtonBase = _react.forwardRef((props, forwardedRef) => {
+  let {
+    as: asProp = 'button',
+    disabled: disabledProp,
+    htmlDisabled,
+    ...rest
+  } = props;
+  let isClient = (0, _useIsClient.useIsClient)();
+  let ariaDisabled =
+    disabledProp && !htmlDisabled && isClient && 'button' === asProp;
+  let handleIfEnabled = (handler) => (e) => {
+    if (disabledProp) return;
+    handler?.(e);
+  };
+  return _react.createElement(_Box.Box, {
+    as: asProp,
+    type: 'button' === asProp ? 'button' : void 0,
+    ref: forwardedRef,
+    'aria-disabled': ariaDisabled ? 'true' : void 0,
+    'data-iui-disabled': disabledProp ? 'true' : void 0,
+    disabled: !!(htmlDisabled ?? (!isClient && disabledProp)) || void 0,
+    ...rest,
+    className: (0, _classnames.default)('iui-button-base', props.className),
+    onClick: handleIfEnabled(props.onClick),
+    onPointerDown: handleIfEnabled(props.onPointerDown),
+    onPointerUp: handleIfEnabled(props.onPointerUp),
+  });
 });
 ButtonBase.displayName = 'ButtonBase';

package/DEV-cjs/utils/components/FieldsetBase.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FieldsetBase", {
-    enumerable: true,
-    get: function() {
-        return FieldsetBase;
-    }
+Object.defineProperty(exports, 'FieldsetBase', {
+  enumerable: true,
+  get: function () {
+    return FieldsetBase;
+  },
 });
-const _polymorphic = require("../functions/polymorphic.js");
+const _polymorphic = require('../functions/polymorphic.js');
 const FieldsetBase = _polymorphic.polymorphic.fieldset('iui-fieldset-base');

package/DEV-cjs/utils/components/FocusTrap.js

@@ -1,48 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FocusTrap", {
-    enumerable: true,
-    get: function() {
-        return FocusTrap;
-    }
+Object.defineProperty(exports, 'FocusTrap', {
+  enumerable: true,
+  get: function () {
+    return FocusTrap;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _focusable = require("../functions/focusable.js");
-const _useMergedRefs = require("../hooks/useMergedRefs.js");
-const FocusTrap = (props)=>{
-    let { children } = props;
-    let childRef = _react.useRef();
-    let getFirstLastFocusables = ()=>{
-        let elements = (0, _focusable.getTabbableElements)(childRef.current);
-        let firstElement = elements[0];
-        let lastElement = elements[(elements.length || 1) - 1];
-        return [
-            firstElement,
-            lastElement
-        ];
-    };
-    let onFirstFocus = (event)=>{
-        let [firstElement, lastElement] = getFirstLastFocusables();
-        if (event.relatedTarget === firstElement) lastElement?.focus();
-        else firstElement?.focus();
-    };
-    let onLastFocus = (event)=>{
-        let [firstElement, lastElement] = getFirstLastFocusables();
-        if (event.relatedTarget === lastElement) firstElement?.focus();
-        else lastElement?.focus();
-    };
-    return _react.createElement(_react.Fragment, null, _react.createElement("div", {
-        tabIndex: 0,
-        onFocus: onFirstFocus,
-        "aria-hidden": true
-    }), _react.cloneElement(children, {
-        ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef)
-    }), _react.createElement("div", {
-        tabIndex: 0,
-        onFocus: onLastFocus,
-        "aria-hidden": true
-    }));
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _focusable = require('../functions/focusable.js');
+const _useMergedRefs = require('../hooks/useMergedRefs.js');
+const FocusTrap = (props) => {
+  let { children } = props;
+  let childRef = _react.useRef();
+  let getFirstLastFocusables = () => {
+    let elements = (0, _focusable.getTabbableElements)(childRef.current);
+    let firstElement = elements[0];
+    let lastElement = elements[(elements.length || 1) - 1];
+    return [firstElement, lastElement];
+  };
+  let onFirstFocus = (event) => {
+    let [firstElement, lastElement] = getFirstLastFocusables();
+    if (event.relatedTarget === firstElement) lastElement?.focus();
+    else firstElement?.focus();
+  };
+  let onLastFocus = (event) => {
+    let [firstElement, lastElement] = getFirstLastFocusables();
+    if (event.relatedTarget === lastElement) firstElement?.focus();
+    else lastElement?.focus();
+  };
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement('div', {
+      tabIndex: 0,
+      onFocus: onFirstFocus,
+      'aria-hidden': true,
+    }),
+    _react.cloneElement(children, {
+      ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef),
+    }),
+    _react.createElement('div', {
+      tabIndex: 0,
+      onFocus: onLastFocus,
+      'aria-hidden': true,
+    }),
+  );
 };

package/DEV-cjs/utils/components/InputContainer.js

@@ -1,37 +1,70 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "InputContainer", {
-    enumerable: true,
-    get: function() {
-        return InputContainer;
-    }
+Object.defineProperty(exports, 'InputContainer', {
+  enumerable: true,
+  get: function () {
+    return InputContainer;
+  },
 });
-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("./Box.js");
-const _Label = require("../../core/Label/Label.js");
-const _StatusMessage = require("../../core/StatusMessage/StatusMessage.js");
-const InputContainer = _react.forwardRef((props, forwardedRef)=>{
-    let { label, disabled, required, status, message, icon, isLabelInline, children, className, style, statusMessage, inputId, labelId, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        className: (0, _classnames.default)('iui-input-grid', className),
-        "data-iui-status": status,
-        "data-iui-label-placement": isLabelInline ? 'inline' : void 0,
-        style: style,
-        ref: forwardedRef,
-        ...rest
-    }, label && _react.createElement(_Label.Label, {
-        as: inputId && 'label' !== props.as ? 'label' : 'div',
-        required: required,
-        disabled: disabled,
-        htmlFor: inputId,
-        id: labelId
-    }, label), children, statusMessage ? statusMessage : message && _react.createElement(_StatusMessage.StatusMessage, {
-        startIcon: icon,
-        status: status
-    }, message));
+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('./Box.js');
+const _Label = require('../../core/Label/Label.js');
+const _StatusMessage = require('../../core/StatusMessage/StatusMessage.js');
+const InputContainer = _react.forwardRef((props, forwardedRef) => {
+  let {
+    label,
+    disabled,
+    required,
+    status,
+    message,
+    icon,
+    isLabelInline,
+    children,
+    className,
+    style,
+    statusMessage,
+    inputId,
+    labelId,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _Box.Box,
+    {
+      className: (0, _classnames.default)('iui-input-grid', className),
+      'data-iui-status': status,
+      'data-iui-label-placement': isLabelInline ? 'inline' : void 0,
+      style: style,
+      ref: forwardedRef,
+      ...rest,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
+          as: inputId && 'label' !== props.as ? 'label' : 'div',
+          required: required,
+          disabled: disabled,
+          htmlFor: inputId,
+          id: labelId,
+        },
+        label,
+      ),
+    children,
+    statusMessage
+      ? statusMessage
+      : message &&
+          _react.createElement(
+            _StatusMessage.StatusMessage,
+            {
+              startIcon: icon,
+              status: status,
+            },
+            message,
+          ),
+  );
 });

package/DEV-cjs/utils/components/InputFlexContainer.js

@@ -1,58 +1,72 @@
-"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, {
-    InputFlexContainer: function() {
-        return InputFlexContainer;
-    },
-    InputFlexContainerButton: function() {
-        return InputFlexContainerButton;
+  InputFlexContainer: function () {
+    return InputFlexContainer;
+  },
+  InputFlexContainerButton: function () {
+    return InputFlexContainerButton;
+  },
+  InputFlexContainerIcon: function () {
+    return InputFlexContainerIcon;
+  },
+});
+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('./Box.js');
+const _Icon = require('../../core/Icon/Icon.js');
+const _IconButton = require('../../core/Buttons/IconButton.js');
+const InputFlexContainer = _react.forwardRef((props, ref) => {
+  let { isDisabled, status, children, className, size, style, ...rest } = props;
+  return _react.createElement(
+    _Box.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-input-flex-container',
+        className,
+      ),
+      'data-iui-status': status,
+      'data-iui-size': size,
+      'data-iui-disabled': isDisabled ? 'true' : void 0,
+      ref: ref,
+      style: style,
+      ...rest,
     },
-    InputFlexContainerIcon: function() {
-        return InputFlexContainerIcon;
-    }
+    children,
+  );
 });
-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("./Box.js");
-const _Icon = require("../../core/Icon/Icon.js");
-const _IconButton = require("../../core/Buttons/IconButton.js");
-const InputFlexContainer = _react.forwardRef((props, ref)=>{
-    let { isDisabled, status, children, className, size, style, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        className: (0, _classnames.default)('iui-input-flex-container', className),
-        "data-iui-status": status,
-        "data-iui-size": size,
-        "data-iui-disabled": isDisabled ? 'true' : void 0,
-        ref: ref,
-        style: style,
-        ...rest
-    }, children);
+const InputFlexContainerButton = _react.forwardRef((props, ref) => {
+  let { className, ...rest } = props;
+  return _react.createElement(_IconButton.IconButton, {
+    ref: ref,
+    className: (0, _classnames.default)(
+      'iui-input-flex-container-icon',
+      className,
+    ),
+    styleType: 'borderless',
+    ...rest,
+  });
 });
-const InputFlexContainerButton = _react.forwardRef((props, ref)=>{
-    let { className, ...rest } = props;
-    return _react.createElement(_IconButton.IconButton, {
-        ref: ref,
-        className: (0, _classnames.default)('iui-input-flex-container-icon', className),
-        styleType: "borderless",
-        ...rest
-    });
-});
-const InputFlexContainerIcon = _react.forwardRef((props, ref)=>{
-    let { className, ...rest } = props;
-    return _react.createElement(_Icon.Icon, {
-        ref: ref,
-        className: (0, _classnames.default)('iui-input-flex-container-icon', className),
-        padded: true,
-        ...rest
-    });
+const InputFlexContainerIcon = _react.forwardRef((props, ref) => {
+  let { className, ...rest } = props;
+  return _react.createElement(_Icon.Icon, {
+    ref: ref,
+    className: (0, _classnames.default)(
+      'iui-input-flex-container-icon',
+      className,
+    ),
+    padded: true,
+    ...rest,
+  });
 });

package/DEV-cjs/utils/components/InputWithIcon.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "InputWithIcon", {
-    enumerable: true,
-    get: function() {
-        return InputWithIcon;
-    }
+Object.defineProperty(exports, 'InputWithIcon', {
+  enumerable: true,
+  get: function () {
+    return InputWithIcon;
+  },
 });
-const _polymorphic = require("../functions/polymorphic.js");
+const _polymorphic = require('../functions/polymorphic.js');
 const InputWithIcon = _polymorphic.polymorphic.div('iui-input-with-icon');
 InputWithIcon.displayName = 'InputWithIcon';

package/DEV-cjs/utils/components/LineClamp.js

@@ -1,29 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "LineClamp", {
-    enumerable: true,
-    get: function() {
-        return LineClamp;
-    }
+Object.defineProperty(exports, 'LineClamp', {
+  enumerable: true,
+  get: function () {
+    return LineClamp;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _Box = require("./Box.js");
-const _ShadowRoot = require("./ShadowRoot.js");
-const LineClamp = _react.forwardRef((props, forwardedRef)=>{
-    let { lines, children, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        ref: forwardedRef,
-        ...rest,
-        style: {
-            '--_iui-line-clamp': lines,
-            ...props.style
-        }
-    }, _react.createElement(_ShadowRoot.ShadowRoot, {
-        css: css
-    }, _react.createElement("slot", null)), children);
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _Box = require('./Box.js');
+const _ShadowRoot = require('./ShadowRoot.js');
+const LineClamp = _react.forwardRef((props, forwardedRef) => {
+  let { lines, children, ...rest } = props;
+  return _react.createElement(
+    _Box.Box,
+    {
+      ref: forwardedRef,
+      ...rest,
+      style: {
+        '--_iui-line-clamp': lines,
+        ...props.style,
+      },
+    },
+    _react.createElement(
+      _ShadowRoot.ShadowRoot,
+      {
+        css: css,
+      },
+      _react.createElement('slot', null),
+    ),
+    children,
+  );
 });
 const css = `
   :host {