@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/List/List/ListItemText.js

@@ -0,0 +1,51 @@
+import { useContext, useEffect } from "react";
+import { DeprecatedListItemContext } from "./..";
+
+/** Text Wrapper for the ListItem */
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.
+ */
+export const ListItemText = props => {
+  const listItemContext = useContext(DeprecatedListItemContext);
+  useEffect(() => {
+    props.onClick && listItemContext.addOnClickCallback(props.onClick);
+  }, [props]);
+  return props.children;
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.
+ */
+export const ListItemTextPrimary = props => {
+  const listItemContext = useContext(DeprecatedListItemContext);
+  useEffect(() => {
+    listItemContext.addTitle(props.children);
+  }, [props]);
+  return null;
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.
+ */
+export const ListItemTextSecondary = props => {
+  const listItemContext = useContext(DeprecatedListItemContext);
+  useEffect(() => {
+    listItemContext.addDescription(props.children);
+  }, [props]);
+  return null;
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.
+ */
+export const ListTextOverline = props => {
+  const listItemContext = useContext(DeprecatedListItemContext);
+  useEffect(() => {
+    listItemContext.addDescription(props.children);
+  }, [props]);
+  return null;
+};
+
+//# sourceMappingURL=ListItemText.js.map

package/List/List/ListItemText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useEffect","DeprecatedListItemContext","ListItemText","props","listItemContext","onClick","addOnClickCallback","children","ListItemTextPrimary","addTitle","ListItemTextSecondary","addDescription","ListTextOverline"],"sources":["ListItemText.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport { DeprecatedListItemContext } from \"~/List\";\n\n/** Text Wrapper for the ListItem */\nexport type ListItemTextProps = {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.\n */\nexport const ListItemText = (props: ListItemTextProps) => {\n    const listItemContext = useContext(DeprecatedListItemContext);\n\n    useEffect(() => {\n        props.onClick && listItemContext!.addOnClickCallback(props.onClick);\n    }, [props]);\n\n    return props.children;\n};\n\nexport type ListItemTextPrimaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.\n */\nexport const ListItemTextPrimary = (props: ListItemTextPrimaryProps) => {\n    const listItemContext = useContext(DeprecatedListItemContext);\n\n    useEffect(() => {\n        listItemContext!.addTitle(props.children);\n    }, [props]);\n\n    return null;\n};\n\nexport type ListItemTextSecondaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.\n */\nexport const ListItemTextSecondary = (props: ListItemTextSecondaryProps) => {\n    const listItemContext = useContext(DeprecatedListItemContext);\n\n    useEffect(() => {\n        listItemContext!.addDescription(props.children);\n    }, [props]);\n\n    return null;\n};\n\nexport type ListTextOverlineProps = {\n    children: React.ReactNode;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `ListItem` component props from the `@webiny/admin-ui` package instead.\n */\nexport const ListTextOverline = (props: ListTextOverlineProps) => {\n    const listItemContext = useContext(DeprecatedListItemContext);\n\n    useEffect(() => {\n        listItemContext!.addDescription(props.children);\n    }, [props]);\n\n    return null;\n};\n"],"mappings":"AAAA,SAAgBA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,SAASC,yBAAyB;;AAElC;;AAOA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAMC,eAAe,GAAGL,UAAU,CAACE,yBAAyB,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACZG,KAAK,CAACE,OAAO,IAAID,eAAe,CAAEE,kBAAkB,CAACH,KAAK,CAACE,OAAO,CAAC;EACvE,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEX,OAAOA,KAAK,CAACI,QAAQ;AACzB,CAAC;AASD;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAIL,KAA+B,IAAK;EACpE,MAAMC,eAAe,GAAGL,UAAU,CAACE,yBAAyB,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACZI,eAAe,CAAEK,QAAQ,CAACN,KAAK,CAACI,QAAQ,CAAC;EAC7C,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACf,CAAC;AASD;AACA;AACA;AACA;AACA,OAAO,MAAMO,qBAAqB,GAAIP,KAAiC,IAAK;EACxE,MAAMC,eAAe,GAAGL,UAAU,CAACE,yBAAyB,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACZI,eAAe,CAAEO,cAAc,CAACR,KAAK,CAACI,QAAQ,CAAC;EACnD,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACf,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMS,gBAAgB,GAAIT,KAA4B,IAAK;EAC9D,MAAMC,eAAe,GAAGL,UAAU,CAACE,yBAAyB,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACZI,eAAe,CAAEO,cAAc,CAACR,KAAK,CAACI,QAAQ,CAAC;EACnD,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/List/List/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./List";
+export * from "./ListItem";
+export * from "./ListItemAction";
+export * from "./ListItemGraphic";
+export * from "./ListItemMeta";
+export * from "./ListItemText";

package/List/List/index.js

@@ -0,0 +1,8 @@
+export * from "./List";
+export * from "./ListItem";
+export * from "./ListItemAction";
+export * from "./ListItemGraphic";
+export * from "./ListItemMeta";
+export * from "./ListItemText";
+
+//# sourceMappingURL=index.js.map

package/List/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListItemAction\";\nexport * from \"./ListItemGraphic\";\nexport * from \"./ListItemMeta\";\nexport * from \"./ListItemText\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/List/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./List";
 export { DataList, ScrollList, DataListModalOverlay, DataListModalOverlayAction, DataListWithSections, ScrollListWithSections } from "./DataList";
+export * from "./DataList/icons";
 export { CollapsibleList } from "./CollapsibleList";

package/List/index.js

@@ -1,72 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DataList: true,
-  ScrollList: true,
-  DataListModalOverlay: true,
-  DataListModalOverlayAction: true,
-  DataListWithSections: true,
-  ScrollListWithSections: true,
-  CollapsibleList: true
-};
-Object.defineProperty(exports, "CollapsibleList", {
-  enumerable: true,
-  get: function get() {
-    return _CollapsibleList.CollapsibleList;
-  }
-});
-Object.defineProperty(exports, "DataList", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.DataList;
-  }
-});
-Object.defineProperty(exports, "DataListModalOverlay", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.DataListModalOverlay;
-  }
-});
-Object.defineProperty(exports, "DataListModalOverlayAction", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.DataListModalOverlayAction;
-  }
-});
-Object.defineProperty(exports, "DataListWithSections", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.DataListWithSections;
-  }
-});
-Object.defineProperty(exports, "ScrollList", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.ScrollList;
-  }
-});
-Object.defineProperty(exports, "ScrollListWithSections", {
-  enumerable: true,
-  get: function get() {
-    return _DataList.ScrollListWithSections;
-  }
-});
-var _List = require("./List");
-Object.keys(_List).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _List[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _List[key];
-    }
-  });
-});
-var _DataList = require("./DataList");
-var _CollapsibleList = require("./CollapsibleList");
+export * from "./List";
+export { DataList, ScrollList, DataListModalOverlay, DataListModalOverlayAction, DataListWithSections, ScrollListWithSections } from "./DataList";
+export * from "./DataList/icons";
+export { CollapsibleList } from "./CollapsibleList";
 
 //# sourceMappingURL=index.js.map

