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

package/Accordion/Accordion.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { ListItem } from "../List";
-import { AccordionItem } from "./AccordionItem";
-export declare type AccordionProps = {
+import React from "react";
+import type { ListItem } from "../List";
+import { type AccordionItem } from "./AccordionItem";
+interface AccordionProps {
     /**
      * Element displayed when accordion is expanded.
      */
-    children: React.ReactElement<typeof ListItem>[] | React.ReactElement<typeof AccordionItem>[];
+    children: React.ReactElement<typeof ListItem>[] | React.ReactElement<typeof AccordionItem> | React.ReactElement<typeof AccordionItem>[];
     /**
      * Elevation number, default set to 2
      */
@@ -14,6 +14,10 @@ export declare type AccordionProps = {
      * Append a class name
      */
     className?: string;
-};
-declare const Accordion: (props: AccordionProps) => JSX.Element;
-export { Accordion };
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion` component from the `@webiny/admin-ui` package instead.
+ */
+declare const Accordion: (props: AccordionProps) => React.JSX.Element;
+export { Accordion, type AccordionProps };

package/Accordion/Accordion.js

@@ -1,30 +1,12 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "elevation", "className"];
-import * as React from "react";
-import { List } from "../List";
-import { Elevation } from "../Elevation";
-import { css } from "emotion";
-import classNames from "classnames";
-var listStyle = /*#__PURE__*/css({
-  "&.mdc-list": {
-    padding: 0
-  }
-}, "label:listStyle;");
-
-var Accordion = function Accordion(props) {
-  var children = props.children,
-      _props$elevation = props.elevation,
-      elevation = _props$elevation === void 0 ? 2 : _props$elevation,
-      className = props.className,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(Elevation, {
-    z: elevation,
-    className: classNames("webiny-ui-accordion", className)
-  }, /*#__PURE__*/React.createElement(List, Object.assign({
-    twoLine: true,
-    className: listStyle
-  }, other), children));
+import React from "react";
+import { Accordion as AdminUiAccordion } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion` component from the `@webiny/admin-ui` package instead.
+ */
+const Accordion = props => {
+  return /*#__PURE__*/React.createElement(AdminUiAccordion, null, props.children);
 };
+export { Accordion };
 
-export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Accordion","AdminUiAccordion","props","createElement","children"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport type { ListItem } from \"../List\";\nimport { type AccordionItem } from \"./AccordionItem\";\n\ninterface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children:\n        | React.ReactElement<typeof ListItem>[]\n        | React.ReactElement<typeof AccordionItem>\n        | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a 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 `Accordion` component from the `@webiny/admin-ui` package instead.\n */\nconst Accordion = (props: AccordionProps) => {\n    return <AdminUiAccordion>{props.children}</AdminUiAccordion>;\n};\n\nexport { Accordion, type AccordionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAwBhE;AACA;AACA;AACA;AACA,MAAMD,SAAS,GAAIE,KAAqB,IAAK;EACzC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,gBAAgB,QAAEC,KAAK,CAACE,QAA2B,CAAC;AAChE,CAAC;AAED,SAASJ,SAAS","ignoreList":[]}

package/Accordion/AccordionItem.d.ts

@@ -1,33 +1,113 @@
 import React from "react";
-export declare type AccordionItemProps = {
+export interface AccordionItemProps {
     /**
-     * Left side icon
+     * Element displayed when accordion is expanded.
      */
-    icon: React.ReactElement;
+    children: React.ReactNode;
     /**
-     * Accordion title
+     * @deprecated This prop no longer has any effect.
+     * Elevation number, default set to 2
      */
-    title?: React.ReactNode;
-    /**
-     * Optional description
-     */
-    description?: string;
-    /**
-     * Element displayed when accordion is expanded
-     */
-    children?: React.ReactNode;
+    elevation?: number;
     /**
      * Append a class name
      */
     className?: string;
-    /**
-     * Render item opened by default
-     */
+    value?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
     open?: boolean;
+    interactive?: boolean;
+    handle?: React.ReactNode;
+    actions?: React.ReactNode;
+    icon?: React.ReactNode;
     /**
-     * For testing purpose
+     * @deprecated This prop no longer has any effect.
      */
-    "data-testid"?: string;
+    iconClassName?: string;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const AccordionItem: ((props: AccordionItemProps) => React.JSX.Element) & {
+    Divider: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Action: (({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
+        original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Separator: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+    Icon: ((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
+        original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Actions: (props: any) => React.JSX.Element;
+    Element: (props: any) => React.JSX.Element;
 };
-declare const AccordionItem: (props: AccordionItemProps) => JSX.Element;
-export { AccordionItem };

package/Accordion/AccordionItem.js

@@ -1,124 +1,37 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useCallback, useEffect } from "react";
-import { ListItem, ListItemGraphic, ListItemMeta } from "../List";
-import Transition from "react-transition-group/Transition";
-import { Icon } from "../Icon";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { Typography } from "../Typography";
-import { ReactComponent as UpArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_up-24px.svg";
-import { ReactComponent as DownArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_down-24px.svg";
-import classNames from "classnames";
-var Content = /*#__PURE__*/styled("div", {
-  target: "eypjd5u0",
-  label: "Content"
-})({
-  width: "100%",
-  borderRight: "1px solid var(--mdc-theme-background)",
-  borderBottom: "1px solid var(--mdc-theme-background)",
-  borderLeft: "1px solid var(--mdc-theme-background)",
-  boxSizing: "border-box"
-});
-var listItem = /*#__PURE__*/css({
-  padding: "15px 20px",
-  cursor: "pointer",
-  borderBottom: "1px solid var(--mdc-theme-background)",
-  "&:last-child": {
-    borderBottom: "none"
-  },
-  ".mdc-list-item__graphic": {
-    marginRight: 20
-  }
-}, "label:listItem;");
-var ListItemTitle = /*#__PURE__*/styled("div", {
-  target: "eypjd5u1",
-  label: "ListItemTitle"
-})({
-  fontWeight: 600,
-  marginBottom: 5
-});
-var ListItemDescription = /*#__PURE__*/styled("div", {
-  target: "eypjd5u2",
-  label: "ListItemDescription"
-})({});
-var TitleContent = /*#__PURE__*/styled("div", {
-  target: "eypjd5u3",
-  label: "TitleContent"
-})({
-  display: "flex",
-  flexDirection: "column"
-});
-var openedState = /*#__PURE__*/css({
-  backgroundColor: "var(--mdc-theme-on-background)"
-}, "label:openedState;");
-var duration = 150;
-var defaultStyle = {
-  transition: "all ".concat(duration, "ms ease-in-out"),
-  opacity: 0,
-  height: 0,
-  pointerEvents: "none",
-  overflow: "hidden"
-};
-var transitionStyles = {
-  entering: {
-    opacity: 0,
-    height: 0,
-    padding: "20px 20px 20px 65px",
-    pointerEvents: "auto",
-    overflow: "initial"
-  },
-  entered: {
-    opacity: 1,
-    height: "auto",
-    padding: "20px 20px 20px 65px",
-    pointerEvents: "auto",
-    overflow: "initial"
-  },
-  exiting: {
-    height: "auto",
-    padding: "20px 20px 20px 65px",
-    pointerEvents: "auto",
-    overflow: "initial"
-  }
-};
-
-var AccordionItem = function AccordionItem(props) {
-  var _useState = useState(props.open ? props.open : false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setState = _useState2[1];
-
-  var toggleState = useCallback(function () {
-    setState(!open);
-  }, [open]);
-  useEffect(function () {
-    setState(props.open);
+import React, { useMemo, useEffect, useState } from "react";
+import { Accordion as AdminUiAccordion } from "@webiny/admin-ui";
+import { withStaticProps } from "@webiny/admin-ui/utils";
+const AccordionItemBase = props => {
+  const [open, setOpen] = useState(props.open ?? false);
+  useEffect(() => {
+    setOpen(!!props.open);
   }, [props.open]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("webiny-ui-accordion-item", props.className)
-  }, /*#__PURE__*/React.createElement(ListItem, {
-    className: classNames(listItem, _defineProperty({}, openedState, open), "webiny-ui-accordion-item__list-item"),
-    onClick: toggleState,
-    "data-testid": props["data-testid"]
-  }, props.icon && /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: props.icon
-  })), /*#__PURE__*/React.createElement(TitleContent, {
-    className: "webiny-ui-accordion-item__title"
-  }, /*#__PURE__*/React.createElement(ListItemTitle, null, props.title), props.description && /*#__PURE__*/React.createElement(ListItemDescription, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle2"
-  }, props.description))), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: !open ? /*#__PURE__*/React.createElement(DownArrow, null) : /*#__PURE__*/React.createElement(UpArrow, null)
-  }))), /*#__PURE__*/React.createElement(Transition, {
-    in: open,
-    timeout: duration
-  }, function (state) {
-    return /*#__PURE__*/React.createElement(Content, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]),
-      className: "webiny-ui-accordion-item__content"
-    }, props.children);
-  }));
+  const icon = useMemo(() => {
+    return props.icon ? /*#__PURE__*/React.createElement(AdminUiAccordion.Item.Icon, {
+      icon: props.icon,
+      label: typeof props.title === "string" ? props.title : ""
+    }) : null;
+  }, [props.icon]);
+  return /*#__PURE__*/React.createElement(AdminUiAccordion.Item, Object.assign({}, props, {
+    open: open,
+    onOpenChange: open => setOpen(open),
+    icon: icon,
+    title: props.title || ""
+  }), props.children);
 };
 
-export { AccordionItem };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.
+ */
+export const AccordionItem = withStaticProps(AccordionItemBase, {
+  Divider: AdminUiAccordion.Item.Action.Separator,
+  Action: AdminUiAccordion.Item.Action,
+  Icon: AdminUiAccordion.Item.Icon,
+  Actions: props => /*#__PURE__*/React.createElement(React.Fragment, null, props.children),
+  Element: props => /*#__PURE__*/React.createElement("div", Object.assign({
+    "data-role": "accordion-element"
+  }, props))
+});
+
+//# sourceMappingURL=AccordionItem.js.map

package/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEffect","useState","Accordion","AdminUiAccordion","withStaticProps","AccordionItemBase","props","open","setOpen","icon","createElement","Item","Icon","label","title","Object","assign","onOpenChange","children","AccordionItem","Divider","Action","Separator","Actions","Fragment","Element"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState } from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport { withStaticProps } from \"@webiny/admin-ui/utils\";\n\nexport interface AccordionItemProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    value?: string;\n\n    title?: React.ReactNode;\n\n    description?: React.ReactNode;\n\n    open?: boolean;\n\n    interactive?: boolean;\n\n    handle?: React.ReactNode;\n\n    actions?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const [open, setOpen] = useState<boolean>(props.open ?? false);\n\n    useEffect(() => {\n        setOpen(!!props.open);\n    }, [props.open]);\n\n    const icon = useMemo(() => {\n        return props.icon ? (\n            <AdminUiAccordion.Item.Icon\n                icon={props.icon}\n                label={typeof props.title === \"string\" ? props.title : \"\"}\n            />\n        ) : null;\n    }, [props.icon]);\n\n    return (\n        <AdminUiAccordion.Item\n            {...props}\n            open={open}\n            onOpenChange={open => setOpen(open)}\n            icon={icon}\n            title={props.title || \"\"}\n        >\n            {props.children as React.ReactElement}\n        </AdminUiAccordion.Item>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItem = withStaticProps(AccordionItemBase, {\n    Divider: AdminUiAccordion.Item.Action.Separator,\n    Action: AdminUiAccordion.Item.Action,\n    Icon: AdminUiAccordion.Item.Icon,\n    Actions: (props: any) => <>{props.children}</>,\n    Element: (props: any) => <div data-role={\"accordion-element\"} {...props} />\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAChE,SAASC,eAAe,QAAQ,wBAAwB;AAyCxD,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAUK,KAAK,CAACC,IAAI,IAAI,KAAK,CAAC;EAE9DP,SAAS,CAAC,MAAM;IACZQ,OAAO,CAAC,CAAC,CAACF,KAAK,CAACC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACD,KAAK,CAACC,IAAI,CAAC,CAAC;EAEhB,MAAME,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOO,KAAK,CAACG,IAAI,gBACbX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,CAACC,IAAI;MACvBH,IAAI,EAAEH,KAAK,CAACG,IAAK;MACjBI,KAAK,EAAE,OAAOP,KAAK,CAACQ,KAAK,KAAK,QAAQ,GAAGR,KAAK,CAACQ,KAAK,GAAG;IAAG,CAC7D,CAAC,GACF,IAAI;EACZ,CAAC,EAAE,CAACR,KAAK,CAACG,IAAI,CAAC,CAAC;EAEhB,oBACIX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,EAAAI,MAAA,CAAAC,MAAA,KACdV,KAAK;IACTC,IAAI,EAAEA,IAAK;IACXU,YAAY,EAAEV,IAAI,IAAIC,OAAO,CAACD,IAAI,CAAE;IACpCE,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;EAAG,IAExBR,KAAK,CAACY,QACY,CAAC;AAEhC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGf,eAAe,CAACC,iBAAiB,EAAE;EAC5De,OAAO,EAAEjB,gBAAgB,CAACQ,IAAI,CAACU,MAAM,CAACC,SAAS;EAC/CD,MAAM,EAAElB,gBAAgB,CAACQ,IAAI,CAACU,MAAM;EACpCT,IAAI,EAAET,gBAAgB,CAACQ,IAAI,CAACC,IAAI;EAChCW,OAAO,EAAGjB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA0B,QAAA,QAAGlB,KAAK,CAACY,QAAW,CAAC;EAC9CO,OAAO,EAAGnB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,QAAAK,MAAA,CAAAC,MAAA;IAAK,aAAW;EAAoB,GAAKV,KAAK,CAAG;AAC9E,CAAC,CAAC","ignoreList":[]}

