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

package/FormElementMessage/FormElementMessage.js

@@ -1,13 +1,24 @@
-import * as React from "react";
-import classnames from "classnames";
-
-var FormElementMessage = function FormElementMessage(props) {
-  var classNames = classnames("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", props.className, {
-    "mdc-text-field-helper-text--error": props.error
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames
-  }, props.children);
+import React from "react";
+import { FormComponentErrorMessage, FormComponentNote } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.
+ */
+const FormElementMessage = ({
+  error,
+  children,
+  ...props
+}) => {
+  if (error) {
+    return /*#__PURE__*/React.createElement(FormComponentErrorMessage, Object.assign({}, props, {
+      invalid: error,
+      text: children
+    }));
+  }
+  return /*#__PURE__*/React.createElement(FormComponentNote, Object.assign({}, props, {
+    text: children
+  }));
 };
+export { FormElementMessage };
 
-export { FormElementMessage };
+//# sourceMappingURL=FormElementMessage.js.map

package/FormElementMessage/FormElementMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormComponentErrorMessage","FormComponentNote","FormElementMessage","error","children","props","createElement","Object","assign","invalid","text"],"sources":["FormElementMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"@webiny/admin-ui\";\n\ntype FormElementMessageProps = {\n    // message to display\n    children: React.ReactNode;\n\n    // optional class name\n    className?: string;\n\n    // is it an error message we're displaying\n    error?: boolean;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.\n */\nconst FormElementMessage = ({ error, children, ...props }: FormElementMessageProps) => {\n    if (error) {\n        return <FormComponentErrorMessage {...props} invalid={error} text={children} />;\n    }\n\n    return <FormComponentNote {...props} text={children} />;\n};\n\nexport { FormElementMessage };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAa/E;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA+B,CAAC,KAAK;EACnF,IAAIF,KAAK,EAAE;IACP,oBAAOJ,KAAA,CAAAO,aAAA,CAACN,yBAAyB,EAAAO,MAAA,CAAAC,MAAA,KAAKH,KAAK;MAAEI,OAAO,EAAEN,KAAM;MAACO,IAAI,EAAEN;IAAS,EAAE,CAAC;EACnF;EAEA,oBAAOL,KAAA,CAAAO,aAAA,CAACL,iBAAiB,EAAAM,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEK,IAAI,EAAEN;EAAS,EAAE,CAAC;AAC3D,CAAC;AAED,SAASF,kBAAkB","ignoreList":[]}

package/FormElementMessage/index.js

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

package/FormElementMessage/index.js.map

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

package/FullName/FullName.d.ts

