@instructure/ui-alerts 10.16.1-snapshot-0 → 10.16.1

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.16.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.16.0...v10.16.1-snapshot-0) (2025-04-15)
+## [10.16.1](https://github.com/instructure/instructure-ui/compare/v10.16.0...v10.16.1) (2025-04-22)
 
 **Note:** Version bump only for package @instructure/ui-alerts
 

package/es/Alert/__new-tests__/Alert.test.js

@@ -23,7 +23,6 @@ var _Alert, _Alert2, _div, _Alert4, _Alert5;
  * SOFTWARE.
  */
 
-import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
@@ -33,6 +32,7 @@ import { Alert } from '../index';
 // eslint-disable-next-line no-restricted-imports
 import { generateA11yTests } from '@instructure/ui-scripts/lib/test/generateA11yTests';
 import AlertExamples from '../__examples__/Alert.examples';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 describe('<Alert />', () => {
   let srdiv;
   let consoleWarningMock;
@@ -57,9 +57,10 @@ describe('<Alert />', () => {
     consoleErrorMock.mockRestore();
   });
   it('should render', async () => {
-    render(_Alert || (_Alert = /*#__PURE__*/React.createElement(Alert, {
-      variant: "success"
-    }, "Success: Sample alert text.")));
+    render(_Alert || (_Alert = _jsx(Alert, {
+      variant: "success",
+      children: "Success: Sample alert text."
+    })));
     const text = screen.getByText('Success: Sample alert text.');
     expect(text).toBeInTheDocument();
   });
@@ -75,19 +76,23 @@ describe('<Alert />', () => {
     }
   });
   it('should not render the Close button when `renderCloseButtonLabel` is not provided', async () => {
-    render(_Alert2 || (_Alert2 = /*#__PURE__*/React.createElement(Alert, {
-      variant: "success"
-    }, "Success: Sample alert text.")));
+    render(_Alert2 || (_Alert2 = _jsx(Alert, {
+      variant: "success",
+      children: "Success: Sample alert text."
+    })));
     const closeButton = screen.queryByRole('button');
     expect(closeButton).not.toBeInTheDocument();
   });
   it('should call `onDismiss` when the close button is clicked with renderCloseButtonLabel', async () => {
     const onDismiss = vi.fn();
-    render(/*#__PURE__*/React.createElement(Alert, {
+    render(_jsx(Alert, {
       variant: "success",
-      renderCloseButtonLabel: _div || (_div = /*#__PURE__*/React.createElement("div", null, "Close")),
-      onDismiss: onDismiss
-    }, "Success: Sample alert text."));
+      renderCloseButtonLabel: _div || (_div = _jsx("div", {
+        children: "Close"
+      })),
+      onDismiss: onDismiss,
+      children: "Success: Sample alert text."
+    }));
     const closeButton = screen.getByRole('button');
     userEvent.click(closeButton);
     await waitFor(() => {
@@ -103,43 +108,47 @@ describe('<Alert />', () => {
   Object.entries(iconComponentsVariants).forEach(([variant, iconComponent]) => {
     var _Alert3;
     it(`"${variant}" variant should have icon "${iconComponent}".`, async () => {
-      const _render2 = render(_Alert3 || (_Alert3 = /*#__PURE__*/React.createElement(Alert, {
+      const _render2 = render(_Alert3 || (_Alert3 = _jsx(Alert, {
           variant: variant,
-          transition: "none"
-        }, "Success: Sample alert text."))),
+          transition: "none",
+          children: "Success: Sample alert text."
+        }))),
         container = _render2.container;
       const icon = container.querySelector('svg[class$="-svgIcon"]');
       expect(icon).toHaveAttribute('name', iconComponent);
     });
   });
   it('should meet a11y standards', async () => {
-    const _render3 = render(_Alert4 || (_Alert4 = /*#__PURE__*/React.createElement(Alert, {
+    const _render3 = render(_Alert4 || (_Alert4 = _jsx(Alert, {
         variant: "success",
-        transition: "none"
-      }, "Success: Sample alert text."))),
+        transition: "none",
+        children: "Success: Sample alert text."
+      }))),
       container = _render3.container;
     const axeCheck = await runAxeCheck(container);
     expect(axeCheck).toBe(true);
   });
   it('should add alert text to aria live region, when present', async () => {
     const liveRegion = document.getElementById('_alertLiveRegion');
-    render(/*#__PURE__*/React.createElement(Alert, {
+    render(_jsx(Alert, {
       variant: "success",
       transition: "none",
       liveRegion: () => liveRegion,
-      liveRegionPoliteness: "polite"
-    }, "Success: Sample alert text."));
+      liveRegionPoliteness: "polite",
+      children: "Success: Sample alert text."
+    }));
     expect(liveRegion).toHaveTextContent('Success: Sample alert text.');
     expect(liveRegion).toHaveAttribute('aria-live', 'polite');
   });
   describe('with `screenReaderOnly', () => {
     it('should not render anything when using `liveRegion`', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render4 = render(/*#__PURE__*/React.createElement(Alert, {
+      const _render4 = render(_jsx(Alert, {
           variant: "success",
           liveRegion: () => liveRegion,
-          screenReaderOnly: true
-        }, "Success: Sample alert text. asdsfds")),
+          screenReaderOnly: true,
+          children: "Success: Sample alert text. asdsfds"
+        })),
         container = _render4.container;
       expect(container.children.length).toBe(0);
       expect(liveRegion.children.length).toBe(1);
@@ -147,63 +156,69 @@ describe('<Alert />', () => {
     it('should warn if `liveRegion` is not defined', async () => {
       const consoleWarningSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
       const warning = "Warning: [Alert] The 'screenReaderOnly' prop must be used in conjunction with 'liveRegion'.";
-      render(_Alert5 || (_Alert5 = /*#__PURE__*/React.createElement(Alert, {
+      render(_Alert5 || (_Alert5 = _jsx(Alert, {
         variant: "success",
-        screenReaderOnly: true
-      }, "Success: Sample alert text.")));
+        screenReaderOnly: true,
+        children: "Success: Sample alert text."
+      })));
       await waitFor(() => {
         expect(consoleWarningSpy.mock.calls[0][0]).toEqual(expect.stringContaining(warning));
       });
     });
     it('should set aria-atomic to the aria live region when isLiveRegionAtomic is present', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      render(/*#__PURE__*/React.createElement(Alert, {
+      render(_jsx(Alert, {
         variant: "success",
         transition: "none",
         liveRegion: () => liveRegion,
         liveRegionPoliteness: "polite",
-        isLiveRegionAtomic: true
-      }, "Success: Sample alert text."));
+        isLiveRegionAtomic: true,
+        children: "Success: Sample alert text."
+      }));
       expect(liveRegion).toHaveTextContent('Success: Sample alert text.');
       expect(liveRegion).toHaveAttribute('aria-atomic', 'true');
     });
     it('should close when told to, with transition', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render5 = render(/*#__PURE__*/React.createElement(Alert, {
+      const _render5 = render(_jsx(Alert, {
           variant: "success",
-          liveRegion: () => liveRegion
-        }, "Success: Sample alert text.")),
+          liveRegion: () => liveRegion,
+          children: "Success: Sample alert text."
+        })),
         rerender = _render5.rerender;
       expect(liveRegion.children.length).toBe(1);
 
       //set open to false
-      rerender(/*#__PURE__*/React.createElement(Alert, {
+      rerender(_jsx(Alert, {
         variant: "success",
         open: false,
-        liveRegion: () => liveRegion
-      }, "Success: Sample alert text."));
+        liveRegion: () => liveRegion,
+        children: "Success: Sample alert text."
+      }));
       await waitFor(() => {
         expect(liveRegion.children.length).toBe(0);
       });
     });
     it('should close when told to, without transition', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render6 = render(/*#__PURE__*/React.createElement(Alert, {
+      const _render6 = render(_jsx(Alert, {
           variant: "success",
           transition: "none",
-          liveRegion: () => liveRegion
-        }, "Success: Sample alert text.")),
+          liveRegion: () => liveRegion,
+          children: "Success: Sample alert text."
+        })),
         rerender = _render6.rerender,
         container = _render6.container;
       expect(liveRegion.children.length).toBe(1);
 
       //set open to false
-      rerender(/*#__PURE__*/React.createElement(Alert, {
+      rerender(_jsx(Alert, {
         open: false,
         variant: "success",
         transition: "none",
-        liveRegion: () => liveRegion
-      }, "Success: Sample alert text."));
+        liveRegion: () => liveRegion,
+        children: "Success: Sample alert text."
+      }));
       await waitFor(() => {
         expect(container).not.toHaveTextContent('Success: Sample alert text.');
         expect(liveRegion.children.length).toBe(0);

package/es/Alert/index.js

@@ -24,8 +24,8 @@ var _dec, _dec2, _class, _Alert;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
-import React, { Component } from 'react';
+
+import { Fragment, Component } from 'react';
 import ReactDOM from 'react-dom';
 import keycode from 'keycode';
 import { callRenderProp, withDeterministicId, passthroughProps } from '@instructure/ui-react-utils';
@@ -35,10 +35,11 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconCheckMarkSolid, IconInfoBorderlessSolid, IconWarningBorderlessSolid, IconNoSolid } from '@instructure/ui-icons';
 import { Transition } from '@instructure/ui-motion';
 import { logError as error } from '@instructure/console';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
 category: components
@@ -119,7 +120,9 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
     }
   }
   createScreenreaderContentNode() {
-    return jsx(ScreenReaderContent, null, this.props.children);
+    return _jsx(ScreenReaderContent, {
+      children: this.props.children
+    });
   }
   createScreenreaderAlert() {
     const liveRegion = this.getLiveRegion();
@@ -169,21 +172,22 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
   renderIcon() {
     var _this$props$styles;
     const Icon = this.variantUI[this.props.variant];
-    return jsx("div", {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon
-    }, jsx(Icon, null));
+    return _jsx("div", {
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon,
+      children: _jsx(Icon, {})
+    });
   }
   renderCloseButton() {
     var _this$props$styles2;
     const closeButtonLabel = this.props.renderCloseButtonLabel && callRenderProp(this.props.renderCloseButtonLabel);
-    return closeButtonLabel ? jsx("div", {
+    return closeButtonLabel ? _jsx("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.closeButton,
-      key: "closeButton"
-    }, jsx(CloseButton, {
-      onClick: this.close,
-      size: "small",
-      screenReaderLabel: closeButtonLabel
-    })) : null;
+      children: _jsx(CloseButton, {
+        onClick: this.close,
+        size: "small",
+        screenReaderLabel: closeButtonLabel
+      })
+    }, "closeButton") : null;
   }
   renderAlert() {
     const _this$props3 = this.props,
@@ -191,23 +195,27 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
       styles = _this$props3.styles,
       children = _this$props3.children,
       props = _objectWithoutProperties(_this$props3, _excluded);
-    return jsx(View, Object.assign({}, passthroughProps({
-      ...props
-    }), {
+    return _jsxs(View, {
+      ...passthroughProps({
+        ...props
+      }),
       as: "div",
       margin: margin,
       css: styles === null || styles === void 0 ? void 0 : styles.alert,
       onKeyUp: this.handleKeyUp,
-      elementRef: this.handleRef
-    }), this.renderIcon(), jsx("div", {
-      css: styles === null || styles === void 0 ? void 0 : styles.content
-    }, children), this.renderCloseButton());
+      elementRef: this.handleRef,
+      children: [this.renderIcon(), _jsx("div", {
+        css: styles === null || styles === void 0 ? void 0 : styles.content,
+        children: children
+      }), this.renderCloseButton()]
+    });
   }
   createScreenReaderPortal(liveRegion) {
     const open = this.state.open;
-    return open ? /*#__PURE__*/ReactDOM.createPortal(jsx("div", {
-      id: this.srid
-    }, this.createScreenreaderContentNode()), liveRegion) : null;
+    return open ? /*#__PURE__*/ReactDOM.createPortal(_jsx("div", {
+      id: this.srid,
+      children: this.createScreenreaderContentNode()
+    }), liveRegion) : null;
   }
   render() {
     const liveRegion = this.getLiveRegion();
@@ -218,15 +226,20 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
       return screenReaderContent;
     }
     if (this.props.transition === 'none') {
-      return this.state.open ? jsx(React.Fragment, null, screenReaderContent, this.renderAlert()) : null;
+      return this.state.open ? _jsxs(Fragment, {
+        children: [screenReaderContent, this.renderAlert()]
+      }) : null;
     }
-    return jsx(React.Fragment, null, screenReaderContent, jsx(Transition, {
-      type: this.props.transition,
-      transitionOnMount: true,
-      in: this.state.open,
-      unmountOnExit: true,
-      onExited: this.onExitTransition
-    }, this.renderAlert()));
+    return _jsxs(Fragment, {
+      children: [screenReaderContent, _jsx(Transition, {
+        type: this.props.transition,
+        transitionOnMount: true,
+        in: this.state.open,
+        unmountOnExit: true,
+        onExited: this.onExitTransition,
+        children: this.renderAlert()
+      })]
+    });
   }
 }, _Alert.displayName = "Alert", _Alert.componentId = 'Alert', _Alert.propTypes = propTypes, _Alert.allowedProps = allowedProps, _Alert.defaultProps = {
   variant: 'info',

package/lib/Alert/__new-tests__/Alert.test.js

@@ -1,8 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
 var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
@@ -10,6 +9,7 @@ var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _index = require("../index");
 var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
 var _Alert6 = _interopRequireDefault(require("../__examples__/Alert.examples"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _Alert, _Alert2, _div, _Alert4, _Alert5;
 /*
  * The MIT License (MIT)
@@ -59,17 +59,18 @@ describe('<Alert />', () => {
     consoleErrorMock.mockRestore();
   });
   it('should render', async () => {
-    (0, _react2.render)(_Alert || (_Alert = /*#__PURE__*/_react.default.createElement(_index.Alert, {
-      variant: "success"
-    }, "Success: Sample alert text.")));
-    const text = _react2.screen.getByText('Success: Sample alert text.');
+    (0, _react.render)(_Alert || (_Alert = (0, _jsxRuntime.jsx)(_index.Alert, {
+      variant: "success",
+      children: "Success: Sample alert text."
+    })));
+    const text = _react.screen.getByText('Success: Sample alert text.');
     expect(text).toBeInTheDocument();
   });
   describe('with generated examples', () => {
     const generatedComponents = (0, _generateA11yTests.generateA11yTests)(_index.Alert, _Alert6.default);
     for (const component of generatedComponents) {
       it(component.description, async () => {
-        const _render = (0, _react2.render)(component.content),
+        const _render = (0, _react.render)(component.content),
           container = _render.container;
         const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
         expect(axeCheck).toBe(true);
@@ -77,22 +78,26 @@ describe('<Alert />', () => {
     }
   });
   it('should not render the Close button when `renderCloseButtonLabel` is not provided', async () => {
-    (0, _react2.render)(_Alert2 || (_Alert2 = /*#__PURE__*/_react.default.createElement(_index.Alert, {
-      variant: "success"
-    }, "Success: Sample alert text.")));
-    const closeButton = _react2.screen.queryByRole('button');
+    (0, _react.render)(_Alert2 || (_Alert2 = (0, _jsxRuntime.jsx)(_index.Alert, {
+      variant: "success",
+      children: "Success: Sample alert text."
+    })));
+    const closeButton = _react.screen.queryByRole('button');
     expect(closeButton).not.toBeInTheDocument();
   });
   it('should call `onDismiss` when the close button is clicked with renderCloseButtonLabel', async () => {
     const onDismiss = _vitest.vi.fn();
-    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+    (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
       variant: "success",
-      renderCloseButtonLabel: _div || (_div = /*#__PURE__*/_react.default.createElement("div", null, "Close")),
-      onDismiss: onDismiss
-    }, "Success: Sample alert text."));
-    const closeButton = _react2.screen.getByRole('button');
+      renderCloseButtonLabel: _div || (_div = (0, _jsxRuntime.jsx)("div", {
+        children: "Close"
+      })),
+      onDismiss: onDismiss,
+      children: "Success: Sample alert text."
+    }));
+    const closeButton = _react.screen.getByRole('button');
     _userEvent.default.click(closeButton);
-    await (0, _react2.waitFor)(() => {
+    await (0, _react.waitFor)(() => {
       expect(onDismiss).toHaveBeenCalled();
     });
   });
@@ -105,43 +110,47 @@ describe('<Alert />', () => {
   Object.entries(iconComponentsVariants).forEach(([variant, iconComponent]) => {
     var _Alert3;
     it(`"${variant}" variant should have icon "${iconComponent}".`, async () => {
-      const _render2 = (0, _react2.render)(_Alert3 || (_Alert3 = /*#__PURE__*/_react.default.createElement(_index.Alert, {
+      const _render2 = (0, _react.render)(_Alert3 || (_Alert3 = (0, _jsxRuntime.jsx)(_index.Alert, {
           variant: variant,
-          transition: "none"
-        }, "Success: Sample alert text."))),
+          transition: "none",
+          children: "Success: Sample alert text."
+        }))),
         container = _render2.container;
       const icon = container.querySelector('svg[class$="-svgIcon"]');
       expect(icon).toHaveAttribute('name', iconComponent);
     });
   });
   it('should meet a11y standards', async () => {
-    const _render3 = (0, _react2.render)(_Alert4 || (_Alert4 = /*#__PURE__*/_react.default.createElement(_index.Alert, {
+    const _render3 = (0, _react.render)(_Alert4 || (_Alert4 = (0, _jsxRuntime.jsx)(_index.Alert, {
         variant: "success",
-        transition: "none"
-      }, "Success: Sample alert text."))),
+        transition: "none",
+        children: "Success: Sample alert text."
+      }))),
       container = _render3.container;
     const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
   it('should add alert text to aria live region, when present', async () => {
     const liveRegion = document.getElementById('_alertLiveRegion');
-    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+    (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
       variant: "success",
       transition: "none",
       liveRegion: () => liveRegion,
-      liveRegionPoliteness: "polite"
-    }, "Success: Sample alert text."));
+      liveRegionPoliteness: "polite",
+      children: "Success: Sample alert text."
+    }));
     expect(liveRegion).toHaveTextContent('Success: Sample alert text.');
     expect(liveRegion).toHaveAttribute('aria-live', 'polite');
   });
   describe('with `screenReaderOnly', () => {
     it('should not render anything when using `liveRegion`', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      const _render4 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
           variant: "success",
           liveRegion: () => liveRegion,
-          screenReaderOnly: true
-        }, "Success: Sample alert text. asdsfds")),
+          screenReaderOnly: true,
+          children: "Success: Sample alert text. asdsfds"
+        })),
         container = _render4.container;
       expect(container.children.length).toBe(0);
       expect(liveRegion.children.length).toBe(1);
@@ -149,64 +158,70 @@ describe('<Alert />', () => {
     it('should warn if `liveRegion` is not defined', async () => {
       const consoleWarningSpy = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
       const warning = "Warning: [Alert] The 'screenReaderOnly' prop must be used in conjunction with 'liveRegion'.";
-      (0, _react2.render)(_Alert5 || (_Alert5 = /*#__PURE__*/_react.default.createElement(_index.Alert, {
+      (0, _react.render)(_Alert5 || (_Alert5 = (0, _jsxRuntime.jsx)(_index.Alert, {
         variant: "success",
-        screenReaderOnly: true
-      }, "Success: Sample alert text.")));
-      await (0, _react2.waitFor)(() => {
+        screenReaderOnly: true,
+        children: "Success: Sample alert text."
+      })));
+      await (0, _react.waitFor)(() => {
         expect(consoleWarningSpy.mock.calls[0][0]).toEqual(expect.stringContaining(warning));
       });
     });
     it('should set aria-atomic to the aria live region when isLiveRegionAtomic is present', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
         variant: "success",
         transition: "none",
         liveRegion: () => liveRegion,
         liveRegionPoliteness: "polite",
-        isLiveRegionAtomic: true
-      }, "Success: Sample alert text."));
+        isLiveRegionAtomic: true,
+        children: "Success: Sample alert text."
+      }));
       expect(liveRegion).toHaveTextContent('Success: Sample alert text.');
       expect(liveRegion).toHaveAttribute('aria-atomic', 'true');
     });
     it('should close when told to, with transition', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render5 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      const _render5 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
           variant: "success",
-          liveRegion: () => liveRegion
-        }, "Success: Sample alert text.")),
+          liveRegion: () => liveRegion,
+          children: "Success: Sample alert text."
+        })),
         rerender = _render5.rerender;
       expect(liveRegion.children.length).toBe(1);
 
       //set open to false
