@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/cjs/core/Toast/Toast.js

@@ -19,9 +19,10 @@ _export(exports, {
 });
 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 _reacttransitiongroup = require('react-transition-group');
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _Toaster = require('./Toaster.js');
@@ -48,9 +49,6 @@ const Toast = (props) => {
   let [height, setHeight] = _react.useState(0);
   let thisElement = _react.useRef(null);
   let [margin, setMargin] = _react.useState(0);
-  let motionOk = (0, _index.useMediaQuery)(
-    '(prefers-reduced-motion: no-preference)',
-  );
   let marginStyle = () => {
     if ('top' === placementPosition)
       return {
@@ -90,81 +88,41 @@ const Toast = (props) => {
       setHeight(height);
     }
   };
-  let calculateOutAnimation = (node) => {
-    let translateX = 0;
-    let translateY = 0;
-    if (animateOutTo && node) {
-      let { x: startX, y: startY } = node.getBoundingClientRect();
-      let { x: endX, y: endY } = animateOutTo.getBoundingClientRect();
-      translateX = endX - startX;
-      translateY = endY - startY;
-    }
-    return {
-      translateX,
-      translateY,
-    };
-  };
-  return _react.createElement(
-    _reacttransitiongroup.Transition,
-    {
-      timeout: {
-        enter: 240,
-        exit: animateOutTo ? 400 : 120,
-      },
-      in: isVisible,
-      appear: true,
-      unmountOnExit: true,
-      onEnter: (node) => {
-        if (motionOk) {
-          node.style.transform = 'translateY(15%)';
-          node.style.transitionTimingFunction = 'ease';
-        }
-      },
-      onEntered: (node) => {
-        if (motionOk) node.style.transform = 'translateY(0)';
-      },
-      onExiting: (node) => {
-        if (motionOk) {
-          let { translateX, translateY } = calculateOutAnimation(node);
-          node.style.transform = animateOutTo
-            ? `scale(0.9) translate(${translateX}px,${translateY}px)`
-            : 'scale(0.9)';
-          node.style.opacity = '0';
-          node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
-          node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
-        }
-      },
-      onExited: onRemove,
-    },
-    _react.createElement(
-      _index.Box,
-      {
-        ref: thisElement,
-        className: 'iui-toast-all',
-        style: {
-          height,
-          ...marginStyle(),
-        },
-      },
-      _react.createElement(
-        'div',
+  let shouldBeMounted = useAnimateToastBasedOnVisibility(isVisible, {
+    thisElement,
+    animateOutTo,
+    onRemove,
+  });
+  return shouldBeMounted
+    ? _react.createElement(
+        _index.Box,
         {
-          ref: onRef,
+          ref: thisElement,
+          className: 'iui-toast-all',
+          style: {
+            height,
+            ...marginStyle(),
+          },
         },
-        _react.createElement(ToastPresentation, {
-          as: 'div',
-          category: category,
-          content: content,
-          link: link,
-          type: type,
-          hasCloseButton: hasCloseButton,
-          onClose: close,
-          ...domProps?.toastProps,
-          contentProps: domProps?.contentProps,
-        }),
-      ),
-    ),
-  );
+        _react.createElement(
+          'div',
+          {
+            ref: onRef,
+          },
+          _react.createElement(ToastPresentation, {
+            as: 'div',
+            category: category,
+            content: content,
+            link: link,
+            type: type,
+            hasCloseButton: hasCloseButton,
+            onClose: close,
+            ...domProps?.toastProps,
+            contentProps: domProps?.contentProps,
+          }),
+        ),
+      )
+    : null;
 };
 const ToastPresentation = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -239,3 +197,102 @@ const ToastPresentation = _react.forwardRef((props, forwardedRef) => {
       ),
   );
 });
