@webiny/app-admin 6.3.0-beta.2 → 6.3.0-beta.3

package/package.json

@@ -1,8 +1,11 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "6.3.0-beta.2",
+	"version": "6.3.0-beta.3",
 	"type": "module",
-	"main": "index.js",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
 		"type": "git",
@@ -16,27 +19,29 @@
 		"@emotion/css": "11.13.5",
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.1",
-		"@iconify/json": "2.2.465",
+		"@fortawesome/fontawesome-svg-core": "7.2.0",
+		"@fortawesome/react-fontawesome": "3.3.1",
+		"@iconify/json": "2.2.469",
 		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.3.28",
-		"@webiny/admin-ui": "6.3.0-beta.2",
-		"@webiny/app": "6.3.0-beta.2",
+		"@webiny/admin-ui": "6.3.0-beta.3",
+		"@webiny/app": "6.3.0-beta.3",
 		"@webiny/di": "0.2.3",
-		"@webiny/feature": "6.3.0-beta.2",
-		"@webiny/form": "6.3.0-beta.2",
-		"@webiny/icons": "6.3.0-beta.2",
-		"@webiny/lexical-converter": "6.3.0-beta.2",
-		"@webiny/lexical-editor": "6.3.0-beta.2",
-		"@webiny/lexical-theme": "6.3.0-beta.2",
-		"@webiny/plugins": "6.3.0-beta.2",
-		"@webiny/react-composition": "6.3.0-beta.2",
-		"@webiny/react-properties": "6.3.0-beta.2",
-		"@webiny/sdk": "6.3.0-beta.2",
-		"@webiny/telemetry": "6.3.0-beta.2",
-		"@webiny/ui": "6.3.0-beta.2",
-		"@webiny/utils": "6.3.0-beta.2",
-		"@webiny/validation": "6.3.0-beta.2",
-		"@webiny/wcp": "6.3.0-beta.2",
+		"@webiny/feature": "6.3.0-beta.3",
+		"@webiny/form": "6.3.0-beta.3",
+		"@webiny/icons": "6.3.0-beta.3",
+		"@webiny/lexical-converter": "6.3.0-beta.3",
+		"@webiny/lexical-editor": "6.3.0-beta.3",
+		"@webiny/lexical-theme": "6.3.0-beta.3",
+		"@webiny/plugins": "6.3.0-beta.3",
+		"@webiny/react-composition": "6.3.0-beta.3",
+		"@webiny/react-properties": "6.3.0-beta.3",
+		"@webiny/sdk": "6.3.0-beta.3",
+		"@webiny/telemetry": "6.3.0-beta.3",
+		"@webiny/ui": "6.3.0-beta.3",
+		"@webiny/utils": "6.3.0-beta.3",
+		"@webiny/validation": "6.3.0-beta.3",
+		"@webiny/wcp": "6.3.0-beta.3",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -47,15 +52,16 @@
 		"graphql-tag": "2.12.6",
 		"history": "5.3.0",
 		"is-hotkey": "0.2.0",
+		"lexical": "0.44.0",
 		"lodash": "4.18.1",
 		"markdown-to-jsx": "9.7.16",
 		"minimatch": "10.2.5",
-		"mobx": "6.15.0",
+		"mobx": "6.15.1",
 		"mobx-react-lite": "4.1.1",
 		"monaco-editor": "0.53.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"react-resizable-panels": "4.10.0",
+		"react-resizable-panels": "4.11.0",
 		"react-transition-group": "4.4.5",
 		"react-virtualized": "9.22.6",
 		"reset-css": "5.0.2",
@@ -73,7 +79,7 @@
 		"@types/react-transition-group": "4.4.12",
 		"@types/store": "2.0.5",
 		"@types/tinycolor2": "1.4.6",
-		"@webiny/build-tools": "6.3.0-beta.2",
+		"@webiny/build-tools": "6.3.0-beta.3",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
 		"vitest": "4.1.5"
@@ -99,5 +105,5 @@
 			]
 		}
 	},
-	"gitHead": "c5ae1dbcb99bf7457449ef67aef19c5b4b1ffc4c"
+	"gitHead": "e154ec3326903876c357d35422dc60d29e061419"
 }

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js

