@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/Dialog/Dialog.d.ts

@@ -1,88 +1,67 @@
-import * as React from "react";
-import { DialogProps as RmwcDialogProps, DialogOnCloseEventT, DialogContentProps as RmwcDialogContentProps, DialogTitleProps as RmwcDialogTitleProps, DialogActionsProps as RmwcDialogActionsProps, DialogButtonProps as RmwcDialogButtonProps } from "@rmwc/dialog";
-export declare type DialogOnClose = (event: DialogOnCloseEventT) => void;
-export declare type DialogProps = RmwcDialogProps & {
-    children: any;
-    className?: string;
-    style?: React.CSSProperties;
-    open?: boolean;
-    onClose?: (evt: DialogOnCloseEventT) => void;
-    preventOutsideDismiss?: boolean;
-};
-export declare class Dialog extends React.Component<DialogProps> {
-    container?: Element;
-    constructor(props: any);
-    render(): React.ReactPortal;
-}
-export declare type DialogTitleProps = RmwcDialogTitleProps & {
-    /**
-     * Title text.
-     */
+import React from "react";
+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) => JSX.Element;
-export declare 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) => JSX.Element;
-export declare type DialogActionsProps = 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) => JSX.Element;
-declare type DialogButtonProps = 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) => JSX.Element;
-declare type DialogCancelProps = RmwcDialogButtonProps & {
-    /**
-     * Children elements.
-     */
-    children: React.ReactNode;
-    /**
-     * 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) => JSX.Element;
-declare type DialogAcceptProps = RmwcDialogButtonProps & {
-    /**
-     * Children elements.
-     */
-    children: React.ReactNode;
-    /**
-     * 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) => 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 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children"];
-import * as React from "react";
-import ReactDOM from "react-dom";
-import { Dialog as RmwcDialog, DialogContent as RmwcDialogContent, DialogTitle as RmwcDialogTitle, DialogActions as RmwcDialogActions, DialogButton as RmwcDialogButton } from "@rmwc/dialog";
-import { getClasses } from "../Helpers";
-export var Dialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(Dialog, _React$Component);
-
-  var _super = _createSuper(Dialog);
-
-  function Dialog(props) {
-    var _this;
-
-    _classCallCheck(this, Dialog);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
-
-    _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;
-  }
-
-  _createClass(Dialog, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
-      var container = this.container; // Let's pass "permanent" / "persistent" / "temporary" flags as "mode" prop instead.
-
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(RmwcDialog, getClasses(props, "webiny-ui-dialog"), children), container);
-    }
-  }]);
-
-  return Dialog;
-}(React.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";
 /**
- * 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 var DialogTitle = function DialogTitle(props) {
-  return /*#__PURE__*/React.createElement(RmwcDialogTitle, getClasses(props, "webiny-ui-dialog__title"));
+export const DialogActions = props => {
+  return /*#__PURE__*/React.createElement(AdminUiDialogFooter, {
+    actions: 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.
  */
-export var DialogContent = function DialogContent(props) {
-  return /*#__PURE__*/React.createElement(RmwcDialogContent, getClasses(props, "webiny-ui-dialog__content"));
+export const DialogButton = props => {
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, props, {
+    variant: "secondary",
+    text: props.text || props.children
+  }));
 };
-
 /**
- * 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 var DialogActions = function DialogActions(props) {
-  return /*#__PURE__*/React.createElement(RmwcDialogActions, getClasses(props, "webiny-ui-dialog__actions"));
+export const DialogAccept = props => {
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, props, {
+    variant: "primary",
+    text: props.text || props.children
+  }));
 };
 
 /**
- * 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 var DialogButton = function DialogButton(props) {
-  return /*#__PURE__*/React.createElement(RmwcDialogButton, getClasses(props, "webiny-ui-dialog__button"));
+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 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 var DialogCancel = function DialogCancel(props) {
-  return /*#__PURE__*/React.createElement(DialogButton, Object.assign({}, getClasses(props, "webiny-ui-dialog__button webiny-ui-dialog__button--cancel"), {
-    action: "close"
-  }), props.children);
+export const DialogContent = props => {
+  return /*#__PURE__*/React.createElement(DialogBody, null, props.children);
 };
-
+DialogContent.displayName = "DialogContent";
+/**
+ * @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 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.
  */
-export var DialogAccept = function DialogAccept(props) {
-  return /*#__PURE__*/React.createElement(DialogButton, Object.assign({}, getClasses(props, "webiny-ui-dialog__button webiny-ui-dialog__button--accept"), {
-    action: "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

@@ -0,0 +1 @@
+{"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 +1,3 @@
-export * from "./Dialog";
+export * from "./Dialog";
+
+//# sourceMappingURL=index.js.map

package/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Drawer/Drawer.d.ts

@@ -1,18 +1,22 @@
-import * as React from "react";
-import { DrawerProps as RmwcDrawerProps, DrawerHeaderProps as RmwcDrawerHeaderProps, DrawerContentProps as RmwcDrawerContentProps } from "@rmwc/drawer";
-declare type DrawerHeaderProps = RmwcDrawerHeaderProps & {
-    children: any;
-    className?: string;
-};
+import React from "react";
+import { type DrawerProps as AdminUiDrawerProps } from "@webiny/admin-ui";
 /**
- * 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.
  */
-declare const DrawerHeader: (props: DrawerHeaderProps) => JSX.Element;
-export declare type DrawerContentProps = RmwcDrawerContentProps & {
-    /**
-     * Drawer direction.
-     */
-    dir?: string;
+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.
      */
@@ -23,14 +27,11 @@ export declare 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 `Dialog` component from the `@webiny/admin-ui` package instead.
  */
-declare const DrawerContent: (props: DrawerContentProps) => JSX.Element;
-declare type DrawerProps = RmwcDrawerProps & {
-    /**
-     * Drawer direction.
-     */
-    dir?: string;
+declare const DrawerHeader: (props: DrawerHeaderProps) => React.JSX.Element;
+export type DrawerContentProps = {
     /**
      * Drawer content.
      */
@@ -41,7 +42,15 @@ declare type DrawerProps = RmwcDrawerProps & {
     className?: string;
 };
 /**
- * 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: (props: DrawerProps) => JSX.Element;
-export { Drawer, DrawerHeader, DrawerContent };
+declare const DrawerContent: (props: DrawerContentProps) => React.JSX.Element;
+export interface DrawerProps extends AdminUiDrawerProps {
+    /**
+     * @deprecated Property is no longer supported.
+     */
+    dismissible?: boolean;
+    onClose?: () => void;
+}
+export { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };

package/Drawer/Drawer.js

@@ -1,25 +1,57 @@
-import * as React from "react";
-import { Drawer as RmwcDrawer, DrawerContent as RmwcDrawerContent, DrawerHeader as RmwcDrawerHeader } from "@rmwc/drawer";
+import React from "react";
+import { Drawer as AdminUiDrawer } from "@webiny/admin-ui";
+import { DrawerHeader as AdminUiDrawerHeader } from "@webiny/admin-ui/Drawer/components/DrawerHeader";
 
 /**
- * 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 = function DrawerHeader(props) {
-  return /*#__PURE__*/React.createElement(RmwcDrawerHeader, 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 = function DrawerContent(props) {
-  return /*#__PURE__*/React.createElement(RmwcDrawerContent, props);
+const DrawerRight = props => {
+  return /*#__PURE__*/React.createElement(Drawer, Object.assign({
+    side: "right"
+  }, props));
 };
 
 /**
- * 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.
+ */
+const DrawerLeft = props => {
+  return /*#__PURE__*/React.createElement(Drawer, Object.assign({
+    side: "left"
+  }, 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: ""
+  });
+};
+/**
+ * @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 = function Drawer(props) {
-  return /*#__PURE__*/React.createElement(RmwcDrawer, props);
+const DrawerContent = props => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
+export { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };
 
-export { Drawer, DrawerHeader, DrawerContent };
+//# sourceMappingURL=Drawer.js.map

package/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Drawer","AdminUiDrawer","DrawerHeader","AdminUiDrawerHeader","children","props","createElement","Object","assign","side","DrawerRight","DrawerLeft","title","description","DrawerContent","Fragment"],"sources":["Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Drawer as AdminUiDrawer, type DrawerProps as AdminUiDrawerProps } from \"@webiny/admin-ui\";\nimport { DrawerHeader as AdminUiDrawerHeader } from \"@webiny/admin-ui/Drawer/components/DrawerHeader\";\n\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst Drawer = ({ children, ...props }: DrawerProps) => {\n    return (\n        <AdminUiDrawer side={\"left\"} {...props}>\n            {children}\n        </AdminUiDrawer>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerRight = (props: DrawerProps) => {\n    return <Drawer side={\"right\"} {...props} />;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerLeft = (props: DrawerProps) => {\n    return <Drawer side={\"left\"} {...props} />;\n};\n\ntype DrawerHeaderProps = {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\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 */\nconst DrawerHeader = (props: DrawerHeaderProps) => {\n    return <AdminUiDrawerHeader title={props.children} description={\"\"} />;\n};\n\nexport type DrawerContentProps = {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerContent = (props: DrawerContentProps) => {\n    return <>{props.children}</>;\n};\n\nexport interface DrawerProps extends AdminUiDrawerProps {\n    /**\n     * @deprecated Property is no longer supported.\n     */\n    dismissible?: boolean;\n\n    onClose?: () => void;\n}\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAgD,kBAAkB;AAClG,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,iDAAiD;;AAErG;AACA;AACA;AACA;AACA;AACA,MAAMH,MAAM,GAAGA,CAAC;EAAEI,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACpD,oBACIN,KAAA,CAAAO,aAAA,CAACL,aAAa,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAO,GAAKJ,KAAK,GACjCD,QACU,CAAC;AAExB,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMM,WAAW,GAAIL,KAAkB,IAAK;EACxC,oBAAON,KAAA,CAAAO,aAAA,CAACN,MAAM,EAAAO,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAQ,GAAKJ,KAAK,CAAG,CAAC;AAC/C,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMM,UAAU,GAAIN,KAAkB,IAAK;EACvC,oBAAON,KAAA,CAAAO,aAAA,CAACN,MAAM,EAAAO,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAO,GAAKJ,KAAK,CAAG,CAAC;AAC9C,CAAC;AAcD;AACA;AACA;AACA;AACA,MAAMH,YAAY,GAAIG,KAAwB,IAAK;EAC/C,oBAAON,KAAA,CAAAO,aAAA,CAACH,mBAAmB;IAACS,KAAK,EAAEP,KAAK,CAACD,QAAS;IAACS,WAAW,EAAE;EAAG,CAAE,CAAC;AAC1E,CAAC;AAcD;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIT,KAAyB,IAAK;EACjD,oBAAON,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAgB,QAAA,QAAGV,KAAK,CAACD,QAAW,CAAC;AAChC,CAAC;AAWD,SAASJ,MAAM,EAAEE,YAAY,EAAEY,aAAa,EAAEJ,WAAW,EAAEC,UAAU","ignoreList":[]}

package/Drawer/index.js

@@ -1 +1,3 @@
-export * from "./Drawer";
+export * from "./Drawer";
+
+//# sourceMappingURL=index.js.map

package/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer\";\n"],"mappings":"AAAA","ignoreList":[]}

package/DynamicFieldset/index.d.ts

@@ -1 +1,7 @@
-export { default as DynamicFieldset } from "./Fieldset";
+import { DynamicFieldset, type DynamicFieldsetProps } from "@webiny/admin-ui";
+export { 
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.
+ */
+DynamicFieldset, type DynamicFieldsetProps };

package/DynamicFieldset/index.js

@@ -1 +1,9 @@
-export { default as DynamicFieldset } from "./Fieldset";
+import { DynamicFieldset } from "@webiny/admin-ui";
+export {
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.
+ */
+DynamicFieldset };
+
+//# sourceMappingURL=index.js.map

package/DynamicFieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DynamicFieldset"],"sources":["index.ts"],"sourcesContent":["import { DynamicFieldset, type DynamicFieldsetProps } from \"@webiny/admin-ui\";\n\nexport {\n    /**\n     * @deprecated This component is deprecated and will be removed in future releases.\n     * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.\n     */\n    DynamicFieldset,\n    type DynamicFieldsetProps\n};\n"],"mappings":"AAAA,SAASA,eAAe,QAAmC,kBAAkB;AAE7E;AACI;AACJ;AACA;AACA;AACIA,eAAe","ignoreList":[]}

package/Elevation/Elevation.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-export declare type ElevationProps = {
+import React from "react";
+export type ElevationProps = {
     children?: React.ReactNode;
     z: number;
     transition?: boolean;
@@ -7,7 +7,11 @@ export declare type ElevationProps = {
     style?: React.CSSProperties;
 };
 /**
- * Elevation component visually raises any content by applying shadow.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Card` component from the `@webiny/admin-ui` package instead.
  */
-declare const Elevation: React.ForwardRefExoticComponent<ElevationProps & React.RefAttributes<any>>;
+declare const Elevation: {
+    ({ className, ...props }: ElevationProps): React.JSX.Element;
+    displayName: string;
+};
 export { Elevation };

package/Elevation/Elevation.js

@@ -1,13 +1,18 @@
-import * as React from "react";
-import { Elevation as RmwcElevation } from "@rmwc/elevation";
-
+import React from "react";
+import { cn } from "@webiny/admin-ui";
 /**
- * Elevation component visually raises any content by applying shadow.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Card` component from the `@webiny/admin-ui` package instead.
  */
-var Elevation = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(RmwcElevation, Object.assign({
-    ref: ref
-  }, props), props.children);
-});
+const Elevation = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-bg-white wby-shadow-md wby-p-4", className)
+  }), props.children);
+};
 Elevation.displayName = "Elevation";
-export { Elevation };
+export { Elevation };
+
+//# sourceMappingURL=Elevation.js.map

package/Elevation/Elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Elevation","className","props","createElement","Object","assign","children","displayName"],"sources":["Elevation.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\nexport type ElevationProps = {\n    // Any element that needs to be highlighted.\n    children?: React.ReactNode;\n\n    // Increasing this number (from 0 to 24) will increase the amount of shadow applied.\n    z: number;\n\n    // Adds smooth transitions when the z value changes.\n    transition?: boolean;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Card` component from the `@webiny/admin-ui` package instead.\n */\nconst Elevation = ({ className, ...props }: ElevationProps) => {\n    return (\n        <div {...props} className={cn(\"wby-bg-white wby-shadow-md wby-p-4\", className)}>\n            {props.children}\n        </div>\n    );\n};\n\nElevation.displayName = \"Elevation\";\n\nexport { Elevation };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAmBrC;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC3D,oBACIJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEF,EAAE,CAAC,oCAAoC,EAAEE,SAAS;EAAE,IAC1EC,KAAK,CAACI,QACN,CAAC;AAEd,CAAC;AAEDN,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,SAASP,SAAS","ignoreList":[]}

package/Elevation/index.js

@@ -1 +1,3 @@
-export * from "./Elevation";
+export * from "./Elevation";
+
+//# sourceMappingURL=index.js.map

package/Elevation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Elevation\";\n"],"mappings":"AAAA","ignoreList":[]}

package/FormElementMessage/FormElementMessage.d.ts

@@ -1,8 +1,12 @@
-import * as React from "react";
-declare type Props = {
+import React from "react";
+type FormElementMessageProps = {
     children: React.ReactNode;
     className?: string;
     error?: boolean;
 };
-declare const FormElementMessage: (props: Props) => JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.
+ */
+declare const FormElementMessage: ({ error, children, ...props }: FormElementMessageProps) => React.JSX.Element;
 export { FormElementMessage };