@@ -1,8 +1,12 @@
-declare type Props = {
+type Props = {
     data?: {
         firstName?: string;
         lastName?: string;
     };
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `FullName` component or reach out on Slack.
+ */
 declare const FullName: (props: Props) => string;
 export { FullName };

package/FullName/FullName.js

@@ -1,21 +1,24 @@
-var FullName = function FullName(props) {
-  var data = props.data;
-
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `FullName` component or reach out on Slack.
+ */
+const FullName = props => {
+  console.warn("The `FullName` component is deprecated and will be removed in future releases.");
+  const {
+    data
+  } = props;
   if (!data) {
     return "N/A";
   }
-
-  var output = "";
-
+  let output = "";
   if (data.firstName) {
     output += data.firstName;
   }
-
   if (data.lastName) {
     output += " " + data.lastName;
   }
-
   return output;
 };
+export { FullName };
 
-export { FullName };
+//# sourceMappingURL=FullName.js.map

package/FullName/FullName.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FullName","props","console","warn","data","output","firstName","lastName"],"sources":["FullName.ts"],"sourcesContent":["type Props = {\n    data?: {\n        firstName?: string;\n        lastName?: string;\n    };\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `FullName` component or reach out on Slack.\n */\nconst FullName = (props: Props) => {\n    console.warn(\"The `FullName` component is deprecated and will be removed in future releases.\");\n    const { data } = props;\n\n    if (!data) {\n        return \"N/A\";\n    }\n\n    let output = \"\";\n    if (data.firstName) {\n        output += data.firstName;\n    }\n\n    if (data.lastName) {\n        output += \" \" + data.lastName;\n    }\n\n    return output;\n};\n\nexport { FullName };\n"],"mappings":"AAOA;AACA;AACA;AACA;AACA,MAAMA,QAAQ,GAAIC,KAAY,IAAK;EAC/BC,OAAO,CAACC,IAAI,CAAC,gFAAgF,CAAC;EAC9F,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAEtB,IAAI,CAACG,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EAEA,IAAIC,MAAM,GAAG,EAAE;EACf,IAAID,IAAI,CAACE,SAAS,EAAE;IAChBD,MAAM,IAAID,IAAI,CAACE,SAAS;EAC5B;EAEA,IAAIF,IAAI,CAACG,QAAQ,EAAE;IACfF,MAAM,IAAI,GAAG,GAAGD,IAAI,CAACG,QAAQ;EACjC;EAEA,OAAOF,MAAM;AACjB,CAAC;AAED,SAASL,QAAQ","ignoreList":[]}

package/FullName/index.js

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

package/FullName/index.js.map

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

package/Grid/Grid.d.ts

@@ -1,22 +1,41 @@
-import * as React from "react";
-import { GridCellProps as RmwcGridCellProps, GridProps as RmwcGridProps } from "@rmwc/grid";
-import { CSSProperties } from "react";
-export declare type CellProps = RmwcGridCellProps & {
+import type { CSSProperties } from "react";
+import React from "react";
+export interface RmwcGridProps {
+    /** Specifies the grid should have fixed column width. */
+    fixedColumnWidth?: boolean;
+    /** Specifies the alignment of the whole grid. */
+    align?: "left" | "right";
+    /** Children for the Grid */
+    children?: React.ReactNode;
+}
+export interface RmwcGridCellProps {
+    /** Default number of columns to span. */
+    span?: number;
+    /** Number of columns to span on a phone. */
+    phone?: number;
+    /** Number of columns to span on a tablet. */
+    tablet?: number;
+    /** Number of columns to span on a desktop. */
+    desktop?: number;
+    /** Specifies the order of the cell. */
+    order?: number;
+    /** Specifies the alignment of cell */
+    align?: "top" | "middle" | "bottom";
+}
+export type CellProps = RmwcGridCellProps & {
     children?: React.ReactNode;
     className?: string;
     style?: {
         [key: string]: any;
     };
 };
-export declare type GridProps = RmwcGridProps & {
-    className?: string;
-    style?: CSSProperties;
-};
 /**
  * Cell must be direct children of Grid component.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
-export declare const Cell: (props: CellProps) => JSX.Element;
-export declare type GridInnerProps = {
+export declare const Cell: (props: CellProps) => React.JSX.Element;
+export type GridInnerProps = {
     children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];
     /**
      * CSS class name
@@ -24,10 +43,16 @@ export declare type GridInnerProps = {
     className?: string;
 };
 export declare const GridInner: {
-    (props: GridInnerProps): JSX.Element;
+    ({ className, ...props }: GridInnerProps): React.JSX.Element;
     displayName: string;
 };
+export type GridProps = RmwcGridProps & {
+    className?: string;
+    style?: CSSProperties;
+};
 /**
  * Use Grid 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 `Grid` component from the `@webiny/admin-ui` package instead.
  */
-export declare const Grid: (props: GridProps) => JSX.Element;
+export declare const Grid: (props: GridProps) => React.JSX.Element;

package/Grid/Grid.js

@@ -1,20 +1,49 @@
-import * as React from "react";
-import { Grid as RmwcGrid, GridCell as RmwcGridCell, GridInner as RmwcGridInner } from "@rmwc/grid";
-
+import React from "react";
+import cn from "classnames";
+import { Grid as AdminUiGrid } from "@webiny/admin-ui";
 /**
  * Cell must be direct children of Grid component.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
-export var Cell = function Cell(props) {
-  return /*#__PURE__*/React.createElement(RmwcGridCell, props, props.children);
+export const Cell = props => {
+  const {
+    children,
+    style,
+    className,
+    align
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiGrid.Column, {
+    className: className,
+    style: style,
+    span: props.span,
+    align: align
+  }, children);
 };
-export var GridInner = function GridInner(props) {
-  return /*#__PURE__*/React.createElement(RmwcGridInner, props, props.children);
+export const GridInner = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-grid wby-grid-cols-12 wby-gap-6 wby-m-0 wby-flex wby-flex-wrap wby-items-stretch", className)
+  }), props.children);
 };
 GridInner.displayName = "GridInner";
 /**
  * Use Grid 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 `Grid` component from the `@webiny/admin-ui` package instead.
  */
+export const Grid = props => {
+  const {
+    children,
+    style,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiGrid, {
+    className: className,
+    style: style
+  }, children);
+};
 
-export var Grid = function Grid(props) {
-  return /*#__PURE__*/React.createElement(RmwcGrid, props, props.children);
-};
+//# sourceMappingURL=Grid.js.map

package/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Grid","AdminUiGrid","Cell","props","children","style","className","align","createElement","Column","span","GridInner","Object","assign","displayName"],"sources":["Grid.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport React from \"react\";\nimport cn from \"classnames\";\nimport type { ColumnProps as AdminUiColumnProps } from \"@webiny/admin-ui\";\nimport { Grid as AdminUiGrid } from \"@webiny/admin-ui\";\n\nexport interface RmwcGridProps {\n    /** Specifies the grid should have fixed column width. */\n    fixedColumnWidth?: boolean;\n    /** Specifies the alignment of the whole grid. */\n    align?: \"left\" | \"right\";\n    /** Children for the Grid */\n    children?: React.ReactNode;\n}\n\nexport interface RmwcGridCellProps {\n    /** Default number of columns to span. */\n    span?: number;\n    /** Number of columns to span on a phone. */\n    phone?: number;\n    /** Number of columns to span on a tablet. */\n    tablet?: number;\n    /** Number of columns to span on a desktop. */\n    desktop?: number;\n    /** Specifies the order of the cell. */\n    order?: number;\n    /** Specifies the alignment of cell */\n    align?: \"top\" | \"middle\" | \"bottom\";\n}\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\n/**\n * Cell must be direct children of Grid component.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Grid` component from the `@webiny/admin-ui` package instead.\n */\nexport const Cell = (props: CellProps) => {\n    const { children, style, className, align } = props;\n    return (\n        <AdminUiGrid.Column\n            className={className}\n            style={style}\n            span={props.span as AdminUiColumnProps[\"span\"]}\n            align={align}\n        >\n            {children}\n        </AdminUiGrid.Column>\n    );\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = ({ className, ...props }: GridInnerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-grid wby-grid-cols-12 wby-gap-6 wby-m-0 wby-flex wby-flex-wrap wby-items-stretch\",\n                className\n            )}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nGridInner.displayName = \"GridInner\";\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Grid` component from the `@webiny/admin-ui` package instead.\n */\nexport const Grid = (props: GridProps) => {\n    const { children, style, className } = props;\n\n    return (\n        <AdminUiGrid className={className} style={style}>\n            {children as React.ReactElement<AdminUiColumnProps, typeof AdminUiGrid.Column>}\n        </AdminUiGrid>\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAE3B,SAASC,IAAI,IAAIC,WAAW,QAAQ,kBAAkB;AAoCtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACtC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACnD,oBACIL,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,MAAM;IACfH,SAAS,EAAEA,SAAU;IACrBD,KAAK,EAAEA,KAAM;IACbK,IAAI,EAAEP,KAAK,CAACO,IAAmC;IAC/CH,KAAK,EAAEA;EAAM,GAEZH,QACe,CAAC;AAE7B,CAAC;AAYD,OAAO,MAAMO,SAAS,GAAGA,CAAC;EAAEL,SAAS;EAAE,GAAGH;AAAsB,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAU,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQV,KAAK;IACTG,SAAS,EAAEP,EAAE,CACT,sFAAsF,EACtFO,SACJ;EAAE,IAEDH,KAAK,CAACC,QACN,CAAC;AAEd,CAAC;AAEDO,SAAS,CAACG,WAAW,GAAG,WAAW;AAOnC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMd,IAAI,GAAIG,KAAgB,IAAK;EACtC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAE5C,oBACIL,KAAA,CAAAU,aAAA,CAACP,WAAW;IAACK,SAAS,EAAEA,SAAU;IAACD,KAAK,EAAEA;EAAM,GAC3CD,QACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/Grid/index.js

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

package/Grid/index.js.map

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

package/Helpers/ClassNames.d.ts

@@ -3,8 +3,9 @@
  * the provided appendClasses(string) and any class names defined inside your props.
  * To you the function just do: {...getClasses (props)}
  * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.
- * @param {*} propList
- * @param {*} appendClasses
+ *
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `getClasses` function or reach out on Slack.
  */
-declare const getClasses: (propList: any, appendClasses: any) => any;
+declare const getClasses: (propList: any, appendClasses: string[] | string) => any;
 export { getClasses };

package/Helpers/ClassNames.js

@@ -1,30 +1,27 @@
-import _clone from "lodash/clone";
-import classnames from "classnames";
-
 /**
  * This is a pass-through that modifies your object's props and creates the required className prop by merging
  * the provided appendClasses(string) and any class names defined inside your props.
  * To you the function just do: {...getClasses (props)}
  * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.
- * @param {*} propList
- * @param {*} appendClasses
+ *
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `getClasses` function or reach out on Slack.
  */
-var getClasses = function getClasses(propList, appendClasses) {
-  var classes = {};
-
-  var props = _clone(propList);
-
-  if (propList.hasOwnProperty("className")) {
-    classes = classnames(propList.className);
+const getClasses = (propList, appendClasses) => {
+  let classes = "";
+  const props = {
+    ...propList
+  };
+  if (propList.className) {
+    classes = propList.className;
     delete props.className;
   }
-
-  if (typeof appendClasses !== "undefined") {
-    classes = classnames(classes, appendClasses);
+  if (appendClasses) {
+    classes = `${classes} ${Array.isArray(appendClasses) ? appendClasses.join(" ") : appendClasses}`.trim();
   }
-
   props.className = classes;
   return props;
 };
+export { getClasses };
 
-export { getClasses };
+//# sourceMappingURL=ClassNames.js.map

package/Helpers/ClassNames.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getClasses","propList","appendClasses","classes","props","className","Array","isArray","join","trim"],"sources":["ClassNames.ts"],"sourcesContent":["/**\n * This is a pass-through that modifies your object's props and creates the required className prop by merging\n * the provided appendClasses(string) and any class names defined inside your props.\n * To you the function just do: {...getClasses (props)}\n * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.\n *\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `getClasses` function or reach out on Slack.\n */\nconst getClasses = (propList: any, appendClasses: string[] | string) => {\n    let classes = \"\";\n    const props = { ...propList };\n    if (propList.className) {\n        classes = propList.className;\n        delete props.className;\n    }\n\n    if (appendClasses) {\n        classes = `${classes} ${\n            Array.isArray(appendClasses) ? appendClasses.join(\" \") : appendClasses\n        }`.trim();\n    }\n\n    props.className = classes;\n\n    return props;\n};\n\nexport { getClasses };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,UAAU,GAAGA,CAACC,QAAa,EAAEC,aAAgC,KAAK;EACpE,IAAIC,OAAO,GAAG,EAAE;EAChB,MAAMC,KAAK,GAAG;IAAE,GAAGH;EAAS,CAAC;EAC7B,IAAIA,QAAQ,CAACI,SAAS,EAAE;IACpBF,OAAO,GAAGF,QAAQ,CAACI,SAAS;IAC5B,OAAOD,KAAK,CAACC,SAAS;EAC1B;EAEA,IAAIH,aAAa,EAAE;IACfC,OAAO,GAAG,GAAGA,OAAO,IAChBG,KAAK,CAACC,OAAO,CAACL,aAAa,CAAC,GAAGA,aAAa,CAACM,IAAI,CAAC,GAAG,CAAC,GAAGN,aAAa,EACxE,CAACO,IAAI,CAAC,CAAC;EACb;EAEAL,KAAK,CAACC,SAAS,GAAGF,OAAO;EAEzB,OAAOC,KAAK;AAChB,CAAC;AAED,SAASJ,UAAU","ignoreList":[]}

package/Helpers/index.js

@@ -1,2 +1,4 @@
 import { getClasses } from "./ClassNames";
-export { getClasses };
+export { getClasses };
+
+//# sourceMappingURL=index.js.map

package/Helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getClasses"],"sources":["index.ts"],"sourcesContent":["import { getClasses } from \"./ClassNames\";\n\nexport { getClasses };\n"],"mappings":"AAAA,SAASA,UAAU;AAEnB,SAASA,UAAU","ignoreList":[]}

package/Icon/Icon.d.ts

@@ -1,24 +1,26 @@
-import * as React from "react";
-export declare type IconProps = {
+import React from "react";
+export type IconProps = {
     /**
      * SvgComponent containing the svg icon
      */
-    icon: React.ReactElement<any>;
+    icon: React.ReactElement;
     /**
      * Optional onclick handler
      */
-    onClick?: Function;
+    onClick?: (value: any) => void;
     /**
      * CSS class to be added to the icon
      */
     className?: string;
     "data-testid"?: string;
+    /**
+     * Aria label
+     */
+    label?: string;
 };
 /**
- * Use Icon component to display an icon.
- * @param props
- * @returns {*}
- * @constructor
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Icon` component from the `@webiny/admin-ui` package instead.
  */
-declare const Icon: (props: IconProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+declare const Icon: (props: IconProps) => React.JSX.Element;
 export { Icon };

package/Icon/Icon.js

@@ -1,26 +1,14 @@
-import * as React from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-var webinyIcon = /*#__PURE__*/css({}, {
-  "&.mdc-button__icon": {
-    marginLeft: 0,
-    width: "inherit",
-    display: "block"
-  }
-}, "label:webinyIcon;");
+import React from "react";
+import { Icon as AdminUiIcon } from "@webiny/admin-ui/Icon";
 /**
- * Use Icon component to display an icon.
- * @param props
- * @returns {*}
- * @constructor
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Icon` component from the `@webiny/admin-ui` package instead.
  */
-
-var Icon = function Icon(props) {
-  return /*#__PURE__*/React.cloneElement(props.icon, {
-    "data-testid": props["data-testid"],
-    className: classNames("mdc-button__icon webiny-ui-icon", webinyIcon, props.className),
-    onClick: props.onClick
-  });
+const Icon = props => {
+  return /*#__PURE__*/React.createElement(AdminUiIcon, Object.assign({}, props, {
+    label: props.label || ""
+  }));
 };
+export { Icon };
 
-export { Icon };
+//# sourceMappingURL=Icon.js.map

package/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","AdminUiIcon","props","createElement","Object","assign","label"],"sources":["Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon as AdminUiIcon } from \"@webiny/admin-ui/Icon\";\n\nexport type IconProps = {\n    /**\n     * SvgComponent containing the svg icon\n     */\n    icon: React.ReactElement;\n\n    /**\n     * Optional onclick handler\n     */\n    onClick?: (value: any) => void;\n\n    /**\n     * CSS class to be added to the icon\n     */\n    className?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n\n    /**\n     * Aria label\n     */\n    label?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Icon` component from the `@webiny/admin-ui` package instead.\n */\nconst Icon = (props: IconProps) => {\n    return <AdminUiIcon {...props} label={props.label || \"\"} />;\n};\n\nexport { Icon };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,WAAW,QAAQ,uBAAuB;AA2B3D;AACA;AACA;AACA;AACA,MAAMD,IAAI,GAAIE,KAAgB,IAAK;EAC/B,oBAAOH,KAAA,CAAAI,aAAA,CAACF,WAAW,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,KAAK,EAAEJ,KAAK,CAACI,KAAK,IAAI;EAAG,EAAE,CAAC;AAC/D,CAAC;AAED,SAASN,IAAI","ignoreList":[]}

package/Icon/index.js

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

package/Icon/index.js.map

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

package/Image/index.d.ts

@@ -1 +1,6 @@
-export * from "./Image";
+import { Image } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Image` component from the `@webiny/admin-ui` package instead.
+ */
+export { Image };

package/Image/index.js

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

package/Image/index.js.map

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

package/ImageEditor/ImageEditor.d.ts

@@ -1,47 +1,30 @@
-import * as React from "react";
-import { ImageEditorTool } from "./toolbar/types";
-export declare type ToolbarTool = "crop" | "flip" | "rotate" | "filter";
-declare type RenderPropArgs = {
-    render: Function;
+import React from "react";
+interface RenderPropArgs {
+    render: () => React.ReactNode;
     getCanvasDataUrl: () => string;
-    activeTool?: ImageEditorTool;
-    applyActiveTool: Function;
-    cancelActiveTool: Function;
-};
-declare type Props = {
+    activeTool: any;
+    applyActiveTool: () => Promise<void>;
+    cancelActiveTool: () => Promise<void>;
+}
+interface ImageEditorPropsPropsOptions {
+    autoEnable: boolean;
+}
+interface ImageEditorProps {
     src: string;
-    tools: ToolbarTool[];
+    tools: any[];
     options?: {
-        [key: string]: any;
+        flip: ImageEditorPropsPropsOptions;
+        filter: ImageEditorPropsPropsOptions;
+        crop: ImageEditorPropsPropsOptions;
+        rotate: ImageEditorPropsPropsOptions;
     };
-    onToolActivate?: Function;
-    onToolDeactivate?: Function;
+    onToolActivate?: () => void;
+    onToolDeactivate?: () => void;
     children?: (props: RenderPropArgs) => React.ReactNode;
-};
-declare type State = {
-    tool?: {
-        [key: string]: any;
-    };
-    src: string;
-};
-declare class ImageEditor extends React.Component<Props, State> {
-    static defaultProps: {
-        tools: string[];
-    };
-    state: {
-        tool: any;
-        src: string;
-    };
-    canvas: React.RefObject<unknown>;
-    image: any;
-    componentDidMount(): void;
-    updateCanvas: () => void;
-    activateTool: (tool: string | ImageEditorTool) => void;
-    deactivateTool: () => void;
-    getCanvasDataUrl: () => string;
-    applyActiveTool: () => Promise<void>;
-    cancelActiveTool: () => Promise<void>;
-    getToolOptions: (tool: ImageEditorTool) => any;
-    render(): {};
 }
-export { ImageEditor };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please check the `ImageEditor` component inside the `@webiny/app-file-manager` package instead.
+ */
+export declare const ImageEditor: ({}: ImageEditorProps) => React.JSX.Element;
+export {};