@@ -8,7 +8,7 @@ export const createPasswordValidator = policy => value => {
    * @pavel expl
    */
   value = value + "";
-  const requireSymbols = /([=+\-^$*.\[\]{}()?"!@#%&/,><':;|_~`])+/;
+  const requireSymbols = /([=+\-^$*.[\]{}()?"!@#%&/,><':;|_~`])+/;
   const requireNumber = /[0-9]/;
   const requireLowercase = /[a-z]/;
   const requireUppercase = /[A-Z]/;

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js.map

@@ -1 +1 @@
-{"version":3,"names":["ValidationError","createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","minimumLength","undefined","length","test","requireNumbers"],"sources":["createPasswordValidator.ts"],"sourcesContent":["import { ValidationError } from \"@webiny/validation\";\n\nexport interface PasswordPolicy {\n    minimumLength?: number;\n    requireLowercase?: boolean;\n    requireNumbers?: boolean;\n    requireSymbols?: boolean;\n    requireUppercase?: boolean;\n}\n\nexport const createPasswordValidator =\n    (policy: PasswordPolicy) =>\n    (value?: string): void => {\n        if (!value) {\n            return;\n        }\n        /**\n         * TODO @ts-refactor\n         * @pavel expl\n         */\n        value = value + \"\";\n\n        const requireSymbols = /([=+\\-^$*.\\[\\]{}()?\"!@#%&/,><':;|_~`])+/;\n        const requireNumber = /[0-9]/;\n        const requireLowercase = /[a-z]/;\n        const requireUppercase = /[A-Z]/;\n\n        if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {\n            throw new ValidationError(\n                `Value requires at least ${policy.minimumLength} characters.`\n            );\n        }\n\n        if (policy.requireLowercase && !requireLowercase.test(value)) {\n            throw new ValidationError(\"Value must contain a lowercase character.\");\n        }\n\n        if (policy.requireNumbers && !requireNumber.test(value)) {\n            throw new ValidationError(\"Value must contain a number.\");\n        }\n\n        if (policy.requireUppercase && !requireUppercase.test(value)) {\n            throw new ValidationError(\"Value must contain an uppercase character.\");\n        }\n\n        if (policy.requireSymbols && !requireSymbols.test(value)) {\n            throw new ValidationError(\"Value must contain a special character.\");\n        }\n    };\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAUpD,OAAO,MAAMC,uBAAuB,GAC/BC,MAAsB,IACtBC,KAAc,IAAW;EACtB,IAAI,CAACA,KAAK,EAAE;IACR;EACJ;EACA;AACR;AACA;AACA;EACQA,KAAK,GAAGA,KAAK,GAAG,EAAE;EAElB,MAAMC,cAAc,GAAG,yCAAyC;EAChE,MAAMC,aAAa,GAAG,OAAO;EAC7B,MAAMC,gBAAgB,GAAG,OAAO;EAChC,MAAMC,gBAAgB,GAAG,OAAO;EAEhC,IAAIL,MAAM,CAACM,aAAa,KAAKC,SAAS,IAAIN,KAAK,CAACO,MAAM,GAAGR,MAAM,CAACM,aAAa,EAAE;IAC3E,MAAM,IAAIR,eAAe,CACrB,2BAA2BE,MAAM,CAACM,aAAa,cACnD,CAAC;EACL;EAEA,IAAIN,MAAM,CAACI,gBAAgB,IAAI,CAACA,gBAAgB,CAACK,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,2CAA2C,CAAC;EAC1E;EAEA,IAAIE,MAAM,CAACU,cAAc,IAAI,CAACP,aAAa,CAACM,IAAI,CAACR,KAAK,CAAC,EAAE;IACrD,MAAM,IAAIH,eAAe,CAAC,8BAA8B,CAAC;EAC7D;EAEA,IAAIE,MAAM,CAACK,gBAAgB,IAAI,CAACA,gBAAgB,CAACI,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,4CAA4C,CAAC;EAC3E;EAEA,IAAIE,MAAM,CAACE,cAAc,IAAI,CAACA,cAAc,CAACO,IAAI,CAACR,KAAK,CAAC,EAAE;IACtD,MAAM,IAAIH,eAAe,CAAC,yCAAyC,CAAC;EACxE;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["ValidationError","createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","minimumLength","undefined","length","test","requireNumbers"],"sources":["createPasswordValidator.ts"],"sourcesContent":["import { ValidationError } from \"@webiny/validation\";\n\nexport interface PasswordPolicy {\n    minimumLength?: number;\n    requireLowercase?: boolean;\n    requireNumbers?: boolean;\n    requireSymbols?: boolean;\n    requireUppercase?: boolean;\n}\n\nexport const createPasswordValidator =\n    (policy: PasswordPolicy) =>\n    (value?: string): void => {\n        if (!value) {\n            return;\n        }\n        /**\n         * TODO @ts-refactor\n         * @pavel expl\n         */\n        value = value + \"\";\n\n        const requireSymbols = /([=+\\-^$*.[\\]{}()?\"!@#%&/,><':;|_~`])+/;\n        const requireNumber = /[0-9]/;\n        const requireLowercase = /[a-z]/;\n        const requireUppercase = /[A-Z]/;\n\n        if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {\n            throw new ValidationError(\n                `Value requires at least ${policy.minimumLength} characters.`\n            );\n        }\n\n        if (policy.requireLowercase && !requireLowercase.test(value)) {\n            throw new ValidationError(\"Value must contain a lowercase character.\");\n        }\n\n        if (policy.requireNumbers && !requireNumber.test(value)) {\n            throw new ValidationError(\"Value must contain a number.\");\n        }\n\n        if (policy.requireUppercase && !requireUppercase.test(value)) {\n            throw new ValidationError(\"Value must contain an uppercase character.\");\n        }\n\n        if (policy.requireSymbols && !requireSymbols.test(value)) {\n            throw new ValidationError(\"Value must contain a special character.\");\n        }\n    };\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAUpD,OAAO,MAAMC,uBAAuB,GAC/BC,MAAsB,IACtBC,KAAc,IAAW;EACtB,IAAI,CAACA,KAAK,EAAE;IACR;EACJ;EACA;AACR;AACA;AACA;EACQA,KAAK,GAAGA,KAAK,GAAG,EAAE;EAElB,MAAMC,cAAc,GAAG,wCAAwC;EAC/D,MAAMC,aAAa,GAAG,OAAO;EAC7B,MAAMC,gBAAgB,GAAG,OAAO;EAChC,MAAMC,gBAAgB,GAAG,OAAO;EAEhC,IAAIL,MAAM,CAACM,aAAa,KAAKC,SAAS,IAAIN,KAAK,CAACO,MAAM,GAAGR,MAAM,CAACM,aAAa,EAAE;IAC3E,MAAM,IAAIR,eAAe,CACrB,2BAA2BE,MAAM,CAACM,aAAa,cACnD,CAAC;EACL;EAEA,IAAIN,MAAM,CAACI,gBAAgB,IAAI,CAACA,gBAAgB,CAACK,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,2CAA2C,CAAC;EAC1E;EAEA,IAAIE,MAAM,CAACU,cAAc,IAAI,CAACP,aAAa,CAACM,IAAI,CAACR,KAAK,CAAC,EAAE;IACrD,MAAM,IAAIH,eAAe,CAAC,8BAA8B,CAAC;EAC7D;EAEA,IAAIE,MAAM,CAACK,gBAAgB,IAAI,CAACA,gBAAgB,CAACI,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,4CAA4C,CAAC;EAC3E;EAEA,IAAIE,MAAM,CAACE,cAAc,IAAI,CAACA,cAAc,CAACO,IAAI,CAACR,KAAK,CAAC,EAAE;IACtD,MAAM,IAAIH,eAAe,CAAC,yCAAyC,CAAC;EACxE;AACJ,CAAC","ignoreList":[]}

package/presentation/lexicalContext/useLexicalContext.d.ts

@@ -0,0 +1,3 @@
+export declare const useLexicalContext: () => {
+    lexicalContext: import("../../features/tools/LexicalContext").ILexicalContext;
+};

package/presentation/lexicalContext/useLexicalContext.js

@@ -0,0 +1,14 @@
+import { useContainer } from "@webiny/app";
+import { useMemo } from "react";
+import { LexicalContext } from "../../exports/admin.js";
+export const useLexicalContext = () => {
+  const container = useContainer();
+  return useMemo(() => {
+    const lexicalContext = container.resolve(LexicalContext);
+    return {
+      lexicalContext
+    };
+  }, [container]);
+};
+
+//# sourceMappingURL=useLexicalContext.js.map

package/presentation/lexicalContext/useLexicalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContainer","useMemo","LexicalContext","useLexicalContext","container","lexicalContext","resolve"],"sources":["useLexicalContext.ts"],"sourcesContent":["import { useContainer } from \"@webiny/app\";\nimport { useMemo } from \"react\";\nimport { LexicalContext } from \"~/exports/admin.js\";\n\nexport const useLexicalContext = () => {\n    const container = useContainer();\n\n    return useMemo(() => {\n        const lexicalContext = container.resolve(LexicalContext);\n        return { lexicalContext };\n    }, [container]);\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,cAAc;AAEvB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,SAAS,GAAGJ,YAAY,CAAC,CAAC;EAEhC,OAAOC,OAAO,CAAC,MAAM;IACjB,MAAMI,cAAc,GAAGD,SAAS,CAACE,OAAO,CAACJ,cAAc,CAAC;IACxD,OAAO;MAAEG;IAAe,CAAC;EAC7B,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;AACnB,CAAC","ignoreList":[]}

package/presentation/textToLexicalTool/TextToLexicalTool.d.ts

@@ -1,5 +1,6 @@
 import { z } from "zod";
 import { Tool } from "../../exports/admin.js";
+import { LexicalContext } from "../../exports/admin.js";
 declare const inputSchema: z.ZodObject<{
     text: z.ZodString;
 }, z.core.$strip>;
@@ -10,6 +11,7 @@ declare const outputSchema: z.ZodObject<{
 type Input = z.infer<typeof inputSchema>;
 type Output = z.infer<typeof outputSchema>;
 declare class TextToLexicalToolImpl implements Tool.Interface<typeof inputSchema, typeof outputSchema> {
+    private lexicalContext;
     readonly name = "textToLexical";
     readonly description = "Converts a plain text string into Lexical editor state. Use for all 'lexical' type inputs.";
     readonly inputSchema: z.ZodObject<{
@@ -19,6 +21,7 @@ declare class TextToLexicalToolImpl implements Tool.Interface<typeof inputSchema
         state: z.ZodString;
         html: z.ZodString;
     }, z.core.$strip>;
+    constructor(lexicalContext: LexicalContext.Interface);
     execute(input: Input): Promise<Output>;
 }
 export declare const TextToLexicalTool: typeof TextToLexicalToolImpl & {

package/presentation/textToLexicalTool/TextToLexicalTool.js

@@ -1,6 +1,7 @@
 import { z } from "zod";
 import { Tool } from "../../exports/admin.js";
 import { textToLexicalState } from "./textToLexicalState.js";
+import { LexicalContext } from "../../exports/admin.js";
 const inputSchema = z.object({
   text: z.string().describe("Text content")
 });
@@ -13,13 +14,16 @@ class TextToLexicalToolImpl {
   description = "Converts a plain text string into Lexical editor state. Use for all 'lexical' type inputs.";
   inputSchema = inputSchema;
   outputSchema = outputSchema;
+  constructor(lexicalContext) {
+    this.lexicalContext = lexicalContext;
+  }
   async execute(input) {
-    return textToLexicalState(input.text);
+    return textToLexicalState(this.lexicalContext, input.text);
   }
 }
 export const TextToLexicalTool = Tool.createImplementation({
   implementation: TextToLexicalToolImpl,
-  dependencies: []
+  dependencies: [LexicalContext]
 });
 
 //# sourceMappingURL=TextToLexicalTool.js.map

package/presentation/textToLexicalTool/TextToLexicalTool.js.map

@@ -1 +1 @@
-{"version":3,"names":["z","Tool","textToLexicalState","inputSchema","object","text","string","describe","outputSchema","state","html","TextToLexicalToolImpl","name","description","execute","input","TextToLexicalTool","createImplementation","implementation","dependencies"],"sources":["TextToLexicalTool.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { Tool } from \"~/exports/admin.js\";\nimport { textToLexicalState } from \"./textToLexicalState.js\";\n\nconst inputSchema = z.object({\n    text: z.string().describe(\"Text content\")\n});\n\nconst outputSchema = z\n    .object({\n        state: z.string().describe(\"Lexical editor state as JSON string\"),\n        html: z.string().describe(\"HTML representation of the content\")\n    })\n    .describe(\"Lexical editor state with HTML\");\n\ntype Input = z.infer<typeof inputSchema>;\ntype Output = z.infer<typeof outputSchema>;\n\nclass TextToLexicalToolImpl implements Tool.Interface<typeof inputSchema, typeof outputSchema> {\n    readonly name = \"textToLexical\";\n    readonly description =\n        \"Converts a plain text string into Lexical editor state. Use for all 'lexical' type inputs.\";\n    readonly inputSchema = inputSchema;\n    readonly outputSchema = outputSchema;\n\n    async execute(input: Input): Promise<Output> {\n        return textToLexicalState(input.text);\n    }\n}\n\nexport const TextToLexicalTool = Tool.createImplementation({\n    implementation: TextToLexicalToolImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AACvB,SAASC,IAAI;AACb,SAASC,kBAAkB;AAE3B,MAAMC,WAAW,GAAGH,CAAC,CAACI,MAAM,CAAC;EACzBC,IAAI,EAAEL,CAAC,CAACM,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,cAAc;AAC5C,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGR,CAAC,CACjBI,MAAM,CAAC;EACJK,KAAK,EAAET,CAAC,CAACM,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,qCAAqC,CAAC;EACjEG,IAAI,EAAEV,CAAC,CAACM,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,oCAAoC;AAClE,CAAC,CAAC,CACDA,QAAQ,CAAC,gCAAgC,CAAC;AAK/C,MAAMI,qBAAqB,CAAoE;EAClFC,IAAI,GAAG,eAAe;EACtBC,WAAW,GAChB,4FAA4F;EACvFV,WAAW,GAAGA,WAAW;EACzBK,YAAY,GAAGA,YAAY;EAEpC,MAAMM,OAAOA,CAACC,KAAY,EAAmB;IACzC,OAAOb,kBAAkB,CAACa,KAAK,CAACV,IAAI,CAAC;EACzC;AACJ;AAEA,OAAO,MAAMW,iBAAiB,GAAGf,IAAI,CAACgB,oBAAoB,CAAC;EACvDC,cAAc,EAAEP,qBAAqB;EACrCQ,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["z","Tool","textToLexicalState","LexicalContext","inputSchema","object","text","string","describe","outputSchema","state","html","TextToLexicalToolImpl","name","description","constructor","lexicalContext","execute","input","TextToLexicalTool","createImplementation","implementation","dependencies"],"sources":["TextToLexicalTool.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { Tool } from \"~/exports/admin.js\";\nimport { textToLexicalState } from \"./textToLexicalState.js\";\nimport { LexicalContext } from \"~/exports/admin.js\";\n\nconst inputSchema = z.object({\n    text: z.string().describe(\"Text content\")\n});\n\nconst outputSchema = z\n    .object({\n        state: z.string().describe(\"Lexical editor state as JSON string\"),\n        html: z.string().describe(\"HTML representation of the content\")\n    })\n    .describe(\"Lexical editor state with HTML\");\n\ntype Input = z.infer<typeof inputSchema>;\ntype Output = z.infer<typeof outputSchema>;\n\nclass TextToLexicalToolImpl implements Tool.Interface<typeof inputSchema, typeof outputSchema> {\n    readonly name = \"textToLexical\";\n    readonly description =\n        \"Converts a plain text string into Lexical editor state. Use for all 'lexical' type inputs.\";\n    readonly inputSchema = inputSchema;\n    readonly outputSchema = outputSchema;\n\n    constructor(private lexicalContext: LexicalContext.Interface) {}\n\n    async execute(input: Input): Promise<Output> {\n        return textToLexicalState(this.lexicalContext, input.text);\n    }\n}\n\nexport const TextToLexicalTool = Tool.createImplementation({\n    implementation: TextToLexicalToolImpl,\n    dependencies: [LexicalContext]\n});\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AACvB,SAASC,IAAI;AACb,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AAEvB,MAAMC,WAAW,GAAGJ,CAAC,CAACK,MAAM,CAAC;EACzBC,IAAI,EAAEN,CAAC,CAACO,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,cAAc;AAC5C,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGT,CAAC,CACjBK,MAAM,CAAC;EACJK,KAAK,EAAEV,CAAC,CAACO,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,qCAAqC,CAAC;EACjEG,IAAI,EAAEX,CAAC,CAACO,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,oCAAoC;AAClE,CAAC,CAAC,CACDA,QAAQ,CAAC,gCAAgC,CAAC;AAK/C,MAAMI,qBAAqB,CAAoE;EAClFC,IAAI,GAAG,eAAe;EACtBC,WAAW,GAChB,4FAA4F;EACvFV,WAAW,GAAGA,WAAW;EACzBK,YAAY,GAAGA,YAAY;EAEpCM,WAAWA,CAASC,cAAwC,EAAE;IAAA,KAA1CA,cAAwC,GAAxCA,cAAwC;EAAG;EAE/D,MAAMC,OAAOA,CAACC,KAAY,EAAmB;IACzC,OAAOhB,kBAAkB,CAAC,IAAI,CAACc,cAAc,EAAEE,KAAK,CAACZ,IAAI,CAAC;EAC9D;AACJ;AAEA,OAAO,MAAMa,iBAAiB,GAAGlB,IAAI,CAACmB,oBAAoB,CAAC;EACvDC,cAAc,EAAET,qBAAqB;EACrCU,YAAY,EAAE,CAACnB,cAAc;AACjC,CAAC,CAAC","ignoreList":[]}

package/presentation/textToLexicalTool/textToLexicalState.d.ts

@@ -1,5 +1,6 @@
+import type { ILexicalContext } from "../../features/tools/LexicalContext/index.js";
 export interface LexicalValue {
     state: string;
     html: string;
 }
-export declare function textToLexicalState(text: string): LexicalValue;
+export declare function textToLexicalState(lexicalContext: ILexicalContext, text: string): LexicalValue;

package/presentation/textToLexicalTool/textToLexicalState.js

@@ -1,14 +1,26 @@
 import { createHtmlToLexicalParser } from "@webiny/lexical-converter";
 import { createLexicalStateTransformer } from "@webiny/lexical-converter";
-export function textToLexicalState(text) {
-  const parser = createHtmlToLexicalParser();
+export function textToLexicalState(lexicalContext, text) {
+  const lexicalTheme = lexicalContext.getTheme() ?? {};
+  const editorConfig = {
+    nodes: [...lexicalContext.getNodes()],
+    theme: {
+      $colors: lexicalTheme.colors,
+      $typography: lexicalTheme.typography
+    }
+  };
+  const parser = createHtmlToLexicalParser({
+    editorConfig
+  });
   const domParser = new DOMParser();
   const state = parser(domParser.parseFromString(text, "text/html"));
   if (!state) {
     throw new Error("Failed to parse text into Lexical state.");
   }
   const stateJson = JSON.stringify(state);
-  const transformer = createLexicalStateTransformer();
+  const transformer = createLexicalStateTransformer({
+    editorConfig
+  });
   const html = transformer.toHtml(stateJson);
   return {
     state: stateJson,

package/presentation/textToLexicalTool/textToLexicalState.js.map

@@ -1 +1 @@
-{"version":3,"names":["createHtmlToLexicalParser","createLexicalStateTransformer","textToLexicalState","text","parser","domParser","DOMParser","state","parseFromString","Error","stateJson","JSON","stringify","transformer","html","toHtml"],"sources":["textToLexicalState.ts"],"sourcesContent":["import { createHtmlToLexicalParser } from \"@webiny/lexical-converter\";\nimport { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\n\nexport interface LexicalValue {\n    state: string;\n    html: string;\n}\n\nexport function textToLexicalState(text: string): LexicalValue {\n    const parser = createHtmlToLexicalParser();\n    const domParser = new DOMParser();\n    const state = parser(domParser.parseFromString(text, \"text/html\"));\n\n    if (!state) {\n        throw new Error(\"Failed to parse text into Lexical state.\");\n    }\n\n    const stateJson = JSON.stringify(state);\n\n    const transformer = createLexicalStateTransformer();\n    const html = transformer.toHtml(stateJson);\n\n    return { state: stateJson, html };\n}\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AACrE,SAASC,6BAA6B,QAAQ,2BAA2B;AAOzE,OAAO,SAASC,kBAAkBA,CAACC,IAAY,EAAgB;EAC3D,MAAMC,MAAM,GAAGJ,yBAAyB,CAAC,CAAC;EAC1C,MAAMK,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;EACjC,MAAMC,KAAK,GAAGH,MAAM,CAACC,SAAS,CAACG,eAAe,CAACL,IAAI,EAAE,WAAW,CAAC,CAAC;EAElE,IAAI,CAACI,KAAK,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,0CAA0C,CAAC;EAC/D;EAEA,MAAMC,SAAS,GAAGC,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;EAEvC,MAAMM,WAAW,GAAGZ,6BAA6B,CAAC,CAAC;EACnD,MAAMa,IAAI,GAAGD,WAAW,CAACE,MAAM,CAACL,SAAS,CAAC;EAE1C,OAAO;IAAEH,KAAK,EAAEG,SAAS;IAAEI;EAAK,CAAC;AACrC","ignoreList":[]}
+{"version":3,"names":["createHtmlToLexicalParser","createLexicalStateTransformer","textToLexicalState","lexicalContext","text","lexicalTheme","getTheme","editorConfig","nodes","getNodes","theme","$colors","colors","$typography","typography","parser","domParser","DOMParser","state","parseFromString","Error","stateJson","JSON","stringify","transformer","html","toHtml"],"sources":["textToLexicalState.ts"],"sourcesContent":["import { createHtmlToLexicalParser } from \"@webiny/lexical-converter\";\nimport { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\nimport type { ILexicalContext } from \"~/features/tools/LexicalContext/index.js\";\n\nexport interface LexicalValue {\n    state: string;\n    html: string;\n}\n\nexport function textToLexicalState(lexicalContext: ILexicalContext, text: string): LexicalValue {\n    const lexicalTheme = lexicalContext.getTheme() ?? {};\n\n    const editorConfig = {\n        nodes: [...lexicalContext.getNodes()],\n        theme: {\n            $colors: lexicalTheme.colors,\n            $typography: lexicalTheme.typography\n        }\n    };\n\n    const parser = createHtmlToLexicalParser({ editorConfig });\n    const domParser = new DOMParser();\n    const state = parser(domParser.parseFromString(text, \"text/html\"));\n\n    if (!state) {\n        throw new Error(\"Failed to parse text into Lexical state.\");\n    }\n\n    const stateJson = JSON.stringify(state);\n\n    const transformer = createLexicalStateTransformer({ editorConfig });\n    const html = transformer.toHtml(stateJson);\n\n    return { state: stateJson, html };\n}\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AACrE,SAASC,6BAA6B,QAAQ,2BAA2B;AAQzE,OAAO,SAASC,kBAAkBA,CAACC,cAA+B,EAAEC,IAAY,EAAgB;EAC5F,MAAMC,YAAY,GAAGF,cAAc,CAACG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;EAEpD,MAAMC,YAAY,GAAG;IACjBC,KAAK,EAAE,CAAC,GAAGL,cAAc,CAACM,QAAQ,CAAC,CAAC,CAAC;IACrCC,KAAK,EAAE;MACHC,OAAO,EAAEN,YAAY,CAACO,MAAM;MAC5BC,WAAW,EAAER,YAAY,CAACS;IAC9B;EACJ,CAAC;EAED,MAAMC,MAAM,GAAGf,yBAAyB,CAAC;IAAEO;EAAa,CAAC,CAAC;EAC1D,MAAMS,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;EACjC,MAAMC,KAAK,GAAGH,MAAM,CAACC,SAAS,CAACG,eAAe,CAACf,IAAI,EAAE,WAAW,CAAC,CAAC;EAElE,IAAI,CAACc,KAAK,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,0CAA0C,CAAC;EAC/D;EAEA,MAAMC,SAAS,GAAGC,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;EAEvC,MAAMM,WAAW,GAAGvB,6BAA6B,CAAC;IAAEM;EAAa,CAAC,CAAC;EACnE,MAAMkB,IAAI,GAAGD,WAAW,CAACE,MAAM,CAACL,SAAS,CAAC;EAE1C,OAAO;IAAEH,KAAK,EAAEG,SAAS;IAAEI;EAAK,CAAC;AACrC","ignoreList":[]}

package/routes.d.ts

@@ -2,5 +2,6 @@ import { Route } from "@webiny/app";
 export declare const Routes: {
     Dashboard: Route<undefined>;
     FileManager: Route<undefined>;
+    FormModelDemo: Route<undefined>;
     CatchAll: Route<undefined>;
 };

package/routes.js

@@ -8,6 +8,10 @@ export const Routes = {
     name: "FileManager",
     path: "/file-manager"
   }),
+  FormModelDemo: new Route({
+    name: "FormModelDemo",
+    path: "/_/form-model-demo"
+  }),
   CatchAll: new Route({
     name: "CatchAll",
     path: "*"

package/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Route","Routes","Dashboard","name","path","FileManager","CatchAll"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app\";\n\nexport const Routes = {\n    Dashboard: new Route({\n        name: \"Dashboard\",\n        path: \"/\"\n    }),\n\n    FileManager: new Route({\n        name: \"FileManager\",\n        path: \"/file-manager\"\n    }),\n\n    CatchAll: new Route({\n        name: \"CatchAll\",\n        path: \"*\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,aAAa;AAEnC,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,IAAIF,KAAK,CAAC;IACjBG,IAAI,EAAE,WAAW;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFC,WAAW,EAAE,IAAIL,KAAK,CAAC;IACnBG,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFE,QAAQ,EAAE,IAAIN,KAAK,CAAC;IAChBG,IAAI,EAAE,UAAU;IAChBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["Route","Routes","Dashboard","name","path","FileManager","FormModelDemo","CatchAll"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app\";\n\nexport const Routes = {\n    Dashboard: new Route({\n        name: \"Dashboard\",\n        path: \"/\"\n    }),\n\n    FileManager: new Route({\n        name: \"FileManager\",\n        path: \"/file-manager\"\n    }),\n\n    FormModelDemo: new Route({\n        name: \"FormModelDemo\",\n        path: \"/_/form-model-demo\"\n    }),\n\n    CatchAll: new Route({\n        name: \"CatchAll\",\n        path: \"*\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,aAAa;AAEnC,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,IAAIF,KAAK,CAAC;IACjBG,IAAI,EAAE,WAAW;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFC,WAAW,EAAE,IAAIL,KAAK,CAAC;IACnBG,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFE,aAAa,EAAE,IAAIN,KAAK,CAAC;IACrBG,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFG,QAAQ,EAAE,IAAIP,KAAK,CAAC;IAChBG,IAAI,EAAE,UAAU;IAChBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}

package/base/Base/FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import type { IFieldVM } from "../../../../features/formModel/index.js";
-declare module "../../../../features/formModel/abstractions.js" {
-    interface ItemTitleGenerator {
-        (data: Record<string, unknown>, index: number): string;
-    }
-    interface IFieldRendererRegistry {
-        objectListFlat: {
-            fieldType: "object";
-            settings?: {
-                addItemLabel?: string;
-                itemTitle?: string | ItemTitleGenerator;
-            };
-        };
-    }
-}
-export declare const ObjectListFlatRenderer: (({ field }: {
-    field: IFieldVM;
-}) => React.JSX.Element | null) & {
-    displayName: string;
-};

package/base/Base/FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { observer } from "mobx-react-lite";
-import { isObjectFieldVM, ListItemRenderer, AddItemButton } from "./ObjectFieldComponents.js";
-export const ObjectListFlatRenderer = observer(({
-  field
-}) => {
-  if (!isObjectFieldVM(field) || !field.isList) {
-    return null;
-  }
-  const settings = field.rendererSettings;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-sm"
-  }, field.items.map((item, index) => /*#__PURE__*/React.createElement(ListItemRenderer, {
-    key: item.key,
-    item: item,
-    index: index,
-    total: field.items.length,
-    label: field.label,
-    itemTitle: settings?.itemTitle,
-    disabled: field.disabled
-  })), /*#__PURE__*/React.createElement(AddItemButton, {
-    label: settings?.addItemLabel || `Add ${field.label || "Item"}`,
-    disabled: field.disabled,
-    onAdd: () => field.addItem()
-  }));
-});
-
-//# sourceMappingURL=ObjectListFlatRenderer.js.map

package/base/Base/FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","observer","isObjectFieldVM","ListItemRenderer","AddItemButton","ObjectListFlatRenderer","field","isList","settings","rendererSettings","createElement","className","items","map","item","index","key","total","length","label","itemTitle","disabled","addItemLabel","onAdd","addItem"],"sources":["ObjectListFlatRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IFieldVM, IFieldRendererRegistry } from \"~/features/formModel/index.js\";\nimport { isObjectFieldVM, ListItemRenderer, AddItemButton } from \"./ObjectFieldComponents.js\";\n\ndeclare module \"../../../../features/formModel/abstractions.js\" {\n    interface ItemTitleGenerator {\n        (data: Record<string, unknown>, index: number): string;\n    }\n\n    interface IFieldRendererRegistry {\n        objectListFlat: {\n            fieldType: \"object\";\n            settings?: {\n                addItemLabel?: string;\n                itemTitle?: string | ItemTitleGenerator;\n            };\n        };\n    }\n}\n\ntype ObjectListFlatSettings = NonNullable<IFieldRendererRegistry[\"objectListFlat\"][\"settings\"]>;\n\nexport const ObjectListFlatRenderer = observer(({ field }: { field: IFieldVM }) => {\n    if (!isObjectFieldVM(field) || !field.isList) {\n        return null;\n    }\n\n    const settings = field.rendererSettings as ObjectListFlatSettings | undefined;\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            {field.items.map((item, index) => (\n                <ListItemRenderer\n                    key={item.key}\n                    item={item}\n                    index={index}\n                    total={field.items.length}\n                    label={field.label}\n                    itemTitle={settings?.itemTitle}\n                    disabled={field.disabled}\n                />\n            ))}\n            <AddItemButton\n                label={settings?.addItemLabel || `Add ${field.label || \"Item\"}`}\n                disabled={field.disabled}\n                onAdd={() => field.addItem()}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,aAAa;AAoBzD,OAAO,MAAMC,sBAAsB,GAAGJ,QAAQ,CAAC,CAAC;EAAEK;AAA2B,CAAC,KAAK;EAC/E,IAAI,CAACJ,eAAe,CAACI,KAAK,CAAC,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IAC1C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGF,KAAK,CAACG,gBAAsD;EAE7E,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCL,KAAK,CAACM,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzBf,KAAA,CAAAU,aAAA,CAACP,gBAAgB;IACba,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdF,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEX,KAAK,CAACM,KAAK,CAACM,MAAO;IAC1BC,KAAK,EAAEb,KAAK,CAACa,KAAM;IACnBC,SAAS,EAAEZ,QAAQ,EAAEY,SAAU;IAC/BC,QAAQ,EAAEf,KAAK,CAACe;EAAS,CAC5B,CACJ,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,aAAa;IACVe,KAAK,EAAEX,QAAQ,EAAEc,YAAY,IAAI,OAAOhB,KAAK,CAACa,KAAK,IAAI,MAAM,EAAG;IAChEE,QAAQ,EAAEf,KAAK,CAACe,QAAS;IACzBE,KAAK,EAAEA,CAAA,KAAMjB,KAAK,CAACkB,OAAO,CAAC;EAAE,CAChC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}