-      rerender(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      rerender((0, _jsxRuntime.jsx)(_index.Alert, {
         variant: "success",
         open: false,
-        liveRegion: () => liveRegion
-      }, "Success: Sample alert text."));
-      await (0, _react2.waitFor)(() => {
+        liveRegion: () => liveRegion,
+        children: "Success: Sample alert text."
+      }));
+      await (0, _react.waitFor)(() => {
         expect(liveRegion.children.length).toBe(0);
       });
     });
     it('should close when told to, without transition', async () => {
       const liveRegion = document.getElementById('_alertLiveRegion');
-      const _render6 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      const _render6 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Alert, {
           variant: "success",
           transition: "none",
-          liveRegion: () => liveRegion
-        }, "Success: Sample alert text.")),
+          liveRegion: () => liveRegion,
+          children: "Success: Sample alert text."
+        })),
         rerender = _render6.rerender,
         container = _render6.container;
       expect(liveRegion.children.length).toBe(1);
 
       //set open to false
-      rerender(/*#__PURE__*/_react.default.createElement(_index.Alert, {
+      rerender((0, _jsxRuntime.jsx)(_index.Alert, {
         open: false,
         variant: "success",
         transition: "none",
-        liveRegion: () => liveRegion
-      }, "Success: Sample alert text."));
-      await (0, _react2.waitFor)(() => {
+        liveRegion: () => liveRegion,
+        children: "Success: Sample alert text."
+      }));
+      await (0, _react.waitFor)(() => {
         expect(container).not.toHaveTextContent('Success: Sample alert text.');
         expect(liveRegion.children.length).toBe(0);
       });