package/List/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_List","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DataList","_CollapsibleList"],"sources":["index.ts"],"sourcesContent":["export * from \"./List\";\n\nexport {\n    DataList,\n    ScrollList,\n    DataListModalOverlay,\n    DataListModalOverlayAction,\n    DataListWithSections,\n    ScrollListWithSections\n} from \"./DataList\";\nexport { CollapsibleList } from \"./CollapsibleList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,SAAA,GAAAb,OAAA;AAQA,IAAAc,gBAAA,GAAAd,OAAA","ignoreList":[]}
+{"version":3,"names":["DataList","ScrollList","DataListModalOverlay","DataListModalOverlayAction","DataListWithSections","ScrollListWithSections","CollapsibleList"],"sources":["index.ts"],"sourcesContent":["export * from \"./List\";\n\nexport {\n    DataList,\n    ScrollList,\n    DataListModalOverlay,\n    DataListModalOverlayAction,\n    DataListWithSections,\n    ScrollListWithSections\n} from \"./DataList\";\nexport * from \"./DataList/icons\";\nexport { CollapsibleList } from \"./CollapsibleList\";\n"],"mappings":"AAAA;AAEA,SACIA,QAAQ,EACRC,UAAU,EACVC,oBAAoB,EACpBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,sBAAsB;AAE1B;AACA,SAASC,eAAe","ignoreList":[]}

