@webiny/ui 6.0.0-beta.0 → 6.0.0-rc.1

package/Grid/Grid.js

@@ -1,28 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridInner = exports.Grid = exports.Cell = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _grid = require("@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.
  */
-var Cell = exports.Cell = function Cell(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.GridCell, 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);
 };
-var GridInner = exports.GridInner = function GridInner(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.GridRow, props, props.children);
+export const GridInner = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("grid grid-cols-12 gap-6 m-0 flex flex-wrap 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.
  */
-var Grid = exports.Grid = function Grid(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.Grid, props, props.children);
+export const Grid = props => {
+  const {
+    children,
+    style,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiGrid, {
+    className: className,
+    style: style
+  }, children);
 };
 
 //# sourceMappingURL=Grid.js.map

package/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_grid","Cell","exports","props","default","createElement","GridCell","children","GridInner","GridRow","displayName","Grid"],"sources":["Grid.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Grid as RmwcGrid,\n    GridCell as RmwcGridCell,\n    GridRow as RmwcGridInner,\n    GridCellProps as RmwcGridCellProps,\n    GridProps as RmwcGridProps\n} from \"@rmwc/grid\";\nimport { CSSProperties } from \"react\";\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\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Cell must be direct children of Grid component.\n */\nexport const Cell = (props: CellProps) => {\n    return <RmwcGridCell {...props}>{props.children}</RmwcGridCell>;\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 = (props: GridInnerProps) => {\n    return <RmwcGridInner {...props}>{props.children}</RmwcGridInner>;\n};\n\nGridInner.displayName = \"GridInner\";\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n */\nexport const Grid = (props: GridProps) => {\n    return <RmwcGrid {...props}>{props.children}</RmwcGrid>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAwBA;AACA;AACA;AACO,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAgB,EAAK;EACtC,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAM,QAAY,EAAKH,KAAK,EAAGA,KAAK,CAACI,QAAuB,CAAC;AACnE,CAAC;AAYM,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,SAAZA,SAASA,CAAIL,KAAqB,EAAK;EAChD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAS,OAAa,EAAKN,KAAK,EAAGA,KAAK,CAACI,QAAwB,CAAC;AACrE,CAAC;AAEDC,SAAS,CAACE,WAAW,GAAG,WAAW;;AAEnC;AACA;AACA;AACO,IAAMC,IAAI,GAAAT,OAAA,CAAAS,IAAA,GAAG,SAAPA,IAAIA,CAAIR,KAAgB,EAAK;EACtC,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAW,IAAQ,EAAKR,KAAK,EAAGA,KAAK,CAACI,QAAmB,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"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(\"grid grid-cols-12 gap-6 m-0 flex flex-wrap items-stretch\", className)}\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,CAAC,0DAA0D,EAAEO,SAAS;EAAE,IAEpFH,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.d.ts

@@ -1 +1 @@
-export * from "./Grid";
+export * from "./Grid.js";

package/Grid/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Grid = require("./Grid");
-Object.keys(_Grid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Grid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Grid[key];
-    }
-  });
-});
+export * from "./Grid.js";
 
 //# sourceMappingURL=index.js.map

package/Grid/index.js.map

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

package/Helpers/ClassNames.d.ts

@@ -3,9 +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.
- */
-/**
- * TODO @ts-refactor figure out propList type
+ *
+ * @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: string[] | string) => any;
 export { getClasses };

package/Helpers/ClassNames.js

@@ -1,33 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getClasses = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _clone = _interopRequireDefault(require("lodash/clone"));
 /**
  * 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.
+ *
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `getClasses` function or reach out on Slack.
  */
