@webiny/ui 5.43.3 → 6.0.0-alpha.1

package/Dialog/Dialog.d.ts

@@ -1,79 +1,67 @@
 import React from "react";
-import { DialogActionsProps as RmwcDialogActionsProps, DialogButtonProps as RmwcDialogButtonProps, DialogContentProps as RmwcDialogContentProps, DialogOnCloseEventT, DialogProps as RmwcDialogProps, DialogTitleProps as RmwcDialogTitleProps } from "@rmwc/dialog";
-export type DialogOnClose = (event: DialogOnCloseEventT) => void;
-export interface DialogProps extends RmwcDialogProps {
-    className?: string;
-    style?: React.CSSProperties;
-    onClose?: (evt: DialogOnCloseEventT) => void;
-    preventOutsideDismiss?: boolean;
-    children?: React.ReactNode;
-}
-export declare class Dialog extends React.Component<DialogProps> {
-    container: HTMLElement;
-    constructor(props: DialogProps);
-    render(): React.ReactPortal;
-}
-export interface DialogTitleProps extends RmwcDialogTitleProps {
-    /**
-     * Title text.
-     */
+import { type ButtonProps as AdminUiButtonProps, type DialogProps as AdminUiDialogProps } from "@webiny/admin-ui";
+export interface DialogActionsProps {
     children: React.ReactNode[] | React.ReactNode;
 }
 /**
- * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogTitle: (props: DialogTitleProps) => React.JSX.Element;
-export type DialogContentProps = RmwcDialogContentProps & {
-    /**
-     * Dialog content.
-     */
-    children: React.ReactNode[] | React.ReactNode;
-    className?: string;
+export declare const DialogActions: {
+    (props: DialogActionsProps): React.JSX.Element;
+    displayName: string;
 };
+export interface DialogButtonProps extends AdminUiButtonProps {
+    children?: React.ReactNode[] | React.ReactNode;
+}
 /**
- * A simple component for showing dialog's body.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogContent: (props: DialogContentProps) => React.JSX.Element;
-export interface DialogActionsProps extends RmwcDialogActionsProps {
-    /**
-     * Action buttons.
-     */
-    children: React.ReactNode[] | React.ReactNode;
-    style?: React.CSSProperties;
+export declare const DialogButton: (props: DialogButtonProps) => React.JSX.Element;
+export interface DialogAcceptProps extends AdminUiButtonProps {
+    children?: React.ReactNode[] | React.ReactNode;
 }
 /**
- * Can be used to show accept and cancel buttons.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogActions: (props: DialogActionsProps) => React.JSX.Element;
-interface DialogButtonProps extends RmwcDialogButtonProps {
-    /**
-     * Callback to execute then button is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    className?: string;
+export declare const DialogAccept: (props: DialogAcceptProps) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const DialogCancel: (props: DialogButtonProps) => React.JSX.Element;
+export interface DialogContentProps {
+    children: React.ReactNode[] | React.ReactNode;
 }
 /**
- * Use this to show a simple button.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogButton: (props: DialogButtonProps) => React.JSX.Element;
-interface DialogCancelProps extends RmwcDialogButtonProps {
-    /**
-     * Callback to execute then button is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
+export declare const DialogContent: {
+    (props: DialogContentProps): React.JSX.Element;
+    displayName: string;
+};
+export interface DialogTitleProps {
+    children: React.ReactNode[] | React.ReactNode;
 }
 /**
- * Use this to close the dialog without taking any additional action.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogCancel: (props: DialogCancelProps) => React.JSX.Element;
-interface DialogAcceptProps extends RmwcDialogButtonProps {
-    /**
-     * Callback to execute then button is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
+export declare const DialogTitle: {
+    (props: DialogTitleProps): React.JSX.Element;
+    displayName: string;
+};
+export type DialogOnClose = () => void;
+export interface DialogProps extends AdminUiDialogProps {
+    onClose?: DialogOnClose;
+    onOpened?: () => void;
+    preventOutsideDismiss?: boolean;
 }
 /**
- * Use this to close the dialog without taking any additional action.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-export declare const DialogAccept: (props: DialogAcceptProps) => React.JSX.Element;
-export {};
+export declare const Dialog: ({ onClose, onOpened, open, showCloseButton, children, preventOutsideDismiss, ...rest }: DialogProps) => React.JSX.Element;

package/Dialog/Dialog.js

@@ -1,101 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogTitle = exports.DialogContent = exports.DialogCancel = exports.DialogButton = exports.DialogActions = exports.DialogAccept = exports.Dialog = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _dialog = require("@rmwc/dialog");
-var _emotion = require("emotion");
-var _Helpers = require("../Helpers");
-var _templateObject;
-var _excluded = ["children"];
-var Dialog = exports.Dialog = /*#__PURE__*/function (_React$Component) {
-  function Dialog(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Dialog);
-    _this = (0, _callSuper2.default)(this, Dialog, [props]);
-    /**
-     * We can safely cast
-     */
-    _this.container = document.getElementById("dialog-container");
-    if (!_this.container) {
-      _this.container = document.createElement("div");
-      _this.container.setAttribute("id", "dialog-container");
-      var container = _this.container;
-      document.body && document.body.appendChild(container);
-    }
-    return _this;
-  }
-  (0, _inherits2.default)(Dialog, _React$Component);
-  return (0, _createClass2.default)(Dialog, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var container = this.container;
-
-      // Let's pass "permanent" / "persistent" / "temporary" flags as "mode" prop instead.
-      return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_dialog.Dialog, (0, _Helpers.getClasses)(props, "webiny-ui-dialog"), children), container);
-    }
-  }]);
-}(_react.default.Component);
+import React from "react";
+import { Button as AdminUiButton, Dialog as AdminUiDialog } from "@webiny/admin-ui";
+import { DialogHeader as AdminUiDialogHeader } from "@webiny/admin-ui/Dialog/components/DialogHeader";
+import { DialogFooter as AdminUiDialogFooter } from "@webiny/admin-ui/Dialog/components/DialogFooter";
+import { DialogClosePrimitive as AdminUiDialogClose } from "@webiny/admin-ui/Dialog/components/DialogClose";
+import { DialogBody } from "@webiny/admin-ui/Dialog/components/DialogBody";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
+ */
+export const DialogActions = props => {
+  return /*#__PURE__*/React.createElement(AdminUiDialogFooter, {
+    actions: props.children
+  });
+};
 /**
- * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogTitle = exports.DialogTitle = function DialogTitle(props) {
-  return /*#__PURE__*/_react.default.createElement(_dialog.DialogTitle, Object.assign({}, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__title"), {
-    style: {
-      marginBottom: "0"
-    }
+export const DialogButton = props => {
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, props, {
+    variant: "secondary",
+    text: props.text || props.children
   }));
 };
 /**
- * A simple component for showing dialog's body.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogContent = exports.DialogContent = function DialogContent(props) {
-  return /*#__PURE__*/_react.default.createElement(_dialog.DialogContent, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__content"));
+export const DialogAccept = props => {
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, props, {
+    variant: "primary",
+    text: props.text || props.children
+  }));
 };
