@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/index.js

@@ -0,0 +1,53 @@
+export * from "@webiny/app";
+// UI components
+export * from "./base/ui/Tags";
+export * from "./base/ui/Layout";
+export * from "./base/ui/LocaleSelector";
+export * from "./base/ui/TenantSelector";
+export * from "./base/ui/Navigation";
+export * from "./base/ui/Brand";
+export * from "./base/ui/Logo";
+export * from "./base/ui/UserMenu";
+export * from "./base/ui/LoginScreen";
+export * from "./base/ui/CenteredView";
+export * from "./base/ui/Dashboard";
+export * from "./base/ui/NotFound";
+
+// Base admin app
+export { Admin } from "./base/Admin";
+export * from "./config/AdminConfig";
+export { useViewComposition } from "./base/providers/ViewCompositionProvider";
+// Plugins
+export * from "./base/plugins/AddGraphQLQuerySelection";
+export * from "./plugins/PermissionRendererPlugin";
+
+// Components
+export { AppInstaller } from "./components/AppInstaller";
+export * from "./components/Buttons";
+export { DialogsProvider } from "./components/Dialogs/DialogsContext";
+export * from "./components/OptionsMenu";
+export * from "./components/Filters";
+export * from "./components/BulkActions";
+export * from "./components/ResizablePanels";
+export { OverlayLayout } from "./components/OverlayLayout";
+export { default as SingleImageUpload } from "./components/SingleImageUpload";
+export { LexicalEditor } from "./components/LexicalEditor/LexicalEditor";
+export { Wcp } from "./components/Wcp";
+export * from "./components/IconPicker";
+export { FileManager, FileManagerRenderer } from "./base/ui/FileManager";
+// Hooks
+export * from "./hooks";
+export { useWcp } from "@webiny/app-wcp";
+// Theme
+export { useTheme, ThemeProvider } from "@webiny/app-theme";
+export * from "@webiny/app/renderApp";
+
+// Exporting chosen utils from `@webiny/app` package.
+export * from "@webiny/app/utils/getApiUrl";
+export * from "@webiny/app/utils/getGqlApiUrl";
+export * from "@webiny/app/utils/getHeadlessCmsGqlApiUrl";
+export * from "@webiny/app/utils/getLocaleCode";
+export * from "@webiny/app/utils/getTenantId";
+export * from "@webiny/app/utils/isLocalhost";
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Admin","useViewComposition","AppInstaller","DialogsProvider","OverlayLayout","default","SingleImageUpload","LexicalEditor","Wcp","FileManager","FileManagerRenderer","useWcp","useTheme","ThemeProvider"],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app\";\nexport type { HigherOrderComponent, ProviderProps, ComposeProps } from \"@webiny/app\";\n// UI components\nexport * from \"./base/ui/Tags\";\nexport * from \"./base/ui/Layout\";\nexport * from \"./base/ui/LocaleSelector\";\nexport * from \"./base/ui/TenantSelector\";\nexport type { LayoutProps } from \"./base/ui/Layout\";\nexport * from \"./base/ui/Navigation\";\nexport * from \"./base/ui/Brand\";\nexport * from \"./base/ui/Logo\";\nexport * from \"./base/ui/UserMenu\";\nexport * from \"./base/ui/LoginScreen\";\nexport * from \"./base/ui/CenteredView\";\nexport * from \"./base/ui/Dashboard\";\nexport * from \"./base/ui/NotFound\";\n\n// Base admin app\nexport { Admin } from \"./base/Admin\";\nexport * from \"./config/AdminConfig\";\n\nexport type { AdminProps } from \"./base/Admin\";\nexport { useViewComposition } from \"./base/providers/ViewCompositionProvider\";\nexport type { ViewCompositionContext, ViewElement } from \"./base/providers/ViewCompositionProvider\";\n\n// Plugins\nexport * from \"./base/plugins/AddGraphQLQuerySelection\";\nexport * from \"./plugins/PermissionRendererPlugin\";\n\n// Components\nexport { AppInstaller } from \"./components/AppInstaller\";\nexport * from \"./components/Buttons\";\nexport { DialogsProvider } from \"./components/Dialogs/DialogsContext\";\nexport * from \"./components/OptionsMenu\";\nexport * from \"./components/Filters\";\nexport * from \"./components/BulkActions\";\nexport * from \"./components/ResizablePanels\";\nexport { OverlayLayout, type OverlayLayoutProps } from \"./components/OverlayLayout\";\nexport {\n    default as SingleImageUpload,\n    type SingleImageUploadProps\n} from \"./components/SingleImageUpload\";\nexport { LexicalEditor } from \"./components/LexicalEditor/LexicalEditor\";\nexport { Wcp } from \"./components/Wcp\";\nexport * from \"./components/IconPicker\";\n\nexport { FileManager, FileManagerRenderer } from \"./base/ui/FileManager\";\nexport type {\n    FileManagerProps,\n    FileManagerRendererProps,\n    FileManagerFileItem,\n    FileManagerOnChange\n} from \"./base/ui/FileManager\";\n\n// Hooks\nexport * from \"./hooks\";\nexport { useWcp } from \"@webiny/app-wcp\";\nexport type { AaclPermission } from \"@webiny/app-wcp/types\";\n\n// Theme\nexport { useTheme, ThemeProvider } from \"@webiny/app-theme\";\n\nexport * from \"@webiny/app/renderApp\";\n\n// Exporting chosen utils from `@webiny/app` package.\nexport * from \"@webiny/app/utils/getApiUrl\";\nexport * from \"@webiny/app/utils/getGqlApiUrl\";\nexport * from \"@webiny/app/utils/getHeadlessCmsGqlApiUrl\";\nexport * from \"@webiny/app/utils/getLocaleCode\";\nexport * from \"@webiny/app/utils/getTenantId\";\nexport * from \"@webiny/app/utils/isLocalhost\";\n"],"mappings":"AAAA,cAAc,aAAa;AAE3B;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,KAAK;AACd;AAGA,SAASC,kBAAkB;AAG3B;AACA;AACA;;AAEA;AACA,SAASC,YAAY;AACrB;AACA,SAASC,eAAe;AACxB;AACA;AACA;AACA;AACA,SAASC,aAAa;AACtB,SACIC,OAAO,IAAIC,iBAAiB;AAGhC,SAASC,aAAa;AACtB,SAASC,GAAG;AACZ;AAEA,SAASC,WAAW,EAAEC,mBAAmB;AAQzC;AACA;AACA,SAASC,MAAM,QAAQ,iBAAiB;AAGxC;AACA,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAE3D,cAAc,uBAAuB;;AAErC;AACA,cAAc,6BAA6B;AAC3C,cAAc,gCAAgC;AAC9C,cAAc,2CAA2C;AACzD,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-mt-3",
+	"version": "0.0.0-unstable.06b2ede40f",
 	"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-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.15.4",
