@webiny/app-admin 0.0.0-unstable.e3f4727c56 → 0.0.0-unstable.eb196ccd2f

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-unstable.e3f4727c56",
+	"version": "0.0.0-unstable.eb196ccd2f",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -10,92 +10,102 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.20.13",
 		"@editorjs/editorjs": "2.26.5",
-		"@emotion/core": "10.3.1",
-		"@emotion/styled": "10.3.0",
+		"@emotion/react": "11.10.8",
+		"@emotion/styled": "11.10.6",
+		"@iconify/json": "2.2.271",
+		"@monaco-editor/react": "4.7.0",
 		"@svgr/webpack": "6.5.1",
 		"@types/mime": "2.0.3",
-		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.e3f4727c56",
-		"@webiny/app-security": "0.0.0-unstable.e3f4727c56",
-		"@webiny/app-wcp": "0.0.0-unstable.e3f4727c56",
-		"@webiny/form": "0.0.0-unstable.e3f4727c56",
-		"@webiny/plugins": "0.0.0-unstable.e3f4727c56",
-		"@webiny/react-composition": "0.0.0-unstable.e3f4727c56",
-		"@webiny/react-router": "0.0.0-unstable.e3f4727c56",
-		"@webiny/telemetry": "0.0.0-unstable.e3f4727c56",
-		"@webiny/ui": "0.0.0-unstable.e3f4727c56",
-		"@webiny/ui-composer": "0.0.0-unstable.e3f4727c56",
-		"@webiny/validation": "0.0.0-unstable.e3f4727c56",
+		"@types/react": "18.2.79",
+		"@webiny/admin-ui": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/app": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/app-security": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/app-theme": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/app-wcp": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/form": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/icons": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/lexical-editor": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/lexical-theme": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/plugins": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/react-composition": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/react-properties": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/react-router": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/telemetry": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/ui": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/ui-composer": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/utils": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/validation": "0.0.0-unstable.eb196ccd2f",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
-		"bytes": "3.1.2",
-		"classnames": "2.3.2",
-		"dataurl-to-blob": "0.0.1",
-		"dayjs": "1.11.7",
+		"classnames": "2.5.1",
 		"dot-prop-immutable": "2.1.1",
-		"downshift": "3.4.8",
 		"emotion": "10.0.27",
 		"graphlib": "2.1.8",
-		"graphql": "15.8.0",
+		"graphql": "15.9.0",
 		"graphql-tag": "2.12.6",
-		"invariant": "2.2.4",
+		"is-hotkey": "0.2.0",
 		"lodash": "4.17.21",
-		"mime": "2.6.0",
-		"minimatch": "5.1.6",
-		"nanoid": "3.3.4",
+		"mobx": "6.9.0",
+		"mobx-react-lite": "3.4.3",
 		"prop-types": "15.8.1",
-		"react": "17.0.2",
-		"react-butterfiles": "1.3.3",
-		"react-dom": "17.0.2",
-		"react-hotkeyz": "1.0.4",
-		"react-lazy-load": "3.1.14",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"react-draggable": "4.4.6",
+		"react-resizable": "3.0.5",
+		"react-resizable-panels": "2.0.19",
 		"react-transition-group": "4.4.5",
-		"store": "2.0.12"
+		"react-virtualized": "9.22.5",
+		"reset-css": "5.0.2",
+		"store": "2.0.12",
+		"tinycolor2": "1.6.0",
+		"unicode-emoji-json": "0.4.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/bytes": "^3.1.1",
-		"@types/graphlib": "^2.1.8",
-		"@types/store": "^2.0.2",
-		"@webiny/cli": "^0.0.0-unstable.e3f4727c56",
-		"@webiny/project-utils": "^0.0.0-unstable.e3f4727c56",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "4.7.4"
+		"@emotion/babel-plugin": "11.11.0",
+		"@types/bytes": "3.1.5",
+		"@types/graphlib": "2.1.12",
+		"@types/is-hotkey": "0.1.10",
+		"@types/react-resizable": "3.0.8",
+		"@types/react-transition-group": "4.4.12",
+		"@types/store": "2.0.2",
+		"@types/tinycolor2": "1.4.6",
+		"@webiny/cli": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
+		"monaco-editor": "0.52.2",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
 	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
 	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
 				"@svgr/webpack",