-var addMargin = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    button:last-of-type {\n        margin-left: 8px;\n    }\n"])));
 
 /**
- * Can be used to show accept and cancel buttons.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogActions = exports.DialogActions = function DialogActions(props) {
-  return /*#__PURE__*/_react.default.createElement(_dialog.DialogActions, (0, _Helpers.getClasses)(props, [addMargin, "webiny-ui-dialog__actions"]));
+export const DialogCancel = props => {
+  return /*#__PURE__*/React.createElement(AdminUiDialogClose, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, props, {
+    variant: "secondary",
+    text: props.text || props.children
+  })));
 };
+DialogActions.displayName = "DialogActions";
 /**
- * Use this to show a simple button.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogButton = exports.DialogButton = function DialogButton(props) {
-  return /*#__PURE__*/_react.default.createElement(_dialog.DialogButton, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__button"));
+export const DialogContent = props => {
+  return /*#__PURE__*/React.createElement(DialogBody, null, props.children);
 };
+DialogContent.displayName = "DialogContent";
 /**
- * Use this to close the dialog without taking any additional action.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogCancel = exports.DialogCancel = function DialogCancel(props) {
-  return /*#__PURE__*/_react.default.createElement(DialogButton, Object.assign({}, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__button webiny-ui-dialog__button--cancel"), {
-    action: "close",
-    "data-testid": "dialog-cancel"
-  }), props.children);
+export const DialogTitle = props => {
+  return /*#__PURE__*/React.createElement(AdminUiDialogHeader, {
+    title: props.children
+  });
 };
