@doist/reactist 21.3.0 → 22.0.0

package/dist/reactist.cjs.development.js

@@ -20,7 +20,6 @@ var Ariakit = require('ariakit/menu');
 var ReactDOM = _interopDefault(require('react-dom'));
 var dayjs = _interopDefault(require('dayjs'));
 var LocalizedFormat = _interopDefault(require('dayjs/plugin/localizedFormat'));
-var dialog$1 = require('@reach/dialog');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -3739,212 +3738,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$1.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$1.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;
@@ -3961,12 +3754,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;