package/Accordion/AccordionItemActions.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface AccordionItemActionsProps {
+    children: React.ReactNode;
+}
+export declare const AccordionItemActions: ({ children }: AccordionItemActionsProps) => React.JSX.Element;
+export interface AccordionItemActionProps {
+    icon: JSX.Element;
+    onClick: () => void;
+    tooltip?: string;
+    disabled?: boolean;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const AccordionItemAction: ({ icon, onClick, tooltip, disabled }: AccordionItemActionProps) => React.JSX.Element;
+export interface AccordionItemElementProps {
+    element: JSX.Element;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const AccordionItemElement: ({ element }: AccordionItemElementProps) => React.JSX.Element;
+export {};

package/Accordion/AccordionItemActions.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { IconButton } from "../Button";
+import { Tooltip } from "../Tooltip";
+export const AccordionItemActions = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.
+ */
+export const AccordionItemAction = ({
+  icon,
+  onClick,
+  tooltip,
+  disabled
+}) => {
+  const iconButton = /*#__PURE__*/React.createElement(IconButton, {
+    disabled: disabled,
+    icon: icon,
+    onClick: e => {
+      e.stopPropagation();
+      onClick();
+    }
+  });
+  if (!tooltip) {
+    return iconButton;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    content: tooltip
+  }, iconButton);
+};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.
+ */
+export const AccordionItemElement = ({
+  element
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: e => e.stopPropagation()
+  }, element);
+};
+
+//# sourceMappingURL=AccordionItemActions.js.map