+DialogTitle.displayName = "DialogTitle";
 /**
- * Use this to close the dialog without taking any additional action.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-var DialogAccept = exports.DialogAccept = function DialogAccept(props) {
-  return /*#__PURE__*/_react.default.createElement(DialogButton, Object.assign({}, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__button webiny-ui-dialog__button--accept"), {
-    action: "accept",
-    "data-testid": "dialog-accept"
-  }), props.children);
+export const Dialog = ({
+  onClose,
+  onOpened,
+  open,
+  showCloseButton,
+  children,
+  preventOutsideDismiss,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(AdminUiDialog, Object.assign({
+    open: open,
+    bodyPadding: false,
+    dismissible: preventOutsideDismiss === true ? false : true,
+    showCloseButton: showCloseButton,
+    onClose: onClose,
+    onOpen: onOpened
+  }, rest), children);
 };
 
 //# sourceMappingURL=Dialog.js.map

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_dialog","_emotion","_Helpers","_templateObject","_excluded","Dialog","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","container","document","getElementById","createElement","setAttribute","body","appendChild","_inherits2","_createClass2","key","value","render","_this$props","children","_objectWithoutProperties2","ReactDOM","createPortal","getClasses","React","Component","DialogTitle","Object","assign","style","marginBottom","DialogContent","addMargin","css","_taggedTemplateLiteral2","DialogActions","DialogButton","DialogCancel","action","DialogAccept"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n    Dialog as RmwcDialog,\n    DialogActions as RmwcDialogActions,\n    DialogActionsProps as RmwcDialogActionsProps,\n    DialogButton as RmwcDialogButton,\n    DialogButtonProps as RmwcDialogButtonProps,\n    DialogContent as RmwcDialogContent,\n    DialogContentProps as RmwcDialogContentProps,\n    DialogOnCloseEventT,\n    DialogProps as RmwcDialogProps,\n    DialogTitle as RmwcDialogTitle,\n    DialogTitleProps as RmwcDialogTitleProps\n} from \"@rmwc/dialog\";\nimport { css } from \"emotion\";\nimport { getClasses } from \"~/Helpers\";\n\nexport type DialogOnClose = (event: DialogOnCloseEventT) => void;\n\nexport interface DialogProps extends RmwcDialogProps {\n    className?: string;\n\n    // Component's custom in-line styles.\n    style?: React.CSSProperties;\n\n    onClose?: (evt: DialogOnCloseEventT) => void;\n\n    preventOutsideDismiss?: boolean;\n\n    children?: React.ReactNode;\n}\n\nexport class Dialog extends React.Component<DialogProps> {\n    container: HTMLElement;\n\n    constructor(props: DialogProps) {\n        super(props);\n        /**\n         * We can safely cast\n         */\n        this.container = document.getElementById(\"dialog-container\") as HTMLElement;\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"dialog-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const { children, ...props } = this.props;\n        const container = this.container;\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <RmwcDialog {...getClasses(props, \"webiny-ui-dialog\")}>{children}</RmwcDialog>,\n            container\n        );\n    }\n}\n\nexport interface DialogTitleProps extends RmwcDialogTitleProps {\n    /**\n     * Title text.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.\n */\nexport const DialogTitle = (props: DialogTitleProps) => (\n    <RmwcDialogTitle\n        {...getClasses(props, \"webiny-ui-dialog__title\")}\n        style={{ marginBottom: \"0\" }}\n    />\n);\n\nexport type DialogContentProps = RmwcDialogContentProps & {\n    /**\n     * Dialog content.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    className?: string;\n};\n\n/**\n * A simple component for showing dialog's body.\n */\nexport const DialogContent = (props: DialogContentProps) => (\n    <RmwcDialogContent {...getClasses(props, \"webiny-ui-dialog__content\")} />\n);\n\nexport interface DialogActionsProps extends RmwcDialogActionsProps {\n    /**\n     * Action buttons.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\nconst addMargin = css`\n    button:last-of-type {\n        margin-left: 8px;\n    }\n`;\n\n/**\n * Can be used to show accept and cancel buttons.\n */\nexport const DialogActions = (props: DialogActionsProps) => (\n    <RmwcDialogActions {...getClasses(props, [addMargin, \"webiny-ui-dialog__actions\"])} />\n);\n\ninterface DialogButtonProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n\n    className?: string;\n}\n\n/**\n * Use this to show a simple button.\n */\nexport const DialogButton = (props: DialogButtonProps) => (\n    <RmwcDialogButton {...getClasses(props, \"webiny-ui-dialog__button\")} />\n);\n\ninterface DialogCancelProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogCancel = (props: DialogCancelProps) => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--cancel\")}\n            action=\"close\"\n            data-testid=\"dialog-cancel\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n\ninterface DialogAcceptProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogAccept = (props: DialogAcceptProps) => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--accept\")}\n            action=\"accept\"\n            data-testid=\"dialog-accept\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Button","AdminUiButton","Dialog","AdminUiDialog","DialogHeader","AdminUiDialogHeader","DialogFooter","AdminUiDialogFooter","DialogClosePrimitive","AdminUiDialogClose","DialogBody","DialogActions","props","createElement","actions","children","DialogButton","Object","assign","variant","text","DialogAccept","DialogCancel","asChild","displayName","DialogContent","DialogTitle","title","onClose","onOpened","open","showCloseButton","preventOutsideDismiss","rest","bodyPadding","dismissible","onOpen"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Button as AdminUiButton,\n    type ButtonProps as AdminUiButtonProps,\n    Dialog as AdminUiDialog,\n    type DialogProps as AdminUiDialogProps\n} from \"@webiny/admin-ui\";\nimport { DialogHeader as AdminUiDialogHeader } from \"@webiny/admin-ui/Dialog/components/DialogHeader\";\nimport { DialogFooter as AdminUiDialogFooter } from \"@webiny/admin-ui/Dialog/components/DialogFooter\";\nimport { DialogClosePrimitive as AdminUiDialogClose } from \"@webiny/admin-ui/Dialog/components/DialogClose\";\nimport { DialogBody } from \"@webiny/admin-ui/Dialog/components/DialogBody\";\n\nexport interface DialogActionsProps {\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogActions = (props: DialogActionsProps) => {\n    return <AdminUiDialogFooter actions={props.children} />;\n};\n\nexport interface DialogButtonProps extends AdminUiButtonProps {\n    children?: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogButton = (props: DialogButtonProps) => {\n    return <AdminUiButton {...props} variant={\"secondary\"} text={props.text || props.children} />;\n};\n\nexport interface DialogAcceptProps extends AdminUiButtonProps {\n    children?: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogAccept = (props: DialogAcceptProps) => {\n    return <AdminUiButton {...props} variant={\"primary\"} text={props.text || props.children} />;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogCancel = (props: DialogButtonProps) => {\n    return (\n        <AdminUiDialogClose asChild>\n            <AdminUiButton {...props} variant={\"secondary\"} text={props.text || props.children} />\n        </AdminUiDialogClose>\n    );\n};\n\nDialogActions.displayName = \"DialogActions\";\n\nexport interface DialogContentProps {\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogContent = (props: DialogContentProps) => {\n    return <DialogBody>{props.children}</DialogBody>;\n};\n\nDialogContent.displayName = \"DialogContent\";\n\nexport interface DialogTitleProps {\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n    return <AdminUiDialogHeader title={props.children} />;\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n\nexport type DialogOnClose = () => void;\n\nexport interface DialogProps extends AdminUiDialogProps {\n    onClose?: DialogOnClose;\n    onOpened?: () => void;\n    preventOutsideDismiss?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nexport const Dialog = ({\n    onClose,\n    onOpened,\n    open,\n    showCloseButton,\n    children,\n    preventOutsideDismiss,\n    ...rest\n}: DialogProps) => {\n    return (\n        <AdminUiDialog\n            open={open}\n            bodyPadding={false}\n            dismissible={preventOutsideDismiss === true ? false : true}\n            showCloseButton={showCloseButton}\n            onClose={onClose}\n            onOpen={onOpened}\n            {...rest}\n        >\n            {children}\n        </AdminUiDialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,MAAM,IAAIC,aAAa,EAEvBC,MAAM,IAAIC,aAAa,QAEpB,kBAAkB;AACzB,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,iDAAiD;AACrG,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,iDAAiD;AACrG,SAASC,oBAAoB,IAAIC,kBAAkB,QAAQ,gDAAgD;AAC3G,SAASC,UAAU,QAAQ,+CAA+C;AAM1E;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBAAOb,KAAA,CAAAc,aAAA,CAACN,mBAAmB;IAACO,OAAO,EAAEF,KAAK,CAACG;EAAS,CAAE,CAAC;AAC3D,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAIJ,KAAwB,IAAK;EACtD,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,aAAa,EAAAgB,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEO,OAAO,EAAE,WAAY;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAI,IAAIR,KAAK,CAACG;EAAS,EAAE,CAAC;AACjG,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMM,YAAY,GAAIT,KAAwB,IAAK;EACtD,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,aAAa,EAAAgB,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEO,OAAO,EAAE,SAAU;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAI,IAAIR,KAAK,CAACG;EAAS,EAAE,CAAC;AAC/F,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMO,YAAY,GAAIV,KAAwB,IAAK;EACtD,oBACIb,KAAA,CAAAc,aAAA,CAACJ,kBAAkB;IAACc,OAAO;EAAA,gBACvBxB,KAAA,CAAAc,aAAA,CAACZ,aAAa,EAAAgB,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEO,OAAO,EAAE,WAAY;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAI,IAAIR,KAAK,CAACG;EAAS,EAAE,CACrE,CAAC;AAE7B,CAAC;AAEDJ,aAAa,CAACa,WAAW,GAAG,eAAe;AAM3C;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIb,KAAyB,IAAK;EACxD,oBAAOb,KAAA,CAAAc,aAAA,CAACH,UAAU,QAAEE,KAAK,CAACG,QAAqB,CAAC;AACpD,CAAC;AAEDU,aAAa,CAACD,WAAW,GAAG,eAAe;AAM3C;AACA;AACA;AACA;AACA,OAAO,MAAME,WAAW,GAAId,KAAuB,IAAK;EACpD,oBAAOb,KAAA,CAAAc,aAAA,CAACR,mBAAmB;IAACsB,KAAK,EAAEf,KAAK,CAACG;EAAS,CAAE,CAAC;AACzD,CAAC;AAEDW,WAAW,CAACF,WAAW,GAAG,aAAa;AAUvC;AACA;AACA;AACA;AACA,OAAO,MAAMtB,MAAM,GAAGA,CAAC;EACnB0B,OAAO;EACPC,QAAQ;EACRC,IAAI;EACJC,eAAe;EACfhB,QAAQ;EACRiB,qBAAqB;EACrB,GAAGC;AACM,CAAC,KAAK;EACf,oBACIlC,KAAA,CAAAc,aAAA,CAACV,aAAa,EAAAc,MAAA,CAAAC,MAAA;IACVY,IAAI,EAAEA,IAAK;IACXI,WAAW,EAAE,KAAM;IACnBC,WAAW,EAAEH,qBAAqB,KAAK,IAAI,GAAG,KAAK,GAAG,IAAK;IAC3DD,eAAe,EAAEA,eAAgB;IACjCH,OAAO,EAAEA,OAAQ;IACjBQ,MAAM,EAAEP;EAAS,GACbI,IAAI,GAEPlB,QACU,CAAC;AAExB,CAAC","ignoreList":[]}

package/Dialog/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Dialog = require("./Dialog");
-Object.keys(_Dialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dialog[key];
-    }
-  });
-});
+export * from "./Dialog";
 
 //# sourceMappingURL=index.js.map