+const useAnimateToastBasedOnVisibility = (isVisible, args) => {
+  let { thisElement, animateOutTo, onRemove } = args;
+  let [shouldBeMounted, setShouldBeMounted] = _react.useState(isVisible);
+  let motionOk = (0, _index.useMediaQuery)(
+    '(prefers-reduced-motion: no-preference)',
+  );
+  let onRemoveRef = (0, _index.useLatestRef)(onRemove);
+  let [prevIsVisible, setPrevIsVisible] = _react.useState(void 0);
+  _react.useEffect(() => {
+    if (prevIsVisible !== isVisible) {
+      setPrevIsVisible(isVisible);
+      if (isVisible) safeAnimateIn();
+      else safeAnimateOut();
+    }
+    function calculateOutAnimation(node) {
+      let translateX = 0;
+      let translateY = 0;
+      if (animateOutTo && node) {
+        let { x: startX, y: startY } = node.getBoundingClientRect();
+        let { x: endX, y: endY } = animateOutTo.getBoundingClientRect();
+        translateX = endX - startX;
+        translateY = endY - startY;
+      }
+      return {
+        translateX,
+        translateY,
+      };
+    }
+    function safeAnimateIn() {
+      setShouldBeMounted(true);
+      queueMicrotask(() => {
+        animateIn();
+      });
+    }
+    function safeAnimateOut() {
+      if (motionOk) {
+        let animation = animateOut();
+        animation?.addEventListener('finish', () => {
+          setShouldBeMounted(false);
+          onRemoveRef.current?.();
+        });
+      } else {
+        setShouldBeMounted(false);
+        onRemoveRef.current?.();
+      }
+    }
+    function animateIn() {
+      if (!motionOk) return;
+      thisElement.current?.animate?.(
+        [
+          {
+            transform: 'translateY(15%)',
+          },
+          {
+            transform: 'translateY(0)',
+          },
+        ],
+        {
+          duration: 240,
+          fill: 'forwards',
+        },
+      );
+    }
+    function animateOut() {
+      if (null == thisElement.current || !motionOk) return;
+      let { translateX, translateY } = calculateOutAnimation(
+        thisElement.current,
+      );
+      let animationDuration = animateOutTo ? 400 : 120;
+      let animation = thisElement.current?.animate?.(
+        [
+          {
+            transform: animateOutTo
+              ? `scale(0.9) translate(${translateX}px,${translateY}px)`
+              : 'scale(0.9)',
+            opacity: 0,
+            transitionDuration: `${animationDuration}ms`,
+            transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',
+          },
+        ],
+        {
+          duration: animationDuration,
+          iterations: 1,
+          fill: 'forwards',
+        },
+      );
+      return animation;
+    }
+  }, [
+    isVisible,
+    prevIsVisible,
+    animateOutTo,
+    motionOk,
+    thisElement,
+    setShouldBeMounted,
+    onRemoveRef,
+  ]);
+  return shouldBeMounted;
+};

package/cjs/core/Toast/Toaster.d.ts