package/Accordion/AccordionItemActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","Tooltip","AccordionItemActions","children","createElement","Fragment","AccordionItemAction","icon","onClick","tooltip","disabled","iconButton","e","stopPropagation","placement","content","AccordionItemElement","element"],"sources":["AccordionItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"~/Button\";\nimport { Tooltip } from \"~/Tooltip\";\n\ninterface AccordionItemActionsProps {\n    children: React.ReactNode;\n}\n\nexport const AccordionItemActions = ({ children }: AccordionItemActionsProps) => {\n    return <>{children}</>;\n};\n\nexport interface AccordionItemActionProps {\n    icon: JSX.Element;\n    onClick: () => void;\n    tooltip?: string;\n    disabled?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemAction = ({\n    icon,\n    onClick,\n    tooltip,\n    disabled\n}: AccordionItemActionProps) => {\n    const iconButton = (\n        <IconButton\n            disabled={disabled}\n            icon={icon}\n            onClick={e => {\n                e.stopPropagation();\n                onClick();\n            }}\n        />\n    );\n\n    if (!tooltip) {\n        return iconButton;\n    }\n\n    return (\n        <Tooltip placement={\"bottom\"} content={tooltip}>\n            {iconButton}\n        </Tooltip>\n    );\n};\n\nexport interface AccordionItemElementProps {\n    element: JSX.Element;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemElement = ({ element }: AccordionItemElementProps) => {\n    return <div onClick={e => e.stopPropagation()}>{element}</div>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,OAAO;AAMhB,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EAC7E,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC;AASD;AACA;AACA;AACA;AACA,OAAO,MAAMG,mBAAmB,GAAGA,CAAC;EAChCC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACsB,CAAC,KAAK;EAC5B,MAAMC,UAAU,gBACZZ,KAAA,CAAAK,aAAA,CAACJ,UAAU;IACPU,QAAQ,EAAEA,QAAS;IACnBH,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEI,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBL,OAAO,CAAC,CAAC;IACb;EAAE,CACL,CACJ;EAED,IAAI,CAACC,OAAO,EAAE;IACV,OAAOE,UAAU;EACrB;EAEA,oBACIZ,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACa,SAAS,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAQ,GAC1CE,UACI,CAAC;AAElB,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC5E,oBAAOlB,KAAA,CAAAK,aAAA;IAAKI,OAAO,EAAEI,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC;EAAE,GAAEI,OAAa,CAAC;AAClE,CAAC","ignoreList":[]}