package/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Drawer/Drawer.d.ts

@@ -1,7 +1,22 @@
 import React from "react";
-import { CSSObject } from "@emotion/react";
-import { DrawerProps as RmwcDrawerProps, DrawerHeaderProps as RmwcDrawerHeaderProps, DrawerContentProps as RmwcDrawerContentProps } from "@rmwc/drawer";
-type DrawerHeaderProps = RmwcDrawerHeaderProps & {
+import { type DrawerProps as AdminUiDrawerProps } from "@webiny/admin-ui";
+/**
+ * Use Drawer component to display navigation for the whole app or just a small section of it.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
+ */
+declare const Drawer: ({ children, ...props }: DrawerProps) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
+ */
+declare const DrawerRight: (props: DrawerProps) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
+ */
+declare const DrawerLeft: (props: DrawerProps) => React.JSX.Element;
+type DrawerHeaderProps = {
     /**
      * Drawer content.
      */
@@ -12,10 +27,11 @@ type DrawerHeaderProps = RmwcDrawerHeaderProps & {
     className?: string;
 };
 /**
- * Shows header of the drawer.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
  */
 declare const DrawerHeader: (props: DrawerHeaderProps) => React.JSX.Element;
-export type DrawerContentProps = RmwcDrawerContentProps & {
+export type DrawerContentProps = {
     /**
      * Drawer content.
      */
@@ -26,24 +42,15 @@ export type DrawerContentProps = RmwcDrawerContentProps & {
     className?: string;
 };
 /**
- * Shows drawer content. It can be anything, but commonly a List component would suffice here.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
  */
 declare const DrawerContent: (props: DrawerContentProps) => React.JSX.Element;
-type DrawerProps = RmwcDrawerProps & {
+export interface DrawerProps extends AdminUiDrawerProps {
     /**
-     * Drawer content.
+     * @deprecated Property is no longer supported.
      */
-    children: React.ReactNode;
-    /**
-     * CSS class name
-     */
-    className?: string;
-    style?: CSSObject;
-};
-/**
- * Use Drawer component to display navigation for the whole app or just a small section of it.
- */
-declare const Drawer: ({ style, children, ...props }: DrawerProps) => React.JSX.Element;
-declare const DrawerRight: (props: DrawerProps) => React.JSX.Element;
-declare const DrawerLeft: (props: DrawerProps) => React.JSX.Element;
+    dismissible?: boolean;
+    onClose?: () => void;
+}
 export { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };

package/Drawer/Drawer.js

@@ -1,67 +1,57 @@
-"use strict";
+import React from "react";
+import { Drawer as AdminUiDrawer } from "@webiny/admin-ui";
+import { DrawerHeader as AdminUiDrawerHeader } from "@webiny/admin-ui/Drawer/components/DrawerHeader";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DrawerRight = exports.DrawerLeft = exports.DrawerHeader = exports.DrawerContent = exports.Drawer = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _drawer = require("@rmwc/drawer");
-var _excluded = ["style", "children"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
- * Shows header of the drawer.
+ * Use Drawer component to display navigation for the whole app or just a small section of it.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
  */
-var DrawerHeader = exports.DrawerHeader = function DrawerHeader(props) {
-  return /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, props);
+const Drawer = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(AdminUiDrawer, Object.assign({
+    side: "left"
+  }, props), children);
 };
+
 /**
- * Shows drawer content. It can be anything, but commonly a List component would suffice here.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
  */
-var DrawerContent = exports.DrawerContent = function DrawerContent(props) {
-  return /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, props);
+const DrawerRight = props => {
+  return /*#__PURE__*/React.createElement(Drawer, Object.assign({
+    side: "right"
+  }, props));
 };
-var DirectionRTL = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "el0bo471"
-} : {
-  target: "el0bo471",
-  label: "DirectionRTL"
-})(process.env.NODE_ENV === "production" ? {
-  name: "16ge7sd",
-  styles: ".mdc-drawer.mdc-drawer--modal,.mdc-drawer.mdc-drawer--dismissable{left:initial;right:0;}.mdc-drawer--animate{-webkit-transform:translateX(100%);transform:translateX(100%);}.mdc-drawer.mdc-drawer--opening{-webkit-transform:translateX(0%)!important;transform:translateX(0%)!important;}.mdc-drawer.mdc-drawer--closing{-webkit-transform:translateX(100%)!important;transform:translateX(100%)!important;}"
-} : {
-  name: "16ge7sd",
-  styles: ".mdc-drawer.mdc-drawer--modal,.mdc-drawer.mdc-drawer--dismissable{left:initial;right:0;}.mdc-drawer--animate{-webkit-transform:translateX(100%);transform:translateX(100%);}.mdc-drawer.mdc-drawer--opening{-webkit-transform:translateX(0%)!important;transform:translateX(0%)!important;}.mdc-drawer.mdc-drawer--closing{-webkit-transform:translateX(100%)!important;transform:translateX(100%)!important;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQrQiIsImZpbGUiOiJEcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICAgIERyYXdlciBhcyBSbXdjRHJhd2VyLFxuICAgIERyYXdlckNvbnRlbnQgYXMgUm13Y0RyYXdlckNvbnRlbnQsXG4gICAgRHJhd2VySGVhZGVyIGFzIFJtd2NEcmF3ZXJIZWFkZXIsXG4gICAgRHJhd2VyUHJvcHMgYXMgUm13Y0RyYXdlclByb3BzLFxuICAgIERyYXdlckhlYWRlclByb3BzIGFzIFJtd2NEcmF3ZXJIZWFkZXJQcm9wcyxcbiAgICBEcmF3ZXJDb250ZW50UHJvcHMgYXMgUm13Y0RyYXdlckNvbnRlbnRQcm9wc1xufSBmcm9tIFwiQHJtd2MvZHJhd2VyXCI7XG5cbnR5cGUgRHJhd2VySGVhZGVyUHJvcHMgPSBSbXdjRHJhd2VySGVhZGVyUHJvcHMgJiB7XG4gICAgLyoqXG4gICAgICogRHJhd2VyIGNvbnRlbnQuXG4gICAgICovXG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAgIC8qKlxuICAgICAqIENTUyBjbGFzcyBuYW1lXG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBTaG93cyBoZWFkZXIgb2YgdGhlIGRyYXdlci5cbiAqL1xuY29uc3QgRHJhd2VySGVhZGVyID0gKHByb3BzOiBEcmF3ZXJIZWFkZXJQcm9wcykgPT4gPFJtd2NEcmF3ZXJIZWFkZXIgey4uLnByb3BzfSAvPjtcblxuZXhwb3J0IHR5cGUgRHJhd2VyQ29udGVudFByb3BzID0gUm13Y0RyYXdlckNvbnRlbnRQcm9wcyAmIHtcbiAgICAvKipcbiAgICAgKiBEcmF3ZXIgY29udGVudC5cbiAgICAgKi9cbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gICAgLyoqXG4gICAgICogQ1NTIGNsYXNzIG5hbWVcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG59O1xuXG4vKipcbiAqIFNob3dzIGRyYXdlciBjb250ZW50LiBJdCBjYW4gYmUgYW55dGhpbmcsIGJ1dCBjb21tb25seSBhIExpc3QgY29tcG9uZW50IHdvdWxkIHN1ZmZpY2UgaGVyZS5cbiAqL1xuY29uc3QgRHJhd2VyQ29udGVudCA9IChwcm9wczogRHJhd2VyQ29udGVudFByb3BzKSA9PiA8Um13Y0RyYXdlckNvbnRlbnQgey4uLnByb3BzfSAvPjtcblxudHlwZSBEcmF3ZXJQcm9wcyA9IFJtd2NEcmF3ZXJQcm9wcyAmIHtcbiAgICAvKipcbiAgICAgKiBEcmF3ZXIgY29udGVudC5cbiAgICAgKi9cbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gICAgLyoqXG4gICAgICogQ1NTIGNsYXNzIG5hbWVcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgICBzdHlsZT86IENTU09iamVjdDtcbn07XG5cbmNvbnN0IERpcmVjdGlvblJUTCA9IHN0eWxlZC5kaXZgXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tbW9kYWwsXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tZGlzbWlzc2FibGUge1xuICAgICAgICBsZWZ0OiBpbml0aWFsO1xuICAgICAgICByaWdodDogMDtcbiAgICB9XG5cbiAgICAubWRjLWRyYXdlci0tYW5pbWF0ZSB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gICAgfVxuXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tb3BlbmluZyB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKSAhaW1wb3J0YW50O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tY2xvc2luZyB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpICFpbXBvcnRhbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbi8qKlxuICogVXNlIERyYXdlciBjb21wb25lbnQgdG8gZGlzcGxheSBuYXZpZ2F0aW9uIGZvciB0aGUgd2hvbGUgYXBwIG9yIGp1c3QgYSBzbWFsbCBzZWN0aW9uIG9mIGl0LlxuICovXG5jb25zdCBEcmF3ZXIgPSAoeyBzdHlsZSwgY2hpbGRyZW4sIC4uLnByb3BzIH06IERyYXdlclByb3BzKSA9PiB7XG4gICAgLy8gU3R5bGUgdGhlIGRyYXdlciB1c2luZyB0aGUgc3R5bGVzIHRoYXQgd2VyZSBwYXNzZWQgaW4uXG4gICAgY29uc3QgRHJhd2VyID0gdXNlTWVtbygoKSA9PiAoc3R5bGUgPyBzdHlsZWQoUm13Y0RyYXdlcikoc3R5bGUpIDogUm13Y0RyYXdlciksIFtzdHlsZV0pO1xuXG4gICAgcmV0dXJuIDxEcmF3ZXIgey4uLnByb3BzfT57Y2hpbGRyZW59PC9EcmF3ZXI+O1xufTtcblxuY29uc3QgRHJhd2VyUmlnaHQgPSAocHJvcHM6IERyYXdlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpcmVjdGlvblJUTD5cbiAgICAgICAgICAgIDxEcmF3ZXIgey4uLnByb3BzfSAvPlxuICAgICAgICA8L0RpcmVjdGlvblJUTD5cbiAgICApO1xufTtcblxuY29uc3QgRHJhd2VyTGVmdCA9IChwcm9wczogRHJhd2VyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPERyYXdlciB7Li4ucHJvcHN9IC8+O1xufTtcblxuZXhwb3J0IHsgRHJhd2VyLCBEcmF3ZXJIZWFkZXIsIERyYXdlckNvbnRlbnQsIERyYXdlclJpZ2h0LCBEcmF3ZXJMZWZ0IH07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 
 /**
- * Use Drawer component to display navigation for the whole app or just a small section of it.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
  */
-var Drawer = exports.Drawer = function Drawer(_ref) {
-  var style = _ref.style,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // Style the drawer using the styles that were passed in.
-  var Drawer = (0, _react.useMemo)(function () {
-    return style ? /*#__PURE__*/(0, _base.default)(_drawer.Drawer, process.env.NODE_ENV === "production" ? {
-      target: "el0bo470"
-    } : {
-      target: "el0bo470",
-      label: "Drawer"
-    })(style, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0YwQyIsImZpbGUiOiJEcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICAgIERyYXdlciBhcyBSbXdjRHJhd2VyLFxuICAgIERyYXdlckNvbnRlbnQgYXMgUm13Y0RyYXdlckNvbnRlbnQsXG4gICAgRHJhd2VySGVhZGVyIGFzIFJtd2NEcmF3ZXJIZWFkZXIsXG4gICAgRHJhd2VyUHJvcHMgYXMgUm13Y0RyYXdlclByb3BzLFxuICAgIERyYXdlckhlYWRlclByb3BzIGFzIFJtd2NEcmF3ZXJIZWFkZXJQcm9wcyxcbiAgICBEcmF3ZXJDb250ZW50UHJvcHMgYXMgUm13Y0RyYXdlckNvbnRlbnRQcm9wc1xufSBmcm9tIFwiQHJtd2MvZHJhd2VyXCI7XG5cbnR5cGUgRHJhd2VySGVhZGVyUHJvcHMgPSBSbXdjRHJhd2VySGVhZGVyUHJvcHMgJiB7XG4gICAgLyoqXG4gICAgICogRHJhd2VyIGNvbnRlbnQuXG4gICAgICovXG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAgIC8qKlxuICAgICAqIENTUyBjbGFzcyBuYW1lXG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBTaG93cyBoZWFkZXIgb2YgdGhlIGRyYXdlci5cbiAqL1xuY29uc3QgRHJhd2VySGVhZGVyID0gKHByb3BzOiBEcmF3ZXJIZWFkZXJQcm9wcykgPT4gPFJtd2NEcmF3ZXJIZWFkZXIgey4uLnByb3BzfSAvPjtcblxuZXhwb3J0IHR5cGUgRHJhd2VyQ29udGVudFByb3BzID0gUm13Y0RyYXdlckNvbnRlbnRQcm9wcyAmIHtcbiAgICAvKipcbiAgICAgKiBEcmF3ZXIgY29udGVudC5cbiAgICAgKi9cbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gICAgLyoqXG4gICAgICogQ1NTIGNsYXNzIG5hbWVcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG59O1xuXG4vKipcbiAqIFNob3dzIGRyYXdlciBjb250ZW50LiBJdCBjYW4gYmUgYW55dGhpbmcsIGJ1dCBjb21tb25seSBhIExpc3QgY29tcG9uZW50IHdvdWxkIHN1ZmZpY2UgaGVyZS5cbiAqL1xuY29uc3QgRHJhd2VyQ29udGVudCA9IChwcm9wczogRHJhd2VyQ29udGVudFByb3BzKSA9PiA8Um13Y0RyYXdlckNvbnRlbnQgey4uLnByb3BzfSAvPjtcblxudHlwZSBEcmF3ZXJQcm9wcyA9IFJtd2NEcmF3ZXJQcm9wcyAmIHtcbiAgICAvKipcbiAgICAgKiBEcmF3ZXIgY29udGVudC5cbiAgICAgKi9cbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gICAgLyoqXG4gICAgICogQ1NTIGNsYXNzIG5hbWVcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgICBzdHlsZT86IENTU09iamVjdDtcbn07XG5cbmNvbnN0IERpcmVjdGlvblJUTCA9IHN0eWxlZC5kaXZgXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tbW9kYWwsXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tZGlzbWlzc2FibGUge1xuICAgICAgICBsZWZ0OiBpbml0aWFsO1xuICAgICAgICByaWdodDogMDtcbiAgICB9XG5cbiAgICAubWRjLWRyYXdlci0tYW5pbWF0ZSB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gICAgfVxuXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tb3BlbmluZyB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKSAhaW1wb3J0YW50O1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLm1kYy1kcmF3ZXIubWRjLWRyYXdlci0tY2xvc2luZyB7XG4gICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpICFpbXBvcnRhbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbi8qKlxuICogVXNlIERyYXdlciBjb21wb25lbnQgdG8gZGlzcGxheSBuYXZpZ2F0aW9uIGZvciB0aGUgd2hvbGUgYXBwIG9yIGp1c3QgYSBzbWFsbCBzZWN0aW9uIG9mIGl0LlxuICovXG5jb25zdCBEcmF3ZXIgPSAoeyBzdHlsZSwgY2hpbGRyZW4sIC4uLnByb3BzIH06IERyYXdlclByb3BzKSA9PiB7XG4gICAgLy8gU3R5bGUgdGhlIGRyYXdlciB1c2luZyB0aGUgc3R5bGVzIHRoYXQgd2VyZSBwYXNzZWQgaW4uXG4gICAgY29uc3QgRHJhd2VyID0gdXNlTWVtbygoKSA9PiAoc3R5bGUgPyBzdHlsZWQoUm13Y0RyYXdlcikoc3R5bGUpIDogUm13Y0RyYXdlciksIFtzdHlsZV0pO1xuXG4gICAgcmV0dXJuIDxEcmF3ZXIgey4uLnByb3BzfT57Y2hpbGRyZW59PC9EcmF3ZXI+O1xufTtcblxuY29uc3QgRHJhd2VyUmlnaHQgPSAocHJvcHM6IERyYXdlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpcmVjdGlvblJUTD5cbiAgICAgICAgICAgIDxEcmF3ZXIgey4uLnByb3BzfSAvPlxuICAgICAgICA8L0RpcmVjdGlvblJUTD5cbiAgICApO1xufTtcblxuY29uc3QgRHJhd2VyTGVmdCA9IChwcm9wczogRHJhd2VyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPERyYXdlciB7Li4ucHJvcHN9IC8+O1xufTtcblxuZXhwb3J0IHsgRHJhd2VyLCBEcmF3ZXJIZWFkZXIsIERyYXdlckNvbnRlbnQsIERyYXdlclJpZ2h0LCBEcmF3ZXJMZWZ0IH07XG4iXX0= */") : _drawer.Drawer;
-  }, [style]);
-  return /*#__PURE__*/_react.default.createElement(Drawer, props, children);
+const DrawerLeft = props => {
+  return /*#__PURE__*/React.createElement(Drawer, Object.assign({
+    side: "left"
+  }, props));
 };
-var DrawerRight = exports.DrawerRight = function DrawerRight(props) {
-  return /*#__PURE__*/_react.default.createElement(DirectionRTL, null, /*#__PURE__*/_react.default.createElement(Drawer, props));
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.
+ */
+const DrawerHeader = props => {
+  return /*#__PURE__*/React.createElement(AdminUiDrawerHeader, {
+    title: props.children,
+    description: ""
+  });
 };
-var DrawerLeft = exports.DrawerLeft = function DrawerLeft(props) {
-  return /*#__PURE__*/_react.default.createElement(Drawer, props);
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.
+ */
+const DrawerContent = props => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
+export { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };
 
 //# sourceMappingURL=Drawer.js.map