-				"@emotion/core",
-				"@types/mime"
+				"@iconify/json",
+				"unicode-emoji-json",
+				"@emotion/react",
+				"@types/mime",
+				"reset-css",
+				"unicode-emoji-json"
+			],
+			"devDependencies": [
+				"monaco-editor"
 			],
 			"peerDependencies": [
 				"react-dom"
 			]
 		}
 	},
-	"gitHead": "e3f4727c567484dc53e1efceacfb37dbacd7f4de"
+	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
 }

package/plugins/MenuPlugin.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 import { Plugin } from "@webiny/plugins";
 export interface MenuProps {
     name: string;

package/plugins/MenuPlugin.js

@@ -1,43 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuPlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _plugins = require("@webiny/plugins");
-var MenuPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(MenuPlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(MenuPlugin);
-  function MenuPlugin(config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, MenuPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
-    _this._config = config || {};
-    return _this;
+import { Plugin } from "@webiny/plugins";
+export class MenuPlugin extends Plugin {
+  static type = "admin-menu";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-  (0, _createClass2.default)(MenuPlugin, [{
-    key: "order",
-    get: function get() {
-      return this._config.order;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!this._config.render) {
-        return null;
-      }
-      return this._config.render(props);
+  get order() {
+    return this._config.order;
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-  return MenuPlugin;
-}(_plugins.Plugin);
-exports.MenuPlugin = MenuPlugin;
-(0, _defineProperty2.default)(MenuPlugin, "type", "admin-menu");
+    return this._config.render(props);
+  }
+}
+
+//# sourceMappingURL=MenuPlugin.js.map

package/plugins/MenuPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuPlugin","config","_config","order","props","render","Plugin"],"sources":["MenuPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAkC5BA,UAAU;EAAA;EAAA;EAInB,oBAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAY;MACR,OAAO,IAAI,CAACC,OAAO,CAACC,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAY,EAAmB;MACzC,IAAI,CAAC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlB2BE,eAAM;AAAA;AAAA,8BAAzBN,UAAU,UAC4B,YAAY"}
+{"version":3,"names":["Plugin","MenuPlugin","type","constructor","config","_config","order","render","props"],"sources":["MenuPlugin.ts"],"sourcesContent":["import type * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAkCxC,OAAO,MAAMC,UAAU,SAASD,MAAM,CAAC;EACnC,OAAgCE,IAAI,GAAW,YAAY;EAGpDC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,OAAO,CAACC,KAAK;EAC7B;EAEOC,MAAMA,CAACC,KAAY,EAAmB;IACzC,IAAI,CAAC,IAAI,CAACH,OAAO,CAACE,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACF,OAAO,CAACE,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}

package/plugins/PermissionRendererPlugin.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Permission {
     name: string;

package/plugins/PermissionRendererPlugin.js

@@ -1,43 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PermissionRendererPlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _plugins = require("@webiny/plugins");
-var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(PermissionRendererPlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(PermissionRendererPlugin);
-  function PermissionRendererPlugin(config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, PermissionRendererPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
-    _this._config = config || {};
-    return _this;
+import { Plugin } from "@webiny/plugins";
+export class PermissionRendererPlugin extends Plugin {
+  static type = "admin-app-permissions-renderer";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-  (0, _createClass2.default)(PermissionRendererPlugin, [{
-    key: "system",
-    get: function get() {
-      return Boolean(this._config.system);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!this._config.render) {
-        return null;
-      }
-      return this._config.render(props);
+  get system() {
+    return Boolean(this._config.system);
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-  return PermissionRendererPlugin;
-}(_plugins.Plugin);
-exports.PermissionRendererPlugin = PermissionRendererPlugin;
-(0, _defineProperty2.default)(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
+    return this._config.render(props);
+  }
+}
+
+//# sourceMappingURL=PermissionRendererPlugin.js.map

package/plugins/PermissionRendererPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["PermissionRendererPlugin","config","_config","Boolean","system","props","render","Plugin"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAiB5BA,wBAAwB;EAAA;EAAA;EAIjC,kCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAOE,OAAO,CAAC,IAAI,CAACD,OAAO,CAACE,MAAM,CAAC;IACvC;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAmB,EAA6B;MAC1D,IAAI,CAAC,IAAI,CAACH,OAAO,CAACI,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,OAAO,CAACI,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlByCE,eAAM;AAAA;AAAA,8BAAvCP,wBAAwB,UACc,gCAAgC"}
+{"version":3,"names":["Plugin","PermissionRendererPlugin","type","constructor","config","_config","system","Boolean","render","props"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import type React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAiBxC,OAAO,MAAMC,wBAAwB,SAASD,MAAM,CAAC;EACjD,OAAgCE,IAAI,GAAW,gCAAgC;EAGxEC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,MAAMA,CAAA,EAAY;IAClB,OAAOC,OAAO,CAAC,IAAI,CAACF,OAAO,CAACC,MAAM,CAAC;EACvC;EAEOE,MAAMA,CAACC,KAAmB,EAA6B;IAC1D,IAAI,CAAC,IAAI,CAACJ,OAAO,CAACG,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}

package/plugins/uiLayoutRenderer/index.js

@@ -1,61 +1,53 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uiLayoutPlugin = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _UILayout = require("../../ui/UILayout");
+import React, { Fragment } from "react";
+import { Cell, Grid, GridInner } from "@webiny/ui/Grid";
+import { UILayoutPlugin } from "../../ui/UILayout";
 function getElementKey(element) {
-  return "".concat(element.constructor.name, ":").concat(element.id);
+  return `${element.constructor.name}:${element.id}`;
 }
-var ElementID = function ElementID(_ref) {
-  var children = _ref.children;
+const ElementID = ({
+  children
+}) => {
   return children;
 };
-var uiLayoutPlugin = new _UILayout.UILayoutPlugin(function (layout) {
-  layout.setRenderer(function (_ref2) {
-    var layout = _ref2.layout,
-      props = _ref2.props,
-      hasParentGrid = _ref2.hasParentGrid;
+export const uiLayoutPlugin = new UILayoutPlugin(layout => {
+  layout.setRenderer(({
+    layout,
+    props,
+    hasParentGrid
+  }) => {
     if (!layout.getGrid()) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, layout.getLayout().map(function (row, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-          key: index
-        }, row.map(function (item) {
-          var element = layout.getElement(item.element);
-          if (!element) {
-            console.warn("Element \"".concat(item.element, "\" was not found!"));
-            return null;
-          }
-          if (!element.shouldRender(props)) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.createElement(ElementID, {
-            key: getElementKey(element)
-          }, element.render(props));
-        }));
-      }));
-    }
-    var GridComponent = hasParentGrid ? _Grid.GridInner : _Grid.Grid;
-    return /*#__PURE__*/_react.default.createElement(GridComponent, null, layout.getLayout().map(function (row, index) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      return /*#__PURE__*/React.createElement(Fragment, null, layout.getLayout().map((row, index) => /*#__PURE__*/React.createElement(Fragment, {
         key: index
-      }, row.map(function (item) {
-        var element = layout.getElement(item.element);
+      }, row.map(item => {
+        const element = layout.getElement(item.element);
+        if (!element) {
+          console.warn(`Element "${item.element}" was not found!`);
+          return null;
+        }
         if (!element.shouldRender(props)) {
           return null;
         }
-        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          key: item.element,
-          span: item.width
-        }, /*#__PURE__*/_react.default.createElement(ElementID, {
+        return /*#__PURE__*/React.createElement(ElementID, {
           key: getElementKey(element)
-        }, element.render(props)));
-      }));
-    }));
+        }, element.render(props));
+      }))));
+    }
+    const GridComponent = hasParentGrid ? GridInner : Grid;
+    return /*#__PURE__*/React.createElement(GridComponent, null, layout.getLayout().map((row, index) => /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, row.map(item => {
+      const element = layout.getElement(item.element);
+      if (!element.shouldRender(props)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        key: item.element,
+        span: item.width
+      }, /*#__PURE__*/React.createElement(ElementID, {
+        key: getElementKey(element)
+      }, element.render(props)));
+    }))));
   });
 });
-exports.uiLayoutPlugin = uiLayoutPlugin;
+
+//# sourceMappingURL=index.js.map

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["getElementKey","element","constructor","name","id","ElementID","children","uiLayoutPlugin","UILayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","getLayout","map","row","index","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGA,SAASA,aAAa,CAACC,OAAkB,EAAE;EACvC,iBAAUA,OAAO,CAACC,WAAW,CAACC,IAAI,cAAIF,OAAO,CAACG,EAAE;AACpD;AAEA,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACnC,OAAOA,QAAQ;AACnB,CAAC;AAEM,IAAMC,cAAc,GAAG,IAAIC,wBAAc,CAAC,UAAAC,MAAM,EAAI;EACvDA,MAAM,CAACC,WAAW,CAAC,iBAAsC;IAAA,IAAnCD,MAAM,SAANA,MAAM;MAAEE,KAAK,SAALA,KAAK;MAAEC,aAAa,SAAbA,aAAa;IAC9C,IAAI,CAACH,MAAM,CAACI,OAAO,EAAE,EAAE;MACnB,oBACI,6BAAC,eAAQ,QACJJ,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;QAAA,oBAC/B,6BAAC,eAAQ;UAAC,GAAG,EAAEA;QAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;UACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;UAE/C,IAAI,CAACA,OAAO,EAAE;YACVmB,OAAO,CAACC,IAAI,qBAAaH,IAAI,CAACjB,OAAO,uBAAmB;YACxD,OAAO,IAAI;UACf;UAEA,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;YAC9B,OAAO,IAAI;UACf;UAEA,oBACI,6BAAC,SAAS;YAAC,GAAG,EAAEX,aAAa,CAACC,OAAO;UAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd;QAEpB,CAAC,CAAC,CACK;MAAA,CACd,CAAC,CACK;IAEnB;IAEA,IAAMa,aAAa,GAAGZ,aAAa,GAAGa,eAAS,GAAGC,UAAI;IAEtD,oBACI,6BAAC,aAAa,QACTjB,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,oBAC/B,6BAAC,eAAQ;QAAC,GAAG,EAAEA;MAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;QACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;QAC/C,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;UAC9B,OAAO,IAAI;QACf;QACA,oBACI,6BAAC,UAAI;UAAC,GAAG,EAAEO,IAAI,CAACjB,OAAQ;UAAC,IAAI,EAAEiB,IAAI,CAACS;QAAM,gBACtC,6BAAC,SAAS;UAAC,GAAG,EAAE3B,aAAa,CAACC,OAAO;QAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd,CACT;MAEf,CAAC,CAAC,CACK;IAAA,CACd,CAAC,CACU;EAExB,CAAC,CAAC;AACN,CAAC,CAAC;AAAC"}
+{"version":3,"names":["React","Fragment","Cell","Grid","GridInner","UILayoutPlugin","getElementKey","element","constructor","name","id","ElementID","children","uiLayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","createElement","getLayout","map","row","index","key","item","getElement","console","warn","shouldRender","render","GridComponent","span","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport type { UIElement } from \"~/ui/UIElement\";\n\ninterface ElementIDProps {\n    children: React.ReactNode;\n}\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID = ({ children }: ElementIDProps) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,iBAAiB;AACvD,SAASC,cAAc;AAOvB,SAASC,aAAaA,CAACC,OAAkB,EAAE;EACvC,OAAO,GAAGA,OAAO,CAACC,WAAW,CAACC,IAAI,IAAIF,OAAO,CAACG,EAAE,EAAE;AACtD;AAEA,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAChD,OAAOA,QAAQ;AACnB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,IAAIR,cAAc,CAACS,MAAM,IAAI;EACvDA,MAAM,CAACC,WAAW,CAAC,CAAC;IAAED,MAAM;IAAEE,KAAK;IAAEC;EAAc,CAAC,KAAK;IACrD,IAAI,CAACH,MAAM,CAACI,OAAO,CAAC,CAAC,EAAE;MACnB,oBACIlB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ,QACJa,MAAM,CAACM,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAC/BvB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;QAACuB,GAAG,EAAED;MAAM,GAChBD,GAAG,CAACD,GAAG,CAACI,IAAI,IAAI;QACb,MAAMlB,OAAO,GAAGO,MAAM,CAACY,UAAU,CAACD,IAAI,CAAClB,OAAO,CAAC;QAE/C,IAAI,CAACA,OAAO,EAAE;UACVoB,OAAO,CAACC,IAAI,CAAC,YAAYH,IAAI,CAAClB,OAAO,kBAAkB,CAAC;UACxD,OAAO,IAAI;QACf;QAEA,IAAI,CAACA,OAAO,CAACsB,YAAY,CAACb,KAAK,CAAC,EAAE;UAC9B,OAAO,IAAI;QACf;QAEA,oBACIhB,KAAA,CAAAmB,aAAA,CAACR,SAAS;UAACa,GAAG,EAAElB,aAAa,CAACC,OAAO;QAAE,GAClCA,OAAO,CAACuB,MAAM,CAACd,KAAK,CACd,CAAC;MAEpB,CAAC,CACK,CACb,CACK,CAAC;IAEnB;IAEA,MAAMe,aAAa,GAAGd,aAAa,GAAGb,SAAS,GAAGD,IAAI;IAEtD,oBACIH,KAAA,CAAAmB,aAAA,CAACY,aAAa,QACTjB,MAAM,CAACM,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAC/BvB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;MAACuB,GAAG,EAAED;IAAM,GAChBD,GAAG,CAACD,GAAG,CAACI,IAAI,IAAI;MACb,MAAMlB,OAAO,GAAGO,MAAM,CAACY,UAAU,CAACD,IAAI,CAAClB,OAAO,CAAC;MAC/C,IAAI,CAACA,OAAO,CAACsB,YAAY,CAACb,KAAK,CAAC,EAAE;QAC9B,OAAO,IAAI;MACf;MACA,oBACIhB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;QAACsB,GAAG,EAAEC,IAAI,CAAClB,OAAQ;QAACyB,IAAI,EAAEP,IAAI,CAACQ;MAAM,gBACtCjC,KAAA,CAAAmB,aAAA,CAACR,SAAS;QAACa,GAAG,EAAElB,aAAa,CAACC,OAAO;MAAE,GAClCA,OAAO,CAACuB,MAAM,CAACd,KAAK,CACd,CACT,CAAC;IAEf,CAAC,CACK,CACb,CACU,CAAC;EAExB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/styles.scss

@@ -1,2 +1,7 @@
-@import "./styles/theme";
-@import "./styles/material";
+// ⚠️ DEPRECATED STYLESHEET ⚠️
+//
+// This SCSS file is no longer in use.
+// We no longer rely on @material theming or component styling.
+//
+// If you're still importing this file, it can be safely removed.
+// Refer to the updated design system and theming approach from @webiny/admin-ui for current styling practices.

package/types.d.ts

@@ -1,75 +1,24 @@
-import React, { ReactElement } from "react";
-import { Plugin } from "@webiny/plugins/types";
-import { ApolloClient } from "apollo-client";
-import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
-declare type RenderParams = {
-    content: React.ReactNode;
-};
-export declare type AdminGlobalSearchPlugin = Plugin & {
-    type: "admin-global-search";
-    label: string;
-    route: string;
-    search?: {
-        operator?: "and" | "or";
-        fields?: Array<string>;
-    };
-};
-export declare type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {
-    type: "admin-global-search-prevent-hotkey";
-    preventOpen(e: React.KeyboardEvent): boolean | void;
-};
-export declare type AdminDrawerFooterMenuPlugin = Plugin & {
-    type: "admin-drawer-footer-menu";
-    render(params: any): React.ReactElement;
-};
-/**
- * LEGACY TYPE. Only for backwards compatibility.
- */
-export declare type AdminMenuLogoPlugin = Plugin & {
-    name: "admin-menu-logo";
-    type: "admin-menu-logo";
-    render(): React.ReactElement;
-};
-export declare type AdminHeaderUserMenuPlugin = Plugin & {
-    type: "admin-header-user-menu";
-    render(): React.ReactElement;
-};
-/**
- * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu
- */
-export declare type AdminMenuPlugin = Plugin & {
-    type: "admin-menu";
-    render(props: {
-        Menu: React.ComponentType<MenuProps>;
-        Section: React.ComponentType<SectionProps>;
-        Item: React.ComponentType<ItemProps>;
-    }): React.ReactNode;
-    order?: number;
-};
-/**
- * Enables adding custom header elements to the right side of the top bar.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right
- */
-export declare type AdminHeaderRightPlugin = Plugin & {
-    type: "admin-header-right";
-    render(params: RenderParams): React.ReactNode;
-};
+import type { ReactElement } from "react";
+import type React from "react";
+import type { Plugin } from "@webiny/plugins/types";
+import type { ApolloClient } from "apollo-client";
+import type { SecurityPermission } from "@webiny/app-security/types";
+export { Icon } from "./components/IconPicker/types";
 export interface AdminFileManagerFileTypePluginRenderParams {
-    file: string;
+    file: FileItem;
 }
-export declare type AdminFileManagerFileTypePlugin = Plugin & {
+export type AdminFileManagerFileTypePlugin = Plugin & {
     type: "admin-file-manager-file-type";
     types: string[];
     render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;
     fileDetails?: {
-        actions: Array<React.FC | React.Component>;
+        actions: Array<React.ComponentType | React.Component>;
     };
 };
 export interface AdminInstallationPluginRenderParams {
     onInstalled: () => Promise<void>;
 }
-export declare type AdminInstallationPlugin = Plugin & {
+export type AdminInstallationPlugin = Plugin & {
     type: "admin-installation";
     getInstalledVersion(params: {
         client: ApolloClient<object>;
@@ -79,9 +28,55 @@ export declare type AdminInstallationPlugin = Plugin & {
     secure: boolean;
     render(params: AdminInstallationPluginRenderParams): React.ReactNode;
 };
-export declare type AdminAppPermissionRendererPlugin = Plugin & {
+export type AdminAppPermissionRendererPlugin = Plugin & {
     type: "admin-app-permissions-renderer";
     system?: boolean;
     render(params: any): ReactElement;
 };
-export {};
+/**
+ * Represents a file as we receive from the GraphQL API.
+ */
+export interface FileItem {
+    id: string;
+    name: string;
+    key: string;
+    src: string;
+    size: number;
+    type: string;
+    tags: string[];
+    aliases: string[];
+    createdOn: string;
+    createdBy: {
+        id: string;
+        displayName: string;
+    };
+    savedOn: string;
+    savedBy: {
+        id: string;
+        displayName: string;
+    };
+    modifiedOn: string;
+    modifiedBy: {
+        id: string;
+        displayName: string;
+    };
+    location: {
+        folderId: string;
+    };
+    meta?: {
+        private?: boolean;
+        width?: number;
+        height?: number;
+    };
+    accessControl?: {
+        type: "public" | "private-authenticated";
+    };
+    extensions?: Record<string, any>;
+}
+export interface FileManagerSecurityPermission extends SecurityPermission {
+    rwd?: string;
+    own?: boolean;
+}
+export type ComponentWithChildren = React.ComponentType<{
+    children?: React.ReactNode;
+}>;

package/types.js

@@ -1,5 +1,7 @@
-"use strict";
+export { Icon } from "./components/IconPicker/types";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/**
+ * Represents a file as we receive from the GraphQL API.
+ */
+
+//# sourceMappingURL=types.js.map