package/Accordion/index.js

@@ -1,2 +1,4 @@
 export * from "./Accordion";
-export * from "./AccordionItem";
+export * from "./AccordionItem";
+
+//# sourceMappingURL=index.js.map

package/Accordion/index.js.map

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

package/Alert/Alert.d.ts

@@ -1,14 +1,15 @@
-import * as React from "react";
-export declare type AlertType = "success" | "info" | "warning" | "danger";
-declare type AlertProps = {
+import React from "react";
+export type AlertType = "success" | "info" | "warning" | "danger";
+export interface AlertProps {
     title: string;
     type: AlertType;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
-};
+}
 /**
- * Use Alert component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Alert` component from the `@webiny/admin-ui` package instead.
  */
-declare const Alert: (props: AlertProps) => JSX.Element;
+declare const Alert: (props: AlertProps) => React.JSX.Element;
 export { Alert };

package/Alert/Alert.js

@@ -1,52 +1,21 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "type", "children"];
-import * as React from "react";
-import { css } from "emotion";
-var alertStyles = /*#__PURE__*/css({
-  borderLeft: "3px solid red",
-  margin: "5px 0 15px 0",
-  padding: "2px 0 2px 10px",
-  ".webiny-ui-alert__title": {
-    fontWeight: 600,
-    lineHeight: "150%",
-    color: "var(--mdc-theme-on-surface)",
-    marginBottom: 5
-  },
-  ".webiny-ui-alert__message": {
-    lineHeight: "100%",
-    fontSize: 14,
-    color: "var(--mdc-theme-on-surface)"
-  },
-  "&.webiny-ui-alert--success": {
-    borderColor: "#21CEAF"
-  },
-  "&.webiny-ui-alert--info": {
-    borderColor: "#29A9DB"
-  },
-  "&.webiny-ui-alert--warning": {
-    borderColor: "#F45C3C"
-  },
-  "&.webiny-ui-alert--danger": {
-    borderColor: "#E4495C"
-  }
-}, "label:alertStyles;");
-
+import React from "react";
+import { Alert as AdminUiAlert } from "@webiny/admin-ui";
 /**
- * Use Alert component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Alert` component from the `@webiny/admin-ui` package instead.
  */