-		"@editorjs/editorjs": "2.22.3",
-		"@emotion/core": "10.1.1",
-		"@emotion/styled": "10.0.27",
-		"@svgr/webpack": "4.3.3",
+		"@editorjs/editorjs": "2.26.5",
+		"@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": "16.14.2",
-		"@webiny/app": "0.0.0-mt-3",
-		"@webiny/app-security": "0.0.0-mt-3",
-		"@webiny/form": "0.0.0-mt-3",
-		"@webiny/plugins": "0.0.0-mt-3",
-		"@webiny/react-router": "0.0.0-mt-3",
-		"@webiny/ui": "0.0.0-mt-3",
-		"@webiny/ui-composer": "0.0.0-mt-3",
-		"@webiny/validation": "0.0.0-mt-3",
+		"@types/react": "18.2.79",
+		"@webiny/admin-ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-security": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-theme": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-wcp": "0.0.0-unstable.06b2ede40f",
+		"@webiny/form": "0.0.0-unstable.06b2ede40f",
+		"@webiny/icons": "0.0.0-unstable.06b2ede40f",
+		"@webiny/lexical-editor": "0.0.0-unstable.06b2ede40f",
+		"@webiny/lexical-theme": "0.0.0-unstable.06b2ede40f",
+		"@webiny/plugins": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-composition": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-properties": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-router": "0.0.0-unstable.06b2ede40f",
+		"@webiny/telemetry": "0.0.0-unstable.06b2ede40f",
+		"@webiny/ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/ui-composer": "0.0.0-unstable.06b2ede40f",
+		"@webiny/utils": "0.0.0-unstable.06b2ede40f",
+		"@webiny/validation": "0.0.0-unstable.06b2ede40f",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
-		"bytes": "3.1.0",
-		"classnames": "2.3.1",
-		"dataurl-to-blob": "0.0.1",
-		"dayjs": "1.10.7",
+		"classnames": "2.5.1",
 		"dot-prop-immutable": "2.1.1",
-		"downshift": "3.4.8",
 		"emotion": "10.0.27",
 		"graphlib": "2.1.8",
-		"graphql": "14.7.0",
-		"graphql-tag": "2.12.5",
-		"invariant": "2.2.4",
+		"graphql": "15.9.0",
+		"graphql-tag": "2.12.6",
+		"is-hotkey": "0.2.0",
 		"lodash": "4.17.21",
-		"mime": "2.5.2",
-		"minimatch": "3.0.4",
-		"nanoid": "3.1.29",
-		"prop-types": "15.7.2",
-		"react": "16.14.0",
-		"react-butterfiles": "1.3.3",
-		"react-dom": "16.14.0",
-		"react-helmet": "5.2.1",
-		"react-hotkeyz": "1.0.4",
-		"react-lazy-load": "3.1.13",
-		"react-transition-group": "4.4.2",
-		"semver": "7.3.5",
-		"store": "2.0.12"
+		"mobx": "6.9.0",
+		"mobx-react-lite": "3.4.3",
+		"prop-types": "15.8.1",
+		"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",
+		"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.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.8.3",
-		"@webiny/cli": "^0.0.0-mt-3",
-		"@webiny/project-utils": "^0.0.0-mt-3",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"@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.06b2ede40f",
+		"@webiny/project-utils": "0.0.0-unstable.06b2ede40f",
+		"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"
-	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
+		"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": "ebea815be2be99404591cba465cc1fe88355bd48"
+	"gitHead": "06b2ede40fc2212a70eeafd74afd50b56fb0ce82"
 }

