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

package/Menu/Menu.d.ts

@@ -1,43 +1,73 @@
-import * as React from "react";
-import { MenuProps as RmwcMenuProps, MenuItemProps as BaseMenuItemProps } from "@rmwc/menu";
-declare type MenuProps = RmwcMenuProps & {
-    children: React.ReactNode;
+import React from "react";
+export type MenuChildrenFunctionProps = {
+    closeMenu: () => void;
+};
+export interface RenderableMenuChildren {
+    (props: MenuChildrenFunctionProps): React.ReactNode;
+}
+export interface BaseMenuItemProps {
+    /** Adds a ripple effect to the component */
+    ripple?: any;
+    /** A modifier for a selected state. */
+    selected?: boolean;
+    /** A modifier for an active state. */
+    activated?: boolean;
+    /** A modifier for a disabled state. */
+    disabled?: boolean;
+}
+export type MenuProps = {
+    /** Opens the menu. */
+    open?: boolean;
+    /** Make the menu position fixed. */
+    fixed?: boolean;
+    /** Renders the menu to a portal. Useful for situations where the content might be cutoff by an overflow: hidden container. You can pass "true" to render to the default RMWC portal. */
+    renderToPortal?: any;
+    /** Manually position the menu to one of the corners. */
+    anchorCorner?: any;
+    /** Children to render. */
+    children?: React.ReactNode;
+    /** An internal api for cross component communication. */
+    apiRef?: (api: any | null) => void;
+    /** Advanced: A reference to the MDCFoundation. */
+    foundationRef?: any;
+    /** Callback that fires when a Menu item is selected. evt.detail = { index: number; item: HTMLElement; } */
+    onSelect?: (evt: any) => void;
+    /** Whether or not to focus the first list item on open. Defaults to true. */
+    focusOnOpen?: boolean;
     handle?: React.ReactElement;
     anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart";
     className?: string;
+    disabled?: boolean;
     onOpen?: () => void;
     onClose?: () => void;
     "data-testid"?: string;
-};
-declare type State = {
-    menuIsOpen: boolean;
-};
+    portalZIndex?: number;
+} & ({
+    children: React.ReactNode | RenderableMenuChildren;
+    render?: never;
+} | {
+    render: RenderableMenuChildren;
+    children?: never;
+});
 /**
- * Use Menu component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu` component from the `@webiny/admin-ui` package instead.
  */
-declare class Menu extends React.Component<MenuProps, State> {
-    static defaultProps: {
-        handle: any;
-        anchor: string;
-    };
-    state: {
-        menuIsOpen: boolean;
-    };
-    anchorRef: React.RefObject<unknown>;
-    menuRef: React.RefObject<unknown>;
-    openMenu: () => void;
-    closeMenu: () => void;
-    renderMenuWithPortal: () => JSX.Element;
-    renderCustomContent: () => JSX.Element;
-    renderMenuContent: () => JSX.Element;
-    render(): JSX.Element;
-}
-declare const MenuDivider: () => JSX.Element;
+declare const Menu: (props: MenuProps) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu.Separator` component from the `@webiny/admin-ui` package instead.
+ */
+declare const MenuDivider: () => React.JSX.Element;
 interface MenuItemProps extends BaseMenuItemProps {
     children: React.ReactNode;
     className?: string;
     onClick?: (event: React.MouseEvent) => void;
     "data-testid"?: string;
 }
-declare const MenuItem: ({ disabled, className, ...rest }: MenuItemProps) => JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu/Item` component from the `@webiny/admin-ui` package instead.
+ */
+declare const MenuItem: ({ children, ...rest }: MenuItemProps) => React.JSX.Element;
 export { Menu, MenuItem, MenuDivider };

package/Menu/Menu.js