-var Alert = function Alert(props) {
-  var title = props.title,
-      type = props.type,
-      children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
-    className: alertStyles + " webiny-ui-alert webiny-ui-alert--" + type
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "webiny-ui-alert__title"
-  }, title), /*#__PURE__*/React.createElement("p", {
-    className: "webiny-ui-alert__message"
-  }, children));
+const Alert = props => {
+  const {
+    title,
+    type,
+    children,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiAlert, Object.assign({
+    type: type,
+    variant: "subtle"
+  }, rest), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, title)), /*#__PURE__*/React.createElement("div", null, children));
 };
+export { Alert };
 
-export { Alert };
+//# sourceMappingURL=Alert.js.map

package/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","AdminUiAlert","props","title","type","children","rest","createElement","Object","assign","variant"],"sources":["Alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert as AdminUiAlert } from \"@webiny/admin-ui\";\n\nexport type AlertType = \"success\" | \"info\" | \"warning\" | \"danger\";\n\nexport interface AlertProps {\n    // Alert title.\n    title: string;\n\n    // Alert type.\n    type: AlertType;\n\n    // Alert message.\n    children?: React.ReactNode;\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 `Alert` component from the `@webiny/admin-ui` package instead.\n */\nconst Alert = (props: AlertProps) => {\n    const { title, type, children, ...rest } = props;\n\n    return (\n        <AdminUiAlert type={type} variant={\"subtle\"} {...rest}>\n            <div>\n                <strong>{title}</strong>\n            </div>\n            <div>{children}</div>\n        </AdminUiAlert>\n    );\n};\n\nexport { Alert };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,IAAIC,YAAY,QAAQ,kBAAkB;AAqBxD;AACA;AACA;AACA;AACA,MAAMD,KAAK,GAAIE,KAAiB,IAAK;EACjC,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAEhD,oBACIH,KAAA,CAAAQ,aAAA,CAACN,YAAY,EAAAO,MAAA,CAAAC,MAAA;IAACL,IAAI,EAAEA,IAAK;IAACM,OAAO,EAAE;EAAS,GAAKJ,IAAI,gBACjDP,KAAA,CAAAQ,aAAA,2BACIR,KAAA,CAAAQ,aAAA,iBAASJ,KAAc,CACtB,CAAC,eACNJ,KAAA,CAAAQ,aAAA,cAAMF,QAAc,CACV,CAAC;AAEvB,CAAC;AAED,SAASL,KAAK","ignoreList":[]}