package/Menu/Menu.d.ts

@@ -1,12 +1,39 @@
 import React from "react";
-import { MenuProps as RmwcMenuProps, MenuItemProps as BaseMenuItemProps } from "@rmwc/menu";
 export type MenuChildrenFunctionProps = {
     closeMenu: () => void;
 };
 export interface RenderableMenuChildren {
     (props: MenuChildrenFunctionProps): React.ReactNode;
 }
-export type MenuProps = Omit<RmwcMenuProps, "children"> & {
+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;
@@ -23,9 +50,14 @@ export type MenuProps = Omit<RmwcMenuProps, "children"> & {
     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 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;
@@ -33,5 +65,9 @@ interface MenuItemProps extends BaseMenuItemProps {
     onClick?: (event: React.MouseEvent) => void;
     "data-testid"?: string;
 }
-declare const MenuItem: ({ disabled, className, ...rest }: MenuItemProps) => React.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,109 +1,83 @@
-"use strict";
+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
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItem = exports.MenuDivider = exports.Menu = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _menu = require("@rmwc/menu");
-var _emotion = require("emotion");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["disabled", "className"];
-var style = {
-  disabledMenuItem: (0, _emotion.css)({
-    opacity: 0.5,
-    pointerEvents: "none"
-  })
+    // 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 = exports.Menu = function Menu(props) {
-  var children = props.children,
-    handle = props.handle,
-    _props$anchor = props.anchor,
-    anchor = _props$anchor === void 0 ? "topStart" : _props$anchor,
-    className = props.className,
-    disabled = props.disabled,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
-    onSelect = props.onSelect,
-    open = props.open,
-    render = props.render,
-    renderToPortal = props.renderToPortal,
-    _props$portalZIndex = props.portalZIndex,
-    portalZIndex = _props$portalZIndex === void 0 ? 99 : _props$portalZIndex;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    menuIsOpen = _useState2[0],
-    setMenuIsOpen = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (typeof open === "boolean") {
-      setMenuIsOpen(open);
-    }
-  }, [open]);
-  var openMenu = (0, _react.useCallback)(function () {
-    if (disabled) {
-      return;
-    }
-    setMenuIsOpen(true);
-    if (onOpen) {
-      onOpen();
-    }
-  }, [disabled, onOpen]);
-  var closeMenu = (0, _react.useCallback)(function () {
-    setMenuIsOpen(false);
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-  var renderMenuWithPortal = function renderMenuWithPortal() {
-    return /*#__PURE__*/_react.default.createElement(_menu.Menu, {
-      anchorCorner: anchor,
-      open: menuIsOpen,
-      className: className,
-      onClose: closeMenu,
-      onSelect: onSelect,
-      renderToPortal: true,
-      style: {
-        zIndex: portalZIndex
-      } // Fixes Menu in Drawers
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children));
-  };
-  var renderCustomContent = function renderCustomContent() {
-    var renderer = render || children;
-    return /*#__PURE__*/_react.default.createElement(_menu.MenuSurface, {
-      open: menuIsOpen,
-      onClose: closeMenu,
-      renderToPortal: renderToPortal
-    }, typeof renderer === "function" ? renderer({
-      closeMenu: closeMenu
-    }) : renderer);
-  };
-  return /*#__PURE__*/_react.default.createElement(_menu.MenuSurfaceAnchor, {
-    "data-testid": props["data-testid"]
-  }, Array.isArray(children) ? renderMenuWithPortal() : renderCustomContent(), handle && /*#__PURE__*/_react.default.cloneElement(handle, {
-    onClick: openMenu
-  }));
+const MenuDivider = () => {
+  return /*#__PURE__*/React.createElement(AdminUiDropdownMenu.Separator, null);
 };
-var MenuDivider = exports.MenuDivider = function MenuDivider() {
-  return /*#__PURE__*/_react.default.createElement("li", {
-    className: "mdc-list-divider",
-    role: "separator"
-  });
+const isIconElement = element => {
+  return /*#__PURE__*/React.isValidElement(element) && element.type === ListItemGraphic;
 };
-var MenuItem = exports.MenuItem = function MenuItem(_ref) {
-  var disabled = _ref.disabled,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_menu.MenuItem, Object.assign({}, rest, {
-    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, style.disabledMenuItem, disabled))
-  }));
+
+/**
+ * @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;
+    }
+    return foundIcon;
+  }, [children]);
+  const content = useMemo(() => {
+    return React.Children.toArray(children).filter(child => {
+      return !isIconElement(child);
+    });
+  }, [children]);
+  return /*#__PURE__*/React.createElement(AdminUiDropdownMenu.Item, Object.assign({
+    icon: icon,
+    text: content
+  }, rest));
 };
+export { Menu, MenuItem, MenuDivider };
 
 //# sourceMappingURL=Menu.js.map

package/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_menu","_emotion","_classnames","_interopRequireDefault","_excluded","style","disabledMenuItem","css","opacity","pointerEvents","Menu","exports","props","children","handle","_props$anchor","anchor","className","disabled","onOpen","onClose","onSelect","open","render","renderToPortal","_props$portalZIndex","portalZIndex","_useState","useState","_useState2","_slicedToArray2","default","menuIsOpen","setMenuIsOpen","useEffect","openMenu","useCallback","closeMenu","renderMenuWithPortal","createElement","anchorCorner","zIndex","Fragment","renderCustomContent","renderer","MenuSurface","MenuSurfaceAnchor","Array","isArray","React","cloneElement","onClick","MenuDivider","role","MenuItem","_ref","rest","_objectWithoutProperties2","Object","assign","classNames","_defineProperty2"],"sources":["Menu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport {\n    Menu as BaseMenu,\n    MenuProps as RmwcMenuProps,\n    MenuItem as BaseMenuItem,\n    MenuItemProps as BaseMenuItemProps,\n    MenuSurface,\n    MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n    disabledMenuItem: css({\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    })\n};\n\nexport type MenuChildrenFunctionProps = {\n    closeMenu: () => void;\n};\n\nexport interface RenderableMenuChildren {\n    (props: MenuChildrenFunctionProps): React.ReactNode;\n}\n\nexport type MenuProps = Omit<RmwcMenuProps, \"children\"> & {\n    // A handler which triggers the menu, e.g. button or link.\n    handle?: React.ReactElement;\n\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    // 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    // 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 * Use Menu component to display a list of choices, once the handler is triggered.\n */\nconst Menu = (props: MenuProps) => {\n    const {\n        children,\n        handle,\n        anchor = \"topStart\",\n        className,\n        disabled,\n        onOpen,\n        onClose,\n        onSelect,\n        open,\n        render,\n        renderToPortal,\n        portalZIndex = 99\n    } = props;\n\n    const [menuIsOpen, setMenuIsOpen] = useState(false);\n\n    useEffect(() => {\n        if (typeof open === \"boolean\") {\n            setMenuIsOpen(open);\n        }\n    }, [open]);\n\n    const openMenu = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n\n        setMenuIsOpen(true);\n\n        if (onOpen) {\n            onOpen();\n        }\n    }, [disabled, onOpen]);\n\n    const closeMenu = useCallback(() => {\n        setMenuIsOpen(false);\n\n        if (onClose) {\n            onClose();\n        }\n    }, [onClose]);\n\n    const renderMenuWithPortal = () => (\n        <BaseMenu\n            anchorCorner={anchor}\n            open={menuIsOpen}\n            className={className}\n            onClose={closeMenu}\n            onSelect={onSelect}\n            renderToPortal={true}\n            style={{ zIndex: portalZIndex }} // Fixes Menu in Drawers\n        >\n            <>{children}</>\n        </BaseMenu>\n    );\n\n    const renderCustomContent = () => {\n        const renderer = render || children;\n        return (\n            <MenuSurface open={menuIsOpen} onClose={closeMenu} renderToPortal={renderToPortal}>\n                {typeof renderer === \"function\" ? renderer({ closeMenu }) : renderer}\n            </MenuSurface>\n        );\n    };\n\n    return (\n        <MenuSurfaceAnchor data-testid={props[\"data-testid\"]}>\n            {Array.isArray(children) ? renderMenuWithPortal() : renderCustomContent()}\n            {handle && React.cloneElement(handle, { onClick: openMenu })}\n        </MenuSurfaceAnchor>\n    );\n};\n\nconst MenuDivider = () => {\n    return <li className=\"mdc-list-divider\" role=\"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 MenuItem = ({ disabled, className, ...rest }: MenuItemProps) => {\n    return (\n        <BaseMenuItem\n            {...rest}\n            className={classNames(className, { [style.disabledMenuItem]: disabled })}\n        />\n    );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"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","ignoreList":[]}
+{"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,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Menu = require("./Menu");
-Object.keys(_Menu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Menu[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Menu[key];
-    }
-  });
-});
+export * from "./Menu";
 
 //# sourceMappingURL=index.js.map