package/plugins/MenuPlugin.d.ts

@@ -1,6 +1,23 @@
-import * as React from "react";
+import type * as React from "react";
 import { Plugin } from "@webiny/plugins";
-import { ItemProps, MenuProps, SectionProps } from "../ui/views/NavigationView/legacyMenu";
+export interface MenuProps {
+    name: string;
+    label: React.ReactNode;
+    icon: React.ReactElement;
+    children: React.ReactNode;
+    onClick?: (toggleSection: () => void) => void;
+}
+export interface SectionProps {
+    label: React.ReactNode;
+    children: React.ReactNode;
+    icon?: React.ReactElement;
+}
+export interface ItemProps {
+    label: React.ReactNode;
+    path: string;
+    style?: React.CSSProperties;
+    onClick?: () => any;
+}
 interface Props {
     Menu: React.ComponentType<MenuProps>;
     Section: React.ComponentType<SectionProps>;
@@ -11,10 +28,10 @@ interface Config {
     order?: number;
 }
 export declare class MenuPlugin extends Plugin {
-    static readonly type = "admin-menu";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config);
-    get order(): number;
-    render(props: any): React.ReactNode;
+    get order(): number | undefined;
+    render(props: Props): React.ReactNode;
 }
 export {};

package/plugins/MenuPlugin.js

@@ -1,41 +1,19 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Plugin } from "@webiny/plugins";
-export var MenuPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(MenuPlugin, _Plugin);
-
-  var _super = _createSuper(MenuPlugin);
-
-  function MenuPlugin(config) {
-    var _this;
-
-    _classCallCheck(this, MenuPlugin);
-
-    _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
-    _this._config = config || {};
-    return _this;
+export class MenuPlugin extends Plugin {
+  static type = "admin-menu";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-
-  _createClass(MenuPlugin, [{
-    key: "order",
-    get: function get() {
-      return this._config.order;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return this._config.render(props);
+  get order() {
+    return this._config.order;
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-
-  return MenuPlugin;
-}(Plugin);
+    return this._config.render(props);
+  }
+}
 
-_defineProperty(MenuPlugin, "type", "admin-menu");
+//# sourceMappingURL=MenuPlugin.js.map

package/plugins/MenuPlugin.js.map

@@ -0,0 +1 @@
+{"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 * as React from "react";
+import type React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Permission {
     name: string;
@@ -13,10 +13,10 @@ interface Config {
     system?: boolean;
 }
 export declare class PermissionRendererPlugin extends Plugin {
-    static readonly type = "admin-app-permissions-renderer";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config);
     get system(): boolean;
-    render(props: RenderParams): React.ReactElement;
+    render(props: RenderParams): React.ReactElement | null;
 }
 export {};

package/plugins/PermissionRendererPlugin.js

@@ -1,41 +1,19 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Plugin } from "@webiny/plugins";
-export var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(PermissionRendererPlugin, _Plugin);
-
-  var _super = _createSuper(PermissionRendererPlugin);
-
-  function PermissionRendererPlugin(config) {
-    var _this;
-
-    _classCallCheck(this, PermissionRendererPlugin);
-
-    _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
-    _this._config = config || {};
-    return _this;
+export class PermissionRendererPlugin extends Plugin {
+  static type = "admin-app-permissions-renderer";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-
-  _createClass(PermissionRendererPlugin, [{
-    key: "system",
-    get: function get() {
-      return Boolean(this._config.system);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return this._config.render(props);
+  get system() {
+    return Boolean(this._config.system);
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-
-  return PermissionRendererPlugin;
-}(Plugin);
+    return this._config.render(props);
+  }
+}
 
-_defineProperty(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
+//# sourceMappingURL=PermissionRendererPlugin.js.map

package/plugins/PermissionRendererPlugin.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,3 +1,2 @@
 import { UILayoutPlugin } from "../../ui/UILayout";
-declare const _default: UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout>;
-export default _default;
+export declare const uiLayoutPlugin: UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout>;

package/plugins/uiLayoutRenderer/index.js

@@ -1,63 +1,53 @@
 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;
 };
-
-export default new 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.createElement(Fragment, null, layout.getLayout().map(function (row, index) {
-        return /*#__PURE__*/React.createElement(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.createElement(ElementID, {
-            key: getElementKey(element)
-          }, element.render(props));
-        }));
-      }));
-    }
-
-    var GridComponent = hasParentGrid ? GridInner : Grid;
-    return /*#__PURE__*/React.createElement(GridComponent, null, layout.getLayout().map(function (row, index) {
-      return /*#__PURE__*/React.createElement(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.createElement(Cell, {
-          key: item.element,
-          span: item.width
-        }, /*#__PURE__*/React.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)));
+    }))));
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/plugins/uiLayoutRenderer/index.js.map

@@ -0,0 +1 @@
+{"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.