package/Alert/index.js

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

package/Alert/index.js.map

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

package/AutoComplete/AutoComplete.d.ts

@@ -1,37 +1,19 @@
-import * as React from "react";
-import { AutoCompleteBaseProps } from "./types";
+import React from "react";
+import type { AutoCompleteBaseProps } from "./types";
 export declare enum Placement {
     top = "top",
     bottom = "bottom"
 }
-export declare type Props = AutoCompleteBaseProps & {
+export interface AutoCompleteProps extends Omit<AutoCompleteBaseProps, "onChange"> {
     placement?: Placement;
-    onChange?: (value: any, selection: any) => void;
+    onChange?: (value: any, selection?: any) => void;
     loading?: boolean;
-};
-declare type State = {
-    inputValue: string;
-};
-declare class AutoComplete extends React.Component<Props, State> {
-    static defaultProps: {
-        valueProp: string;
-        textProp: string;
-        options: any[];
-        placement: Placement;
-        renderItem(item: any): JSX.Element;
-    };
-    state: {
-        inputValue: string;
-    };
-    /**
-     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.
-     */
-    downshift: any;
-    componentDidUpdate(previousProps: any): void;
-    /**
-     * Renders options - based on user's input. It will try to match input text with available options.
-     */
-    renderOptions({ options, isOpen, highlightedIndex, selectedItem, getMenuProps, getItemProps, placement }: any): JSX.Element;
-    render(): JSX.Element;
+    noResultFound?: React.ReactNode;
+    size?: "small" | "medium" | "large";
+    displayResetAction?: boolean;
 }
-export { AutoComplete };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `AutoComplete` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const AutoComplete: ({ size, onChange, valueProp, textProp, renderItem, noResultFound, useSimpleValues, onInput, ...props }: AutoCompleteProps) => React.JSX.Element;