package/Menu/index.js.map

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

package/Mosaic/Mosaic.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-export interface MosaicProps {
-    columns?: {
-        [key: string]: number;
-    };
-    className?: string;
+export interface MosaicProps extends Record<string, any> {
     children: React.ReactNode;
 }
+/**
+ * @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,31 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Mosaic = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactColumned = _interopRequireDefault(require("react-columned"));
+import React from "react";
 /**
- * Package react-columned does not have types.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Mosaic` component or reach out on Slack.
  */
-// @ts-expect-error
-
-var Mosaic = exports.Mosaic = function Mosaic(props) {
-  var children = props.children,
-    _props$columns = props.columns,
-    columns = _props$columns === void 0 ? {
-      320: 1,
-      480: 2,
-      800: 3,
-      1366: 4
-    } : _props$columns,
-    className = props.className;
-  return /*#__PURE__*/_react.default.createElement(_reactColumned.default, {
-    columns: columns,
-    className: className
-  }, children);
+const Mosaic = props => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
+export { Mosaic };
 
 //# sourceMappingURL=Mosaic.js.map

package/Mosaic/Mosaic.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactColumned","Mosaic","exports","props","children","_props$columns","columns","className","default","createElement"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * Package react-columned does not have types.\n */\n// @ts-expect-error\nimport Columned from \"react-columned\";\n\nexport interface MosaicProps {\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns?: {\n        [key: string]: number;\n    };\n\n    // Custom class for the mosaic container.\n    className?: string;\n\n    children: React.ReactNode;\n}\n\nconst Mosaic = (props: MosaicProps) => {\n    const { children, columns = { 320: 1, 480: 2, 800: 3, 1366: 4 }, className } = props;\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n};\n\nexport { Mosaic };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;AACA;;AAeA,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EACnC,IAAQC,QAAQ,GAA+DD,KAAK,CAA5EC,QAAQ;IAAAC,cAAA,GAA+DF,KAAK,CAAlEG,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG;MAAE,GAAG,EAAE,CAAC;MAAE,GAAG,EAAE,CAAC;MAAE,GAAG,EAAE,CAAC;MAAE,IAAI,EAAE;IAAE,CAAC,GAAAA,cAAA;IAAEE,SAAS,GAAKJ,KAAK,CAAnBI,SAAS;EAC1E,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAQ,OAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA;EAAU,GAC5CH,QACK,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"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,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Mosaic = require("./Mosaic");
-Object.keys(_Mosaic).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Mosaic[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Mosaic[key];
-    }
-  });
-});
+export * from "./Mosaic";
 
 //# sourceMappingURL=index.js.map

package/Mosaic/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Mosaic","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Mosaic\";\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 \"./Mosaic\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Progress/CircularProgress.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 interface CircularProgressProps {
     label?: React.ReactNode;
     size?: number;
@@ -7,5 +7,13 @@ interface CircularProgressProps {
     visible?: boolean;
     style?: React.CSSProperties;
 }
-declare const CircularProgress: (props: CircularProgressProps) => React.JSX.Element;
+/**
+ * @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: {
+    (props: CircularProgressProps): React.JSX.Element;
+    displayName: string;
+};
+export { CircularProgress };
 export default CircularProgress;