-/**
- * TODO @ts-refactor figure out propList type
- */
-var getClasses = exports.getClasses = function getClasses(propList, appendClasses) {
-  var classes = "";
-  var props = (0, _clone.default)(propList);
-  if (propList.hasOwnProperty("className")) {
-    classes = (0, _classnames.default)(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 = (0, _classnames.default)(classes, appendClasses);
+  if (appendClasses) {
+    classes = `${classes} ${Array.isArray(appendClasses) ? appendClasses.join(" ") : appendClasses}`.trim();
   }
   props.className = classes;
   return props;
 };
+export { getClasses };
 
 //# sourceMappingURL=ClassNames.js.map

package/Helpers/ClassNames.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_clone","getClasses","exports","propList","appendClasses","classes","props","clone","hasOwnProperty","classnames","className"],"sources":["ClassNames.ts"],"sourcesContent":["import classnames from \"classnames\";\nimport clone from \"lodash/clone\";\n\n/**\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/**\n * TODO @ts-refactor figure out propList type\n */\nconst getClasses = (propList: any, appendClasses: string[] | string) => {\n    let classes = \"\";\n    const props = clone(propList);\n    if (propList.hasOwnProperty(\"className\")) {\n        classes = classnames(propList.className);\n        delete props.className;\n    }\n\n    if (typeof appendClasses !== \"undefined\") {\n        classes = classnames(classes, appendClasses);\n    }\n\n    props.className = classes;\n\n    return props;\n};\n\nexport { getClasses };\n"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,QAAa,EAAEC,aAAgC,EAAK;EACpE,IAAIC,OAAO,GAAG,EAAE;EAChB,IAAMC,KAAK,GAAG,IAAAC,cAAK,EAACJ,QAAQ,CAAC;EAC7B,IAAIA,QAAQ,CAACK,cAAc,CAAC,WAAW,CAAC,EAAE;IACtCH,OAAO,GAAG,IAAAI,mBAAU,EAACN,QAAQ,CAACO,SAAS,CAAC;IACxC,OAAOJ,KAAK,CAACI,SAAS;EAC1B;EAEA,IAAI,OAAON,aAAa,KAAK,WAAW,EAAE;IACtCC,OAAO,GAAG,IAAAI,mBAAU,EAACJ,OAAO,EAAED,aAAa,CAAC;EAChD;EAEAE,KAAK,CAACI,SAAS,GAAGL,OAAO;EAEzB,OAAOC,KAAK;AAChB,CAAC","ignoreList":[]}
+{"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.d.ts

@@ -1,2 +1,2 @@
-import { getClasses } from "./ClassNames";
+import { getClasses } from "./ClassNames.js";
 export { getClasses };

package/Helpers/index.js

@@ -1,14 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "getClasses", {
-  enumerable: true,
-  get: function get() {
-    return _ClassNames.getClasses;
-  }
-});
-var _ClassNames = require("./ClassNames");
+import { getClasses } from "./ClassNames.js";
+export { getClasses };
 
 //# sourceMappingURL=index.js.map

package/Helpers/index.js.map

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

package/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type IconProps = {
+export type IconProps = {
     /**
      * SvgComponent containing the svg icon
      */
@@ -13,9 +13,14 @@ export declare type IconProps = {
      */
     className?: string;
     "data-testid"?: string;
+    /**
+     * Aria label
+     */
+    label?: string;
 };
 /**
- * Use Icon component to display an icon.
+ * @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 | React.JSXElementConstructor<any>>;
+declare const Icon: (props: IconProps) => React.JSX.Element;
 export { Icon };

package/Icon/Icon.js

@@ -1,30 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Icon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _classnames = _interopRequireDefault(require("classnames"));
-var webinyIcon = (0, _emotion.css)({}, {
-  "&.mdc-button__icon": {
-    marginLeft: 0,
-    width: "inherit",
-    display: "block"
-  }
-});
-
+import React from "react";
+import { Icon as AdminUiIcon } from "@webiny/admin-ui/Icon/index.js";
 /**
- * Use Icon component to display an icon.
+ * @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 = exports.Icon = function Icon(props) {
-  return /*#__PURE__*/_react.default.cloneElement(props.icon, {
-    "data-testid": props["data-testid"],
-    className: (0, _classnames.default)("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 };
 
 //# sourceMappingURL=Icon.js.map

package/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","webinyIcon","css","marginLeft","width","display","Icon","exports","props","React","cloneElement","icon","className","classNames","onClick"],"sources":["Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\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\nconst webinyIcon = css(\n    {},\n    {\n        \"&.mdc-button__icon\": {\n            marginLeft: 0,\n            width: \"inherit\",\n            display: \"block\"\n        }\n    }\n);\n\n/**\n * Use Icon component to display an icon.\n */\nconst Icon = (props: IconProps) => {\n    return React.cloneElement(props.icon, {\n        \"data-testid\": props[\"data-testid\"],\n        className: classNames(\"mdc-button__icon webiny-ui-icon\", webinyIcon, props.className),\n        onClick: props.onClick\n    });\n};\n\nexport { Icon };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAsBA,IAAMG,UAAU,GAAG,IAAAC,YAAG,EAClB,CAAC,CAAC,EACF;EACI,oBAAoB,EAAE;IAClBC,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE,SAAS;IAChBC,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;;AAED;AACA;AACA;AACA,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAgB,EAAK;EAC/B,oBAAOC,cAAK,CAACC,YAAY,CAACF,KAAK,CAACG,IAAI,EAAE;IAClC,aAAa,EAAEH,KAAK,CAAC,aAAa,CAAC;IACnCI,SAAS,EAAE,IAAAC,mBAAU,EAAC,iCAAiC,EAAEZ,UAAU,EAAEO,KAAK,CAACI,SAAS,CAAC;IACrFE,OAAO,EAAEN,KAAK,CAACM;EACnB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"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/index.js\";\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,gCAAgC;AA2BpE;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.d.ts

@@ -1 +1 @@
-export * from "./Icon";
+export * from "./Icon.js";

package/Icon/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Icon = require("./Icon");
-Object.keys(_Icon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Icon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Icon[key];
-    }
-  });
-});
+export * from "./Icon.js";
 
 //# sourceMappingURL=index.js.map

package/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Icon","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Icon\";\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 \"./Icon.js\";\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,18 +1,9 @@
-"use strict";
+import { Image } from "@webiny/admin-ui";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Image = require("./Image");
-Object.keys(_Image).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Image[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Image[key];
-    }
-  });
-});
+/**
+ * @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

@@ -1 +1 @@
-{"version":3,"names":["_Image","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Image\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"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,9 +1,8 @@
 import React from "react";
-import { ImageEditorTool, ToolbarTool } from "./toolbar/types";
 interface RenderPropArgs {
     render: () => React.ReactNode;
     getCanvasDataUrl: () => string;
-    activeTool: ImageEditorTool | null;
+    activeTool: any;
     applyActiveTool: () => Promise<void>;
     cancelActiveTool: () => Promise<void>;
 }
@@ -12,7 +11,7 @@ interface ImageEditorPropsPropsOptions {
 }
 interface ImageEditorProps {
     src: string;
-    tools: ToolbarTool[];
+    tools: any[];
     options?: {
         flip: ImageEditorPropsPropsOptions;
         filter: ImageEditorPropsPropsOptions;
@@ -23,23 +22,9 @@ interface ImageEditorProps {
     onToolDeactivate?: () => void;
     children?: (props: RenderPropArgs) => React.ReactNode;
 }
-interface ImageEditorState {
-    tool: ImageEditorTool | null;
-    src: string;
-}
-declare class ImageEditor extends React.Component<ImageEditorProps, ImageEditorState> {
-    static defaultProps: Partial<ImageEditorProps>;
-    state: ImageEditorState;
-    canvas: React.RefObject<HTMLCanvasElement>;
-    image?: HTMLImageElement;
-    componentDidMount(): void;
-    private readonly updateCanvas;
-    private readonly activateTool;
-    private readonly deactivateTool;
-    readonly getCanvasDataUrl: () => string;
-    private readonly applyActiveTool;
-    private readonly cancelActiveTool;
-    private readonly getToolOptions;
-    render(): React.ReactNode;
-}
-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 {};