@@ -1,128 +1,83 @@
-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 = ["disabled", "className"];
-import * as React from "react";
-import { Menu as BaseMenu, MenuItem as BaseMenuItem, MenuSurface, MenuSurfaceAnchor } from "@rmwc/menu";
-import { css } from "emotion";
-import classNames from "classnames";
-var style = {
-  disabledMenuItem: /*#__PURE__*/css({
-    opacity: 0.5,
-    pointerEvents: "none"
-  }, "label:disabledMenuItem;")
+import React, { useMemo } from "react";
+import { DropdownMenu as AdminUiDropdownMenu } from "@webiny/admin-ui/DropdownMenu";
+import { ListItemGraphic } from "../List";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu` component from the `@webiny/admin-ui` package instead.
+ */
+const Menu = props => {
+  const {
+    children,
+    handle,
+    className,
+    onOpen,
+    open,
+    onClose
+
+    // Deprecated properties.
+    // disabled,
+    // onSelect,
+    // anchor = "topStart",
+    // render,
+    // renderToPortal,
+    // portalZIndex = 99
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiDropdownMenu, {
+    open: open,
+    trigger: handle,
+    className: className,
+    onOpenChange: open => {
+      if (open) {
+        onOpen && onOpen();
+      } else {
+        onClose && onClose();
+      }
+    },
+    "data-testid": props["data-testid"]
+  }, typeof children === "function" ? children({
+    closeMenu: () => {
+      console.log("Deprecated: This function is deprecated and will be removed in future releases.");
+    }
+  }) : children);
 };
 
 /**
- * Use Menu component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu.Separator` component from the `@webiny/admin-ui` package instead.
  */
-var Menu = /*#__PURE__*/function (_React$Component) {
-  _inherits(Menu, _React$Component);
-
-  var _super = _createSuper(Menu);
-
-  function Menu() {
-    var _this;
-
-    _classCallCheck(this, Menu);
+const MenuDivider = () => {
+  return /*#__PURE__*/React.createElement(AdminUiDropdownMenu.Separator, null);
+};
+const isIconElement = element => {
+  return /*#__PURE__*/React.isValidElement(element) && element.type === ListItemGraphic;
+};
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DropdownMenu/Item` component from the `@webiny/admin-ui` package instead.
+ */
+const MenuItem = ({
+  children,
+  ...rest
+}) => {
+  const icon = useMemo(() => {
+    const foundIcon = React.Children.toArray(children).find(isIconElement);
+    // Handles this usage: packages/app-admin/src/components/OptionsMenu/OptionsMenuItem.tsx
+    if (/*#__PURE__*/React.isValidElement(foundIcon) && foundIcon.type === ListItemGraphic) {
+      return foundIcon.props.children;
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      menuIsOpen: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "anchorRef", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "menuRef", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "openMenu", function () {
-      _this.setState({
-        menuIsOpen: true
-      }, function () {
-        return _this.props.onOpen && _this.props.onOpen();
-      });
+    return foundIcon;
+  }, [children]);
+  const content = useMemo(() => {
+    return React.Children.toArray(children).filter(child => {
+      return !isIconElement(child);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "closeMenu", function () {
-      _this.setState({
-        menuIsOpen: false
-      }, function () {
-        return _this.props.onClose && _this.props.onClose();
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderMenuWithPortal", function () {
-      return /*#__PURE__*/React.createElement(BaseMenu, {
-        anchorCorner: _this.props.anchor,
-        open: _this.state.menuIsOpen,
-        className: _this.props.className,
-        onClose: _this.closeMenu,
-        onSelect: _this.props.onSelect,
-        hoistToBody: true
-      }, _this.props.children);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderCustomContent", function () {
-      var children = _this.props.children;
-      return /*#__PURE__*/React.createElement(MenuSurface, {
-        open: _this.state.menuIsOpen,
-        onClose: _this.closeMenu
-      }, typeof children === "function" ? children({
-        closeMenu: _this.closeMenu
-      }) : children);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderMenuContent", function () {
-      return Array.isArray(_this.props.children) ? _this.renderMenuWithPortal() : _this.renderCustomContent();
-    });
-
-    return _this;
-  }
-
-  _createClass(Menu, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(MenuSurfaceAnchor, {
-        ref: this.anchorRef,
-        "data-testid": this.props["data-testid"]
-      }, this.renderMenuContent(), this.props.handle && /*#__PURE__*/React.cloneElement(this.props.handle, {
-        onClick: this.openMenu
-      }));
-    }
-  }]);
-
-  return Menu;
-}(React.Component);
-
-_defineProperty(Menu, "defaultProps", {
-  handle: null,
-  anchor: "topStart"
-});
-
-var MenuDivider = function MenuDivider() {
-  return /*#__PURE__*/React.createElement("li", {
-    className: "mdc-list-divider",
-    role: "separator"
-  });
-};
-
-var MenuItem = function MenuItem(_ref) {
-  var disabled = _ref.disabled,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(BaseMenuItem, Object.assign({}, rest, {
-    className: classNames(className, _defineProperty({}, style.disabledMenuItem, disabled))
-  }));
+  }, [children]);
+  return /*#__PURE__*/React.createElement(AdminUiDropdownMenu.Item, Object.assign({
+    icon: icon,
+    text: content
+  }, rest));
 };
+export { Menu, MenuItem, MenuDivider };
 
-export { Menu, MenuItem, MenuDivider };
+//# sourceMappingURL=Menu.js.map

package/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","DropdownMenu","AdminUiDropdownMenu","ListItemGraphic","Menu","props","children","handle","className","onOpen","open","onClose","createElement","trigger","onOpenChange","closeMenu","console","log","MenuDivider","Separator","isIconElement","element","isValidElement","type","MenuItem","rest","icon","foundIcon","Children","toArray","find","content","filter","child","Item","Object","assign","text"],"sources":["Menu.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { DropdownMenu as AdminUiDropdownMenu } from \"@webiny/admin-ui/DropdownMenu\";\nimport { ListItemGraphic } from \"~/List\";\n\nexport type MenuChildrenFunctionProps = {\n    closeMenu: () => void;\n};\n\nexport interface RenderableMenuChildren {\n    (props: MenuChildrenFunctionProps): React.ReactNode;\n}\n\nexport interface BaseMenuItemProps {\n    /** Adds a ripple effect to the component */\n    ripple?: any;\n    /** A modifier for a selected state. */\n    selected?: boolean;\n    /** A modifier for an active state. */\n    activated?: boolean;\n    /** A modifier for a disabled state. */\n    disabled?: boolean;\n}\n\nexport type MenuProps = {\n    /** Opens the menu. */\n    open?: boolean;\n    /** Make the menu position fixed. */\n    fixed?: boolean;\n    /** Renders the menu to a portal. Useful for situations where the content might be cutoff by an overflow: hidden container. You can pass \"true\" to render to the default RMWC portal. */\n    renderToPortal?: any;\n    /** Manually position the menu to one of the corners. */\n    anchorCorner?: any;\n    /** Children to render. */\n    children?: React.ReactNode;\n    /** An internal api for cross component communication. */\n    apiRef?: (api: any | null) => void;\n    /** Advanced: A reference to the MDCFoundation. */\n    foundationRef?: any;\n    /** Callback that fires when a Menu item is selected. evt.detail = { index: number; item: HTMLElement; } */\n    onSelect?: (evt: any) => void;\n    /** Whether or not to focus the first list item on open. Defaults to true. */\n    focusOnOpen?: boolean;\n\n    // A handler which triggers the menu, e.g. button or link.\n    handle?: React.ReactElement;\n\n    // @deprecated With the introduction of the new Admin UI, this prop is no longer supported, and it will be removed in future releases.\n    // Position the menu to one of anchor corners.\n    // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n    anchor?:\n        | \"bottomEnd\"\n        | \"bottomLeft\"\n        | \"bottomRight\"\n        | \"bottomStart\"\n        | \"topEnd\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"topStart\";\n\n    // Class that will be added to the Menu element.\n    className?: string;\n\n    // @deprecated With the introduction of the new Admin UI, this prop is no longer supported, and it will be removed in future releases.\n    // If true, prevents menu from opening when clicked.\n    disabled?: boolean;\n\n    onOpen?: () => void;\n    onClose?: () => void;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n\n    // @deprecated With the introduction of the new Admin UI, this prop is no longer supported, and it will be removed in future releases.\n    // If rendering to portal, you can specify an exact zIndex.\n    portalZIndex?: number;\n} & ( // You can use either `children` or `render`, but not both.\n    | {\n          // One or more MenuItem components.\n          children: React.ReactNode | RenderableMenuChildren;\n          render?: never;\n      }\n    | {\n          render: RenderableMenuChildren;\n          children?: never;\n      }\n);\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DropdownMenu` component from the `@webiny/admin-ui` package instead.\n */\nconst Menu = (props: MenuProps) => {\n    const {\n        children,\n        handle,\n\n        className,\n        onOpen,\n        open,\n        onClose\n\n        // Deprecated properties.\n        // disabled,\n        // onSelect,\n        // anchor = \"topStart\",\n        // render,\n        // renderToPortal,\n        // portalZIndex = 99\n    } = props;\n\n    return (\n        <AdminUiDropdownMenu\n            open={open}\n            trigger={handle}\n            className={className}\n            onOpenChange={open => {\n                if (open) {\n                    onOpen && onOpen();\n                } else {\n                    onClose && onClose();\n                }\n            }}\n            data-testid={props[\"data-testid\"]}\n        >\n            {typeof children === \"function\"\n                ? children({\n                      closeMenu: () => {\n                          console.log(\n                              \"Deprecated: This function is deprecated and will be removed in future releases.\"\n                          );\n                      }\n                  })\n                : children}\n        </AdminUiDropdownMenu>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DropdownMenu.Separator` component from the `@webiny/admin-ui` package instead.\n */\nconst MenuDivider = () => {\n    return <AdminUiDropdownMenu.Separator />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    \"data-testid\"?: string;\n}\n\nconst isIconElement = (element: React.ReactNode) => {\n    return React.isValidElement(element) && element.type === ListItemGraphic;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `DropdownMenu/Item` component from the `@webiny/admin-ui` package instead.\n */\nconst MenuItem = ({ children, ...rest }: MenuItemProps) => {\n    const icon = useMemo(() => {\n        const foundIcon = React.Children.toArray(children).find(isIconElement);\n        // Handles this usage: packages/app-admin/src/components/OptionsMenu/OptionsMenuItem.tsx\n        if (React.isValidElement(foundIcon) && foundIcon.type === ListItemGraphic) {\n            return foundIcon.props.children;\n        }\n        return foundIcon;\n    }, [children]);\n\n    const content = useMemo(() => {\n        return React.Children.toArray(children).filter(child => {\n            return !isIconElement(child);\n        });\n    }, [children]);\n\n    return <AdminUiDropdownMenu.Item icon={icon} text={content} {...rest} />;\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,+BAA+B;AACnF,SAASC,eAAe;AAqFxB;AACA;AACA;AACA;AACA,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EAC/B,MAAM;IACFC,QAAQ;IACRC,MAAM;IAENC,SAAS;IACTC,MAAM;IACNC,IAAI;IACJC;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;EACJ,CAAC,GAAGN,KAAK;EAET,oBACIN,KAAA,CAAAa,aAAA,CAACV,mBAAmB;IAChBQ,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEN,MAAO;IAChBC,SAAS,EAAEA,SAAU;IACrBM,YAAY,EAAEJ,IAAI,IAAI;MAClB,IAAIA,IAAI,EAAE;QACND,MAAM,IAAIA,MAAM,CAAC,CAAC;MACtB,CAAC,MAAM;QACHE,OAAO,IAAIA,OAAO,CAAC,CAAC;MACxB;IACJ,CAAE;IACF,eAAaN,KAAK,CAAC,aAAa;EAAE,GAEjC,OAAOC,QAAQ,KAAK,UAAU,GACzBA,QAAQ,CAAC;IACLS,SAAS,EAAEA,CAAA,KAAM;MACbC,OAAO,CAACC,GAAG,CACP,iFACJ,CAAC;IACL;EACJ,CAAC,CAAC,GACFX,QACW,CAAC;AAE9B,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMY,WAAW,GAAGA,CAAA,KAAM;EACtB,oBAAOnB,KAAA,CAAAa,aAAA,CAACV,mBAAmB,CAACiB,SAAS,MAAE,CAAC;AAC5C,CAAC;AASD,MAAMC,aAAa,GAAIC,OAAwB,IAAK;EAChD,OAAO,aAAAtB,KAAK,CAACuB,cAAc,CAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,IAAI,KAAKpB,eAAe;AAC5E,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMqB,QAAQ,GAAGA,CAAC;EAAElB,QAAQ;EAAE,GAAGmB;AAAoB,CAAC,KAAK;EACvD,MAAMC,IAAI,GAAG1B,OAAO,CAAC,MAAM;IACvB,MAAM2B,SAAS,GAAG5B,KAAK,CAAC6B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAACwB,IAAI,CAACV,aAAa,CAAC;IACtE;IACA,IAAI,aAAArB,KAAK,CAACuB,cAAc,CAACK,SAAS,CAAC,IAAIA,SAAS,CAACJ,IAAI,KAAKpB,eAAe,EAAE;MACvE,OAAOwB,SAAS,CAACtB,KAAK,CAACC,QAAQ;IACnC;IACA,OAAOqB,SAAS;EACpB,CAAC,EAAE,CAACrB,QAAQ,CAAC,CAAC;EAEd,MAAMyB,OAAO,GAAG/B,OAAO,CAAC,MAAM;IAC1B,OAAOD,KAAK,CAAC6B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAAC0B,MAAM,CAACC,KAAK,IAAI;MACpD,OAAO,CAACb,aAAa,CAACa,KAAK,CAAC;IAChC,CAAC,CAAC;EACN,CAAC,EAAE,CAAC3B,QAAQ,CAAC,CAAC;EAEd,oBAAOP,KAAA,CAAAa,aAAA,CAACV,mBAAmB,CAACgC,IAAI,EAAAC,MAAA,CAAAC,MAAA;IAACV,IAAI,EAAEA,IAAK;IAACW,IAAI,EAAEN;EAAQ,GAAKN,IAAI,CAAG,CAAC;AAC5E,CAAC;AAED,SAASrB,IAAI,EAAEoB,QAAQ,EAAEN,WAAW","ignoreList":[]}

package/Menu/index.js

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

package/Menu/index.js.map

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

package/Mosaic/Mosaic.d.ts

@@ -1,19 +1,10 @@
 import React from "react";
-export declare type MosaicProps = {
+export interface MosaicProps extends Record<string, any> {
     children: React.ReactNode;
-    columns: {
-        [key: string]: number;
-    };
-    className?: string;
-};
-export declare function Mosaic({ children, columns, className }: MosaicProps): JSX.Element;
-export declare namespace Mosaic {
-    var defaultProps: {
-        columns: {
-            320: number;
-            480: number;
-            800: number;
-            1366: number;
-        };
-    };
 }
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Mosaic` component or reach out on Slack.
+ */
+declare const Mosaic: (props: MosaicProps) => React.JSX.Element;
+export { Mosaic };

package/Mosaic/Mosaic.js

@@ -1,19 +1,11 @@
 import React from "react";
-import Columned from "react-columned";
-export function Mosaic(_ref) {
-  var children = _ref.children,
-      columns = _ref.columns,
-      className = _ref.className;
-  return /*#__PURE__*/React.createElement(Columned, {
-    columns: columns,
-    className: className
-  }, children);
-}
-Mosaic.defaultProps = {
-  columns: {
-    320: 1,
-    480: 2,
-    800: 3,
-    1366: 4
-  }
-};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Mosaic` component or reach out on Slack.
+ */
+const Mosaic = props => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+};
+export { Mosaic };
+
+//# sourceMappingURL=Mosaic.js.map

package/Mosaic/Mosaic.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Mosaic","props","createElement","Fragment","children"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface MosaicProps extends Record<string, any> {\n    children: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `Mosaic` component or reach out on Slack.\n */\nconst Mosaic = (props: MosaicProps) => {\n    return <>{props.children}</>;\n};\n\nexport { Mosaic };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACnC,oBAAOF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,QAAGF,KAAK,CAACG,QAAW,CAAC;AAChC,CAAC;AAED,SAASJ,MAAM","ignoreList":[]}

package/Mosaic/index.js

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

package/Mosaic/index.js.map

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

package/Progress/CircularProgress.d.ts

@@ -1,19 +1,19 @@
 import * as React from "react";
-declare type Props = {
+interface CircularProgressProps {
     label?: React.ReactNode;
-    size: number;
-    spinnerColor: string;
-    spinnerWidth: number;
-    visible: boolean;
+    size?: number;
+    spinnerColor?: string;
+    spinnerWidth?: number;
+    visible?: boolean;
     style?: React.CSSProperties;
-};
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Loader` or `OverlayLoader` components from the `@webiny/admin-ui` package instead.
+ */
 declare const CircularProgress: {
-    ({ label, size, spinnerWidth, spinnerColor, visible, style }: Props): JSX.Element;
-    defaultProps: {
-        size: number;
-        spinnerColor: string;
-        spinnerWidth: number;
-        visible: boolean;
-    };
+    (props: CircularProgressProps): React.JSX.Element;
+    displayName: string;
 };
+export { CircularProgress };
 export default CircularProgress;

package/Progress/CircularProgress.js

@@ -1,63 +1,19 @@
-// This is just to center the spinner
 import * as React from "react";
-import styled from "@emotion/styled";
-import Spinner from "react-spinner-material";
-import { Typography } from "../Typography";
-var SpinnerWrapper = /*#__PURE__*/styled("div", {
-  target: "e1s1fi5k0",
-  label: "SpinnerWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  background: "var(--mdc-theme-surface)",
-  opacity: 0.92,
-  top: 0,
-  left: 0,
-  zIndex: 10,
-  "& .spinner__inner-wrapper": {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center"
-  }
-});
-var Label = /*#__PURE__*/styled("div", {
-  target: "e1s1fi5k1",
-  label: "Label"
-})({
-  marginTop: 15
-});
-
-var CircularProgress = function CircularProgress(_ref) {
-  var label = _ref.label,
-      size = _ref.size,
-      spinnerWidth = _ref.spinnerWidth,
-      spinnerColor = _ref.spinnerColor,
-      visible = _ref.visible,
-      style = _ref.style;
-  return /*#__PURE__*/React.createElement(SpinnerWrapper, {
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "spinner__inner-wrapper"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: size,
-    spinnerColor: spinnerColor,
-    spinnerWidth: spinnerWidth,
-    visible: visible
-  }), label && /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, label))));
+import { OverlayLoader } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Loader` or `OverlayLoader` components from the `@webiny/admin-ui` package instead.
+ */
+const CircularProgress = props => {
+  return /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: props.label,
+    style: props.style
+  });
 };
+CircularProgress.displayName = "CircularProgress";
+export { CircularProgress };
 
-CircularProgress.defaultProps = {
-  size: 45,
-  spinnerColor: "#fa5723",
-  spinnerWidth: 4,
-  visible: true
-};
-export default CircularProgress;
+// Needed for backward compatibility.
+export default CircularProgress;
+
+//# sourceMappingURL=CircularProgress.js.map

package/Progress/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OverlayLoader","CircularProgress","props","createElement","text","label","style","displayName"],"sources":["CircularProgress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface CircularProgressProps {\n    label?: React.ReactNode;\n    size?: number;\n    spinnerColor?: string;\n    spinnerWidth?: number;\n    visible?: boolean;\n    style?: React.CSSProperties;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Loader` or `OverlayLoader` components from the `@webiny/admin-ui` package instead.\n */\nconst CircularProgress = (props: CircularProgressProps) => {\n    return <OverlayLoader text={props.label} style={props.style} />;\n};\n\nCircularProgress.displayName = \"CircularProgress\";\n\nexport { CircularProgress };\n\n// Needed for backward compatibility.\nexport default CircularProgress;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,kBAAkB;AAWhD;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACvD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,aAAa;IAACI,IAAI,EAAEF,KAAK,CAACG,KAAM;IAACC,KAAK,EAAEJ,KAAK,CAACI;EAAM,CAAE,CAAC;AACnE,CAAC;AAEDL,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,SAASN,gBAAgB;;AAEzB;AACA,eAAeA,gBAAgB","ignoreList":[]}

package/Progress/index.d.ts

@@ -1 +1 @@
-export { default as CircularProgress } from "./CircularProgress";
+export * from "./CircularProgress";

package/Progress/index.js

@@ -1 +1,3 @@
-export { default as CircularProgress } from "./CircularProgress";
+export * from "./CircularProgress";
+
+//# sourceMappingURL=index.js.map

package/Progress/index.js.map

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

package/README.md

@@ -11,8 +11,6 @@ A large amount of components are basically thin wrappers around the
 already well-known [RMWC](https://rmwc.io/) library. With that, 
 there are a few additional components that weren't included in it.
 
-Please visit the official [storybook](https://storybook.webiny.com/) page 
-for details and examples of each component.
   
 ## Install
 ```
@@ -25,4 +23,4 @@ yarn add @webiny/ui
 ```
 
 ### Note on @rmwc/textfield
-The package `@rmwc/textfield` is being pulled directly from our github due to its typings being broken on typescript versions that are greater than `3.7.4`. 
+The package `@rmwc/textfield` is being pulled directly from our github due to its typings being broken on typescript versions that are greater than `3.7.4`. 

package/Radio/Radio.d.ts

@@ -1,21 +1,16 @@
-import * as React from "react";
-import { FormComponentProps } from "../types";
-declare type Props = FormComponentProps & {
-    label?: React.ReactNode;
+import React from "react";
+import type { FormComponentProps } from "../types";
+type Props = FormComponentProps & {
+    label?: string;
     disabled?: boolean;
     description?: string;
 };
 /**
- * Wrap Radio components with RadioGroup to create a set of options.
- * Each Radio component must receive value and onChange callback via props.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Radio` component props from the `@webiny/admin-ui` package instead.
  */
 declare class Radio extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
-    onChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    onChange: (e: React.SyntheticEvent<HTMLInputElement> | any) => void;
+    render(): React.JSX.Element;
 }
 export default Radio;