@doist/reactist 22.0.1-beta → 22.0.2-beta

package/dist/reactist.cjs.development.js

@@ -15,7 +15,6 @@ var ariaHidden = require('aria-hidden');
 var ReactDOM = _interopDefault(require('react-dom'));
 var dayjs = _interopDefault(require('dayjs'));
 var LocalizedFormat = _interopDefault(require('dayjs/plugin/localizedFormat'));
-var dialog = require('@reach/dialog');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -1274,7 +1273,8 @@ function ToastsProvider({
   defaultAutoDismissDelay = 10
   /* seconds */
   ,
-  defaultDismissLabel = 'Close'
+  defaultDismissLabel = 'Close',
+  containerClassName
 }) {
   const [toasts, setToasts] = React__default.useState([]);
   const {
@@ -1308,11 +1308,12 @@ function ToastsProvider({
   return /*#__PURE__*/React__default.createElement(ToastsContext.Provider, {
     value: showToast
   }, children, /*#__PURE__*/React__default.createElement(react.Portal, null, toasts.length === 0 ? null : /*#__PURE__*/React__default.createElement(Box, {
-    className: modules_d11e18f0.stackedToastsView,
+    className: [modules_d11e18f0.stackedToastsView, containerClassName],
     position: "fixed",
     width: "full",
     paddingX: padding,
-    paddingBottom: padding
+    paddingBottom: padding,
+    "data-testid": "toasts-container"
   }, /*#__PURE__*/React__default.createElement(Stack, {
     space: "medium"
   }, toasts.map(_ref => {
@@ -2028,7 +2029,7 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref
   }, hint) : null);
 });
 
-var modules_2728c236 = {"textAreaContainer":"fdc243b3","innerContainer":"_5c1dd8bc","bordered":"_269f9e63","error":"d1e4b585","autoExpand":"_10c6f2ef"};
+var modules_2728c236 = {"textAreaContainer":"_29503131","innerContainer":"_6ea894ce","bordered":"e1e8b6a7","error":"_1b94ff46","autoExpand":"e82223c4"};
 
 const _excluded$o = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
 const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
@@ -3691,212 +3692,6 @@ Select.defaultProps = {
   disabled: false
 };
 
-var modules_8f59d13b$1 = {"reach-portal":"ad18b0a0","fadein":"f7a1b219","fitContent":"_8ed9bb5c","container":"f67e892e","full":"_4139421e","large":"_649eb5fe","medium":"_5323e676","small":"_56ca7ae6","xlarge":"a7be0fce","overlay":"_88a7a680","expand":"b29456b8","buttonContainer":"_09ef1f4f","headerContent":"_0e5b530a"};
-
-const _excluded$y = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
-      _excluded2$4 = ["children", "button", "withDivider", "exceptionallySetClassName"],
-      _excluded3$3 = ["exceptionallySetClassName", "children"],
-      _excluded4$2 = ["exceptionallySetClassName", "withDivider"],
-      _excluded5$2 = ["children"];
-const ModalContext$1 = /*#__PURE__*/React.createContext({
-  onDismiss: undefined,
-  height: 'fitContent'
-});
-
-function isNotInternalFrame$1(element) {
-  return !(element.ownerDocument === document && element.tagName.toLowerCase() === 'iframe');
-}
-/**
- * Renders a modal that sits on top of the rest of the content in the entire page.
- *
- * Follows the WAI-ARIA Dialog (Modal) Pattern.
- *
- * @see DeprecatedModalHeader
- * @see DeprecatedModalFooter
- * @see DeprecatedModalBody
- * @deprecated
- */
-
-
-function DeprecatedModal(_ref) {
-  let {
-    isOpen,
-    onDismiss,
-    height = 'fitContent',
-    width = 'medium',
-    exceptionallySetClassName,
-    autoFocus = true,
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$y);
-
-  const contextValue = React.useMemo(() => ({
-    onDismiss,
-    height
-  }), [onDismiss, height]);
-  return /*#__PURE__*/React.createElement(dialog.DialogOverlay, {
-    isOpen: isOpen,
-    onDismiss: onDismiss,
-    dangerouslyBypassFocusLock // We're setting up our own focus lock below
-    : true,
-    className: classNames(modules_8f59d13b$1.overlay, modules_8f59d13b$1[height], modules_8f59d13b$1[width]),
-    "data-testid": "modal-overlay"
-  }, /*#__PURE__*/React.createElement(FocusLock, {
-    autoFocus: autoFocus,
-    whiteList: isNotInternalFrame$1,
-    returnFocus: true
-  }, /*#__PURE__*/React.createElement(dialog.DialogContent, _objectSpread2(_objectSpread2({}, props), {}, {
-    as: Box,
-    borderRadius: "full",
-    background: "default",
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    height: height === 'expand' ? 'full' : undefined,
-    flexGrow: height === 'expand' ? 1 : 0,
-    className: [exceptionallySetClassName, modules_8f59d13b$1.container]
-  }), /*#__PURE__*/React.createElement(ModalContext$1.Provider, {
-    value: contextValue
-  }, children))));
-}
-/**
- * The close button rendered by ModalHeader. Provided independently so that consumers can customize
- * the button's label.
- *
- * @see DeprecatedModalHeader
- */
-
-function DeprecatedModalCloseButton(props) {
-  const {
-    onDismiss
-  } = React.useContext(ModalContext$1);
-  const [includeInTabOrder, setIncludeInTabOrder] = React.useState(false);
-  const [isMounted, setIsMounted] = React.useState(false);
-  React.useEffect(function skipAutoFocus() {
-    if (isMounted) {
-      setIncludeInTabOrder(true);
-    } else {
-      setIsMounted(true);
-    }
-  }, [isMounted]);
-  return /*#__PURE__*/React.createElement(Button, _objectSpread2(_objectSpread2({}, props), {}, {
-    variant: "quaternary",
-    onClick: onDismiss,
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
-    tabIndex: includeInTabOrder ? 0 : -1
-  }));
-}
-/**
- * Renders a standard modal header area with an optional close button.
- *
- * @see DeprecatedModal
- * @see DeprecatedModalFooter
- * @see DeprecatedModalBody
- */
-
-function DeprecatedModalHeader(_ref2) {
-  let {
-    children,
-    button = true,
-    withDivider = false,
-    exceptionallySetClassName
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2$4);
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    as: "header",
-    paddingLeft: "large",
-    paddingRight: button === false || button === null ? 'large' : 'small',
-    paddingY: "small",
-    className: exceptionallySetClassName
-  }), /*#__PURE__*/React.createElement(Columns, {
-    space: "large",
-    alignY: "center"
-  }, /*#__PURE__*/React.createElement(Column, {
-    width: "auto"
-  }, children), button === false || button === null ? /*#__PURE__*/React.createElement("div", {
-    className: modules_8f59d13b$1.headerContent
-  }) : /*#__PURE__*/React.createElement(Column, {
-    width: "content",
-    exceptionallySetClassName: modules_8f59d13b$1.buttonContainer,
-    "data-testid": "button-container"
-  }, typeof button === 'boolean' ? /*#__PURE__*/React.createElement(DeprecatedModalCloseButton, {
-    "aria-label": "Close modal",
-    autoFocus: false
-  }) : button))), withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
-}
-/**
- * Renders the body of a modal.
- *
- * Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other
- * things, that the contet of the modal body expands or contracts depending on the modal height
- * setting or the size of the content. The body content also automatically scrolls when it's too
- * large to fit the available space.
- *
- * @see DeprecatedModal
- * @see DeprecatedModalHeader
- * @see DeprecatedModalFooter
- */
-
-function DeprecatedModalBody(_ref3) {
-  let {
-    exceptionallySetClassName,
-    children
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded3$3);
-
-  const {
-    height
-  } = React.useContext(ModalContext$1);
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: exceptionallySetClassName,
-    flexGrow: height === 'expand' ? 1 : 0,
-    height: height === 'expand' ? 'full' : undefined,
-    overflow: "auto"
-  }), /*#__PURE__*/React.createElement(Box, {
-    padding: "large",
-    paddingBottom: "xxlarge"
-  }, children));
-}
-/**
- * Renders a standard modal footer area.
- *
- * @see DeprecatedModal
- * @see DeprecatedModalHeader
- * @see DeprecatedModalBody
- */
-
-function DeprecatedModalFooter(_ref4) {
-  let {
-    exceptionallySetClassName,
-    withDivider = false
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded4$2);
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null, /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({
-    as: "footer"
-  }, props), {}, {
-    className: exceptionallySetClassName,
-    padding: "large"
-  })));
-}
-/**
- * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).
- * @see DeprecatedModalFooter
- */
-
-function DeprecatedModalActions(_ref5) {
-  let {
-    children
-  } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded5$2);
-
-  return /*#__PURE__*/React.createElement(DeprecatedModalFooter, _objectSpread2({}, props), /*#__PURE__*/React.createElement(Inline, {
-    align: "right",
-    space: "large"
-  }, children));
-}
-
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -3913,12 +3708,6 @@ exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DeprecatedButton = Button$1;
 exports.DeprecatedDropdown = Dropdown;
 exports.DeprecatedInput = Input;
-exports.DeprecatedModal = DeprecatedModal;
-exports.DeprecatedModalActions = DeprecatedModalActions;
-exports.DeprecatedModalBody = DeprecatedModalBody;
-exports.DeprecatedModalCloseButton = DeprecatedModalCloseButton;
-exports.DeprecatedModalFooter = DeprecatedModalFooter;
-exports.DeprecatedModalHeader = DeprecatedModalHeader;
 exports.DeprecatedSelect = Select;
 exports.Divider = Divider;
 exports.Heading = Heading;