@@ -38,7 +38,7 @@ export declare const Toaster: () => React.JSX.Element;
 export declare const ToastProvider: ({ children, inherit, }: {
     children: React.ReactNode;
     inherit?: boolean;
-}) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}) => React.JSX.Element;
 export declare const ToasterStateContext: React.Context<ToasterState | undefined>;
 type ToasterState = {
     toasts: ToastProps[];

package/cjs/core/Toast/Toaster.js

@@ -25,8 +25,10 @@ _export(exports, {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _Toast = require('./Toast.js');
 const useToaster = () => {
@@ -96,16 +98,24 @@ const ToastProvider = ({ children, inherit = false }) => {
       placement: 'top',
     },
   });
-  if (_react.useContext(ToasterStateContext) && inherit) return children;
+  let toasterDispatchContext = _react.useContext(ToasterDispatchContext);
+  let toasterStateContext = _react.useContext(ToasterStateContext);
+  let shouldReuse = toasterStateContext && inherit;
+  let toasterDispatchContextValue = shouldReuse
+    ? toasterDispatchContext
+    : dispatch;
+  let toasterStateContextValue = shouldReuse
+    ? toasterStateContext
+    : toasterState;
   return _react.createElement(
     ToasterDispatchContext.Provider,
     {
-      value: dispatch,
+      value: toasterDispatchContextValue,
     },
     _react.createElement(
       ToasterStateContext.Provider,
       {
-        value: toasterState,
+        value: toasterStateContextValue,
       },
       children,
     ),

package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts

@@ -25,7 +25,7 @@ type ToggleSwitchProps = {
      *
      * Will override the default checkmark icon.
      */
-    icon?: JSX.Element | null;
+    icon?: React.JSX.Element | null;
 } | {
     size: 'small';
     icon?: never;

package/cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ToggleSwitch', {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const ToggleSwitch = _react.forwardRef((props, ref) => {
   let {

package/cjs/core/Tooltip/Tooltip.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import type { Placement } from '@floating-ui/react';
+import type { FloatingDelayGroup, Placement } from '@floating-ui/react';
 import type { PolymorphicForwardRefComponent, PortalProps } from '../../utils/index.js';
+export declare const defaultTooltipDelay: React.ComponentPropsWithoutRef<typeof FloatingDelayGroup>['delay'];
 type TooltipOptions = {
     /**
      * Placement of the Tooltip

package/cjs/core/Tooltip/Tooltip.js

@@ -2,18 +2,33 @@
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });
-Object.defineProperty(exports, 'Tooltip', {
-  enumerable: true,
-  get: function () {
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  Tooltip: function () {
     return Tooltip;
   },
+  defaultTooltipDelay: function () {
+    return defaultTooltipDelay;
+  },
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _react1 = require('@floating-ui/react');
 const _index = require('../../utils/index.js');
+const defaultTooltipDelay = {
+  open: 100,
+  close: 200,
+};
 const useTooltip = (options = {}) => {
   let uniqueId = (0, _index.useId)();
   let {
@@ -111,13 +126,7 @@ const useTooltip = (options = {}) => {
   });
   let interactions = (0, _react1.useInteractions)([
     (0, _react1.useHover)(floating.context, {
-      delay:
-        0 !== delay
-          ? delay
-          : {
-              open: 50,
-              close: 250,
-            },
+      delay: 0 !== delay ? delay : defaultTooltipDelay,
       handleClose: (0, _react1.safePolygon)({
         buffer: -1 / 0,
       }),

package/cjs/core/TransferList/TransferList.d.ts

@@ -38,9 +38,7 @@ export declare const TransferList: PolymorphicForwardRefComponent<"div", {}> & {
     /**
      * 	TransferList listbox subcomponent
      */
-    Listbox: PolymorphicForwardRefComponent<"ul", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, "as"> & {
+    Listbox: PolymorphicForwardRefComponent<"ul", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as"> & {
         as?: "div" | undefined;
     }>;
     /**

package/cjs/core/TransferList/TransferList.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _List = require('../List/List.js');
 const _ListItem = require('../List/ListItem.js');

package/cjs/core/Tree/Tree.d.ts

@@ -53,7 +53,7 @@ export type TreeProps<T> = {
      *   />
      * ), [onNodeExpanded])
      */
-    nodeRenderer: (props: NodeRenderProps<T>) => JSX.Element;
+    nodeRenderer: (props: NodeRenderProps<T>) => React.JSX.Element;
     /**
      * Array of custom data used for `TreeNodes` inside `Tree`.
      */

package/cjs/core/Tree/Tree.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Tree', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _TreeContext = require('./TreeContext.js');
 const Tree = (props) => {

package/cjs/core/Tree/TreeContext.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const TreeContext = _react.createContext(void 0);
 const useTreeContext = () => {
   let context = _react.useContext(TreeContext);

package/cjs/core/Tree/TreeNode.d.ts

@@ -37,7 +37,7 @@ type TreeNodeProps = {
     /**
      * Icon shown before label and sublabel content.
      */
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     /**
      * Props for TreeNode Icon
      */

package/cjs/core/Tree/TreeNode.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'TreeNode', {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _TreeNodeExpander = require('./TreeNodeExpander.js');
 const _TreeContext = require('./TreeContext.js');
 const TreeNode = _react.forwardRef((props, forwardedRef) => {

package/cjs/core/Tree/TreeNodeExpander.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TreeNodeExpander', {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _TreeContext = require('./TreeContext.js');

package/cjs/core/Typography/Anchor.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Anchor', {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const _Text = require('./Text.js');

package/cjs/core/Typography/Blockquote.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Blockquote', {
 });
 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 _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Blockquote = _react.forwardRef((props, ref) => {
   let { className, children, footer, ...rest } = props;

package/cjs/core/Typography/Kbd.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 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 _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const KbdKeys = {
   Command: '\u2318 Cmd',

package/cjs/core/Typography/Text.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 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 _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Text = _react.forwardRef((props, ref) => {
   let {

package/cjs/core/VisuallyHidden/VisuallyHidden.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'VisuallyHidden', {
 });
 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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const VisuallyHidden = _react.forwardRef((props, ref) => {
   let {
@@ -41,7 +43,7 @@ const VisuallyHidden = _react.forwardRef((props, ref) => {
     {
       as: asProp,
       className: (0, _classnames.default)('iui-visually-hidden', className),
-      'data-iui-unhide-on-focus': !!unhideOnFocus || void 0,
+      'data-iui-unhide-on-focus': unhideOnFocus ? true : void 0,
       ref: ref,
       ...rest,
     },

package/cjs/react-table/react-table.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ComponentType, CSSProperties, DependencyList, EffectCallback, MouseEvent, ReactElement, ReactFragment, ReactNode } from 'react';
+import type { ChangeEvent, ComponentType, CSSProperties, DependencyList, EffectCallback, MouseEvent, ReactElement, ReactNode } from 'react';
 /**
  * This allows custom strings and keeps intellisense for string unions.
  * See https://github.com/Microsoft/TypeScript/issues/29729
@@ -732,7 +732,7 @@ export declare const defaultColumn: Partial<Column> & Record<string, any>;
 export type StringKey<D> = Extract<keyof D, string>;
 export type IdType<D> = StringKey<D> | string;
 export type CellValue<V = any> = V;
-export type Renderer<Props> = ComponentType<Props> | ReactElement | string | number | ReactFragment;
+export type Renderer<Props> = ComponentType<Props> | ReactElement<any> | string | number | Iterable<ReactNode>;
 export interface PluginHook<D extends Record<string, unknown>> {
     (hooks: Hooks<D>): void;
     pluginName?: string | undefined;
@@ -749,5 +749,5 @@ export declare function useGetLatest<T>(obj: T): () => T;
 export declare function safeUseLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
 export declare function useMountedLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
 export declare function useAsyncDebounce<F extends (...args: any[]) => any>(defaultFn: F, defaultWait?: number): F;
-export declare function makeRenderer(instance: TableInstance, column: ColumnInstance, meta?: any): ReactElement;
+export declare function makeRenderer(instance: TableInstance, column: ColumnInstance, meta?: any): ReactElement<any>;
 export {};

package/cjs/react-table/react-table.types-test.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _index = require('../core/Table/index.js');
-const _react = _interop_require_default._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_default._(require('react'));
 const _index1 = require('../index.js');
 () => {
   let columns = [
@@ -577,7 +577,7 @@ const _index1 = require('../index.js');
     [pageSizeList],
   );
   let [globalFilter, setGlobalFilter] = _react.default.useState('');
-  let tableInstance = _react.default.useRef();
+  let tableInstance = _react.default.useRef(void 0);
   let [hoveredRowIndex, setHoveredRowIndex] = _react.default.useState(0);
   let [rowRefMap, setRowRefMap] = _react.default.useState({});
   return _react.default.createElement(

package/cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const e = '3.17.0-dev.1';
+const e = '3.17.0';
 const u = new Proxy(
   {},
   {

package/cjs/utils/components/AutoclearingHiddenLiveRegion.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'AutoclearingHiddenLiveRegion', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
 const _index = require('../functions/index.js');
 const AutoclearingHiddenLiveRegion = ({ text = '' }) => {

package/cjs/utils/components/ButtonBase.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, '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 _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('./Box.js');
 const _useIsClient = require('../hooks/useIsClient.js');
 const ButtonBase = _react.forwardRef((props, forwardedRef) => {
@@ -19,6 +21,7 @@ const ButtonBase = _react.forwardRef((props, forwardedRef) => {
     as: asProp = 'button',
     disabled: disabledProp,
     htmlDisabled,
+    type: typeProp = 'button' === asProp ? 'button' : void 0,
     ...rest
   } = props;
   let isClient = (0, _useIsClient.useIsClient)();
@@ -28,13 +31,14 @@ const ButtonBase = _react.forwardRef((props, forwardedRef) => {
     if (disabledProp) return;
     handler?.(e);
   };
+  let type = 'button' === asProp && disabledProp ? 'button' : typeProp;
   return _react.createElement(_Box.Box, {
     as: asProp,
-    type: 'button' === asProp ? 'button' : void 0,
+    type: type,
     ref: forwardedRef,
     'aria-disabled': ariaDisabled ? 'true' : void 0,
     'data-iui-disabled': disabledProp ? 'true' : void 0,
-    disabled: !!(htmlDisabled ?? (!isClient && disabledProp)) || void 0,
+    disabled: htmlDisabled ?? (!isClient && disabledProp) ? true : void 0,
     ...rest,
     className: (0, _classnames.default)('iui-button-base', props.className),
     onClick: handleIfEnabled(props.onClick),