@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/presentation/sortable/SortablePresenter.js

@@ -0,0 +1,175 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
+import { SortablePresenter } from "./abstractions.js";
+function toSortableEdge(edge) {
+    if ("top" === edge || "bottom" === edge) return edge;
+    return null;
+}
+function getIndex(data) {
+    const index = data["index"];
+    if ("number" == typeof index) return index;
+    return null;
+}
+function getType(data) {
+    const type = data["type"];
+    if ("string" == typeof type) return type;
+    return null;
+}
+class SortablePresenterImpl {
+    constructor(){
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+        this.cleanups = new Map();
+        this.config = null;
+        makeAutoObservable(this, {
+            cleanups: false,
+            config: false
+        });
+    }
+    init(config) {
+        this.config = config;
+    }
+    getItemProps(index) {
+        return {
+            ref: (element)=>{
+                this.registerDropTarget(index, element);
+            },
+            handleRef: (element)=>{
+                this.registerDraggable(index, element);
+            },
+            isDragging: this.draggingIndex === index,
+            isOver: this.overIndex === index && this.draggingIndex !== index,
+            closestEdge: this.getVisibleEdge(index)
+        };
+    }
+    dispose() {
+        for (const cleanup of this.cleanups.values())cleanup();
+        this.cleanups.clear();
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    get type() {
+        return this.config.type;
+    }
+    isOwnDrag(data) {
+        return getType(data) === this.type;
+    }
+    getVisibleEdge(index) {
+        if (this.overIndex !== index || this.draggingIndex === index || null === this.draggingIndex) return null;
+        const edge = this.closestEdge;
+        if ("top" === edge && this.draggingIndex === index - 1) return null;
+        if ("bottom" === edge && this.draggingIndex === index + 1) return null;
+        return edge;
+    }
+    clearDropState() {
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    computeDestination(fromIndex, toIndex, edge) {
+        let destinationIndex = toIndex;
+        if ("bottom" === edge) destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;
+        else if ("top" === edge) destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;
+        return destinationIndex;
+    }
+    registerDropTarget(index, element) {
+        const key = 2 * index;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const cleanup = dropTargetForElements({
+            element,
+            canDrop: ({ source })=>this.isOwnDrag(source.data) && getIndex(source.data) !== index,
+            getData: ({ input })=>attachClosestEdge({
+                    index,
+                    type: this.type
+                }, {
+                    element,
+                    input,
+                    allowedEdges: [
+                        "top",
+                        "bottom"
+                    ]
+                }),
+            onDragEnter: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDrag: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDragLeave: ({ source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    if (this.overIndex === index) {
+                        this.overIndex = null;
+                        this.closestEdge = null;
+                    }
+                });
+            },
+            onDrop: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                const fromIndex = getIndex(source.data);
+                const toIndex = getIndex(self.data);
+                const edge = toSortableEdge(extractClosestEdge(self.data));
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+                if (null === fromIndex || null === toIndex || !this.config) return;
+                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);
+                if (destinationIndex !== fromIndex) this.config.onReorder(fromIndex, destinationIndex);
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+    registerDraggable(index, element) {
+        const key = 2 * index + 1;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const container = element.closest("[data-sortable-item]");
+        if (!container) return;
+        const cleanup = draggable({
+            element: container,
+            dragHandle: element,
+            getInitialData: ()=>({
+                    index,
+                    type: this.type
+                }),
+            onDragStart: ()=>{
+                runInAction(()=>{
+                    this.draggingIndex = index;
+                });
+            },
+            onDrop: ()=>{
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+}
+const SortablePresenter_SortablePresenter = SortablePresenter.createImplementation({
+    implementation: SortablePresenterImpl,
+    dependencies: []
+});
+export { SortablePresenter_SortablePresenter as SortablePresenter };
+
+//# sourceMappingURL=SortablePresenter.js.map

package/presentation/sortable/SortablePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/SortablePresenter.js","sources":["../../../src/presentation/sortable/SortablePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    draggable,\n    dropTargetForElements\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\nimport {\n    attachClosestEdge,\n    extractClosestEdge\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\nimport { SortablePresenter as Abstraction } from \"./abstractions.js\";\n\nfunction toSortableEdge(edge: string | null): Abstraction.Edge | null {\n    if (edge === \"top\" || edge === \"bottom\") {\n        return edge;\n    }\n    return null;\n}\n\nfunction getIndex(data: Record<string | symbol, unknown>): number | null {\n    const index = data[\"index\"];\n    if (typeof index === \"number\") {\n        return index;\n    }\n    return null;\n}\n\nfunction getType(data: Record<string | symbol, unknown>): string | null {\n    const type = data[\"type\"];\n    if (typeof type === \"string\") {\n        return type;\n    }\n    return null;\n}\n\nclass SortablePresenterImpl implements Abstraction.Interface {\n    private draggingIndex: number | null = null;\n    private overIndex: number | null = null;\n    private closestEdge: Abstraction.Edge | null = null;\n    private cleanups = new Map<number, () => void>();\n    private config: Abstraction.Config | null = null;\n\n    constructor() {\n        makeAutoObservable<SortablePresenterImpl, \"cleanups\" | \"config\">(this, {\n            cleanups: false,\n            config: false\n        });\n    }\n\n    init(config: Abstraction.Config): void {\n        this.config = config;\n    }\n\n    getItemProps(index: number): Abstraction.ItemProps {\n        return {\n            ref: (element: HTMLElement | null) => {\n                this.registerDropTarget(index, element);\n            },\n            handleRef: (element: HTMLElement | null) => {\n                this.registerDraggable(index, element);\n            },\n            isDragging: this.draggingIndex === index,\n            isOver: this.overIndex === index && this.draggingIndex !== index,\n            closestEdge: this.getVisibleEdge(index)\n        };\n    }\n\n    dispose(): void {\n        for (const cleanup of this.cleanups.values()) {\n            cleanup();\n        }\n        this.cleanups.clear();\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private get type(): string {\n        return this.config!.type;\n    }\n\n    private isOwnDrag(data: Record<string | symbol, unknown>): boolean {\n        return getType(data) === this.type;\n    }\n\n    private getVisibleEdge(index: number): Abstraction.Edge | null {\n        if (\n            this.overIndex !== index ||\n            this.draggingIndex === index ||\n            this.draggingIndex === null\n        ) {\n            return null;\n        }\n        const edge = this.closestEdge;\n        if (edge === \"top\" && this.draggingIndex === index - 1) {\n            return null;\n        }\n        if (edge === \"bottom\" && this.draggingIndex === index + 1) {\n            return null;\n        }\n        return edge;\n    }\n\n    private clearDropState(): void {\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private computeDestination(\n        fromIndex: number,\n        toIndex: number,\n        edge: Abstraction.Edge | null\n    ): number {\n        let destinationIndex = toIndex;\n        if (edge === \"bottom\") {\n            destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;\n        } else if (edge === \"top\") {\n            destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;\n        }\n        return destinationIndex;\n    }\n\n    private registerDropTarget(index: number, element: HTMLElement | null): void {\n        const key = index * 2;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const cleanup = dropTargetForElements({\n            element,\n            canDrop: ({ source }) => {\n                return this.isOwnDrag(source.data) && getIndex(source.data) !== index;\n            },\n            getData: ({ input }) => {\n                return attachClosestEdge(\n                    { index, type: this.type },\n                    { element, input, allowedEdges: [\"top\", \"bottom\"] }\n                );\n            },\n            onDragEnter: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDrag: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDragLeave: ({ source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    if (this.overIndex === index) {\n                        this.overIndex = null;\n                        this.closestEdge = null;\n                    }\n                });\n            },\n            onDrop: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n\n                const fromIndex = getIndex(source.data);\n                const toIndex = getIndex(self.data);\n                const edge = toSortableEdge(extractClosestEdge(self.data));\n\n                runInAction(() => {\n                    this.clearDropState();\n                });\n\n                if (fromIndex === null || toIndex === null || !this.config) {\n                    return;\n                }\n\n                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);\n                if (destinationIndex !== fromIndex) {\n                    this.config.onReorder(fromIndex, destinationIndex);\n                }\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n\n    private registerDraggable(index: number, element: HTMLElement | null): void {\n        const key = index * 2 + 1;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const container = element.closest(\"[data-sortable-item]\") as HTMLElement | null;\n        if (!container) {\n            return;\n        }\n\n        const cleanup = draggable({\n            element: container,\n            dragHandle: element,\n            getInitialData: () => ({ index, type: this.type }),\n            onDragStart: () => {\n                runInAction(() => {\n                    this.draggingIndex = index;\n                });\n            },\n            onDrop: () => {\n                runInAction(() => {\n                    this.clearDropState();\n                });\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n}\n\nexport const SortablePresenter = Abstraction.createImplementation({\n    implementation: SortablePresenterImpl,\n    dependencies: []\n});\n"],"names":["toSortableEdge","edge","getIndex","data","index","getType","type","SortablePresenterImpl","Map","makeAutoObservable","config","element","cleanup","fromIndex","toIndex","destinationIndex","key","existing","dropTargetForElements","source","input","attachClosestEdge","self","runInAction","extractClosestEdge","container","draggable","SortablePresenter","Abstraction"],"mappings":"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"}

package/presentation/sortable/abstractions.d.ts

@@ -0,0 +1,24 @@
+export type SortableEdge = "top" | "bottom";
+export interface ISortableItemProps {
+    ref: (element: HTMLElement | null) => void;
+    handleRef: (element: HTMLElement | null) => void;
+    isDragging: boolean;
+    isOver: boolean;
+    closestEdge: SortableEdge | null;
+}
+export interface ISortablePresenterConfig {
+    type: string;
+    onReorder: (fromIndex: number, toIndex: number) => void;
+}
+export interface ISortablePresenter {
+    init(config: ISortablePresenterConfig): void;
+    getItemProps(index: number): ISortableItemProps;
+    dispose(): void;
+}
+export declare const SortablePresenter: import("@webiny/di").Abstraction<ISortablePresenter>;
+export declare namespace SortablePresenter {
+    type Interface = ISortablePresenter;
+    type Config = ISortablePresenterConfig;
+    type ItemProps = ISortableItemProps;
+    type Edge = SortableEdge;
+}

package/presentation/sortable/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const SortablePresenter = createAbstraction("SortablePresenter");
+export { SortablePresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/sortable/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/abstractions.js","sources":["../../../src/presentation/sortable/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type SortableEdge = \"top\" | \"bottom\";\n\nexport interface ISortableItemProps {\n    ref: (element: HTMLElement | null) => void;\n    handleRef: (element: HTMLElement | null) => void;\n    isDragging: boolean;\n    isOver: boolean;\n    closestEdge: SortableEdge | null;\n}\n\nexport interface ISortablePresenterConfig {\n    type: string;\n    onReorder: (fromIndex: number, toIndex: number) => void;\n}\n\nexport interface ISortablePresenter {\n    init(config: ISortablePresenterConfig): void;\n    getItemProps(index: number): ISortableItemProps;\n    dispose(): void;\n}\n\nexport const SortablePresenter = createAbstraction<ISortablePresenter>(\"SortablePresenter\");\n\nexport namespace SortablePresenter {\n    export type Interface = ISortablePresenter;\n    export type Config = ISortablePresenterConfig;\n    export type ItemProps = ISortableItemProps;\n    export type Edge = SortableEdge;\n}\n"],"names":["SortablePresenter","createAbstraction"],"mappings":";AAuBO,MAAMA,oBAAoBC,kBAAsC"}

package/presentation/sortable/feature.d.ts

@@ -0,0 +1 @@
+export declare const SortableFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/sortable/feature.js

@@ -0,0 +1,11 @@
+import { createFeature } from "@webiny/feature/admin";
+import { SortablePresenter } from "./SortablePresenter.js";
+const SortableFeature = createFeature({
+    name: "Sortable",
+    register (container) {
+        container.register(SortablePresenter);
+    }
+});
+export { SortableFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/sortable/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/feature.js","sources":["../../../src/presentation/sortable/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { SortablePresenter } from \"./SortablePresenter.js\";\n\nexport const SortableFeature = createFeature({\n    name: \"Sortable\",\n    register(container) {\n        container.register(SortablePresenter);\n    }\n});\n"],"names":["SortableFeature","createFeature","container","SortablePresenter"],"mappings":";;AAGO,MAAMA,kBAAkBC,cAAc;IACzC,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}

package/presentation/sortable/index.d.ts

@@ -0,0 +1,2 @@
+export { SortablePresenter, type ISortablePresenter, type ISortablePresenterConfig, type ISortableItemProps, type SortableEdge } from "./abstractions.js";
+export { SortableFeature } from "./feature.js";

package/presentation/sortable/index.js

@@ -0,0 +1,2 @@
+export { SortablePresenter } from "./abstractions.js";
+export { SortableFeature } from "./feature.js";

package/presentation/tenancy/TenancyProvider.js

@@ -1,43 +1,26 @@
-import React, { useMemo, useEffect } from "react";
+import react, { useEffect, useMemo } from "react";
 import { DiContainerProvider, useFeature } from "@webiny/app";
-import { plugins } from "@webiny/plugins";
-import { TenantHeaderLinkPlugin } from "@webiny/app/plugins/TenantHeaderLinkPlugin.js";
 import { TenancyFeature } from "../../features/tenancy/feature.js";
-export const TenancyProvider = props => {
-  const {
-    service,
-    createTenantContainer
-  } = useFeature(TenancyFeature);
-  const tenantId = useMemo(() => {
-    return new URLSearchParams(window.location.search).get("tenantId");
-  }, []);
-
-  // Handle query string on mount
-  useEffect(() => {
-    if (tenantId) {
-      service.setTenant(tenantId);
-    }
-
-    // Register plugin for current tenant
-    const currentTenant = service.getCurrentTenant();
-    if (currentTenant) {
-      // TODO: remove this once we can decorate the GQL client!
-      plugins.register(new TenantHeaderLinkPlugin(currentTenant));
-    }
-  }, [tenantId]);
-
-  // Handle tenant changes (redirect on change)
-  useEffect(() => {
-    return service.onTenantChange(() => {
-      window.location.replace(window.location.origin);
-    });
-  }, [service]);
-  const tenantContainer = useMemo(() => {
-    return createTenantContainer();
-  }, [service.getCurrentTenant()]);
-  return /*#__PURE__*/React.createElement(DiContainerProvider, {
-    container: tenantContainer
-  }, props.children);
+const TenancyProvider = (props)=>{
+    const { service, createTenantContainer } = useFeature(TenancyFeature);
+    const tenantId = useMemo(()=>new URLSearchParams(window.location.search).get("tenantId"), []);
+    useEffect(()=>{
+        if (tenantId) service.setTenant(tenantId);
+    }, [
+        tenantId
+    ]);
+    useEffect(()=>service.onTenantChange(()=>{
+            window.location.replace(window.location.origin);
+        }), [
+        service
+    ]);
+    const tenantContainer = useMemo(()=>createTenantContainer(), [
+        service.getCurrentTenant()
+    ]);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: tenantContainer
+    }, props.children);
 };
+export { TenancyProvider };
 
 //# sourceMappingURL=TenancyProvider.js.map

package/presentation/tenancy/TenancyProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useEffect","DiContainerProvider","useFeature","plugins","TenantHeaderLinkPlugin","TenancyFeature","TenancyProvider","props","service","createTenantContainer","tenantId","URLSearchParams","window","location","search","get","setTenant","currentTenant","getCurrentTenant","register","onTenantChange","replace","origin","tenantContainer","createElement","container","children"],"sources":["TenancyProvider.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { DiContainerProvider, useFeature } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { TenantHeaderLinkPlugin } from \"@webiny/app/plugins/TenantHeaderLinkPlugin.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\ninterface TenancyProviderProps {\n    children: React.ReactNode;\n}\n\nexport const TenancyProvider = (props: TenancyProviderProps) => {\n    const { service, createTenantContainer } = useFeature(TenancyFeature);\n\n    const tenantId = useMemo(() => {\n        return new URLSearchParams(window.location.search).get(\"tenantId\");\n    }, []);\n\n    // Handle query string on mount\n    useEffect(() => {\n        if (tenantId) {\n            service.setTenant(tenantId);\n        }\n\n        // Register plugin for current tenant\n        const currentTenant = service.getCurrentTenant();\n        if (currentTenant) {\n            // TODO: remove this once we can decorate the GQL client!\n            plugins.register(new TenantHeaderLinkPlugin(currentTenant));\n        }\n    }, [tenantId]);\n\n    // Handle tenant changes (redirect on change)\n    useEffect(() => {\n        return service.onTenantChange(() => {\n            window.location.replace(window.location.origin);\n        });\n    }, [service]);\n\n    const tenantContainer = useMemo(() => {\n        return createTenantContainer();\n    }, [service.getCurrentTenant()]);\n\n    return <DiContainerProvider container={tenantContainer}>{props.children}</DiContainerProvider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,sBAAsB,QAAQ,+CAA+C;AACtF,SAASC,cAAc;AAMvB,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,MAAM;IAAEC,OAAO;IAAEC;EAAsB,CAAC,GAAGP,UAAU,CAACG,cAAc,CAAC;EAErE,MAAMK,QAAQ,GAAGX,OAAO,CAAC,MAAM;IAC3B,OAAO,IAAIY,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,UAAU,CAAC;EACtE,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAf,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,EAAE;MACVF,OAAO,CAACQ,SAAS,CAACN,QAAQ,CAAC;IAC/B;;IAEA;IACA,MAAMO,aAAa,GAAGT,OAAO,CAACU,gBAAgB,CAAC,CAAC;IAChD,IAAID,aAAa,EAAE;MACf;MACAd,OAAO,CAACgB,QAAQ,CAAC,IAAIf,sBAAsB,CAACa,aAAa,CAAC,CAAC;IAC/D;EACJ,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;;EAEd;EACAV,SAAS,CAAC,MAAM;IACZ,OAAOQ,OAAO,CAACY,cAAc,CAAC,MAAM;MAChCR,MAAM,CAACC,QAAQ,CAACQ,OAAO,CAACT,MAAM,CAACC,QAAQ,CAACS,MAAM,CAAC;IACnD,CAAC,CAAC;EACN,CAAC,EAAE,CAACd,OAAO,CAAC,CAAC;EAEb,MAAMe,eAAe,GAAGxB,OAAO,CAAC,MAAM;IAClC,OAAOU,qBAAqB,CAAC,CAAC;EAClC,CAAC,EAAE,CAACD,OAAO,CAACU,gBAAgB,CAAC,CAAC,CAAC,CAAC;EAEhC,oBAAOpB,KAAA,CAAA0B,aAAA,CAACvB,mBAAmB;IAACwB,SAAS,EAAEF;EAAgB,GAAEhB,KAAK,CAACmB,QAA8B,CAAC;AAClG,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/tenancy/TenancyProvider.js","sources":["../../../src/presentation/tenancy/TenancyProvider.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { DiContainerProvider, useFeature } from \"@webiny/app\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\ninterface TenancyProviderProps {\n    children: React.ReactNode;\n}\n\nexport const TenancyProvider = (props: TenancyProviderProps) => {\n    const { service, createTenantContainer } = useFeature(TenancyFeature);\n\n    const tenantId = useMemo(() => {\n        return new URLSearchParams(window.location.search).get(\"tenantId\");\n    }, []);\n\n    useEffect(() => {\n        if (tenantId) {\n            service.setTenant(tenantId);\n        }\n    }, [tenantId]);\n\n    // Handle tenant changes (redirect on change)\n    useEffect(() => {\n        return service.onTenantChange(() => {\n            window.location.replace(window.location.origin);\n        });\n    }, [service]);\n\n    const tenantContainer = useMemo(() => {\n        return createTenantContainer();\n    }, [service.getCurrentTenant()]);\n\n    return <DiContainerProvider container={tenantContainer}>{props.children}</DiContainerProvider>;\n};\n"],"names":["TenancyProvider","props","service","createTenantContainer","useFeature","TenancyFeature","tenantId","useMemo","URLSearchParams","window","useEffect","tenantContainer","DiContainerProvider"],"mappings":";;;AAQO,MAAMA,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGC,WAAWC;IAEtD,MAAMC,WAAWC,QAAQ,IACd,IAAIC,gBAAgBC,OAAO,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,aACxD,EAAE;IAELC,UAAU;QACN,IAAIJ,UACAJ,QAAQ,SAAS,CAACI;IAE1B,GAAG;QAACA;KAAS;IAGbI,UAAU,IACCR,QAAQ,cAAc,CAAC;YAC1BO,OAAO,QAAQ,CAAC,OAAO,CAACA,OAAO,QAAQ,CAAC,MAAM;QAClD,IACD;QAACP;KAAQ;IAEZ,MAAMS,kBAAkBJ,QAAQ,IACrBJ,yBACR;QAACD,QAAQ,gBAAgB;KAAG;IAE/B,OAAO,WAAP,GAAO,oBAACU,qBAAmBA;QAAC,WAAWD;OAAkBV,MAAM,QAAQ;AAC3E"}

package/presentation/tenancy/createTenancyProvider.js

@@ -1,14 +1,9 @@
-import React from "react";
+import react from "react";
 import { createProvider } from "@webiny/app";
-import { TenancyProvider as ContextProvider } from "./TenancyProvider.js";
-export const createTenancyProvider = () => {
-  return createProvider(Original => {
-    return function TenancyProvider({
-      children
-    }) {
-      return /*#__PURE__*/React.createElement(ContextProvider, null, /*#__PURE__*/React.createElement(Original, null, children));
-    };
-  });
-};
+import { TenancyProvider as external_TenancyProvider_js_TenancyProvider } from "./TenancyProvider.js";
+const createTenancyProvider = ()=>createProvider((Original)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(external_TenancyProvider_js_TenancyProvider, null, /*#__PURE__*/ react.createElement(Original, null, children));
+        });
+export { createTenancyProvider };
 
 //# sourceMappingURL=createTenancyProvider.js.map

package/presentation/tenancy/createTenancyProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createProvider","TenancyProvider","ContextProvider","createTenancyProvider","Original","children","createElement"],"sources":["createTenancyProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { TenancyProvider as ContextProvider } from \"./TenancyProvider.js\";\n\nexport const createTenancyProvider = () => {\n    return createProvider(Original => {\n        return function TenancyProvider({ children }) {\n            return (\n                <ContextProvider>\n                    <Original>{children}</Original>\n                </ContextProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,eAAe,IAAIC,eAAe;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,OAAOH,cAAc,CAACI,QAAQ,IAAI;IAC9B,OAAO,SAASH,eAAeA,CAAC;MAAEI;IAAS,CAAC,EAAE;MAC1C,oBACIN,KAAA,CAAAO,aAAA,CAACJ,eAAe,qBACZH,KAAA,CAAAO,aAAA,CAACF,QAAQ,QAAEC,QAAmB,CACjB,CAAC;IAE1B,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/tenancy/createTenancyProvider.js","sources":["../../../src/presentation/tenancy/createTenancyProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { TenancyProvider as ContextProvider } from \"./TenancyProvider.js\";\n\nexport const createTenancyProvider = () => {\n    return createProvider(Original => {\n        return function TenancyProvider({ children }) {\n            return (\n                <ContextProvider>\n                    <Original>{children}</Original>\n                </ContextProvider>\n            );\n        };\n    });\n};\n"],"names":["createTenancyProvider","createProvider","Original","children","ContextProvider"],"mappings":";;;AAIO,MAAMA,wBAAwB,IAC1BC,eAAeC,CAAAA,WACX,SAAyB,EAAEC,QAAQ,EAAE;YACxC,OAAO,WAAP,GACI,oBAACC,6CAAeA,MAAAA,WAAAA,GACZ,oBAACF,UAAAA,MAAUC;QAGvB"}

package/presentation/tenancy/useTenantContext.js

@@ -1,24 +1,23 @@
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 import { autorun } from "mobx";
 import { useFeature } from "@webiny/app";
 import { TenancyFeature } from "../../features/tenancy/feature.js";
-export function useTenantContext() {
-  const {
-    service
-  } = useFeature(TenancyFeature);
-  const [tenant, setTenant] = useState(() => service.getCurrentTenant());
-  useEffect(() => {
-    return autorun(() => {
-      setTenant(service.getCurrentTenant());
-    });
-  }, [service]);
-  return {
-    tenant,
-    setTenant: id => service.setTenant(id),
-    onTenantChange: callback => {
-      service.onTenantChange(callback);
-    }
-  };
+function useTenantContext() {
+    const { service } = useFeature(TenancyFeature);
+    const [tenant, setTenant] = useState(()=>service.getCurrentTenant());
+    useEffect(()=>autorun(()=>{
+            setTenant(service.getCurrentTenant());
+        }), [
+        service
+    ]);
+    return {
+        tenant,
+        setTenant: (id)=>service.setTenant(id),
+        onTenantChange: (callback)=>{
+            service.onTenantChange(callback);
+        }
+    };
 }
+export { useTenantContext };
 
 //# sourceMappingURL=useTenantContext.js.map

package/presentation/tenancy/useTenantContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useEffect","autorun","useFeature","TenancyFeature","useTenantContext","service","tenant","setTenant","getCurrentTenant","id","onTenantChange","callback"],"sources":["useTenantContext.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\nexport function useTenantContext() {\n    const { service } = useFeature(TenancyFeature);\n\n    const [tenant, setTenant] = useState(() => service.getCurrentTenant());\n\n    useEffect(() => {\n        return autorun(() => {\n            setTenant(service.getCurrentTenant());\n        });\n    }, [service]);\n\n    return {\n        tenant,\n        setTenant: (id: string | null) => service.setTenant(id),\n        onTenantChange: (callback: (tenantId: string | null) => void) => {\n            service.onTenantChange(callback);\n        }\n    };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,cAAc;AAEvB,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE9C,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,MAAMM,OAAO,CAACG,gBAAgB,CAAC,CAAC,CAAC;EAEtER,SAAS,CAAC,MAAM;IACZ,OAAOC,OAAO,CAAC,MAAM;MACjBM,SAAS,CAACF,OAAO,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,OAAO,CAAC,CAAC;EAEb,OAAO;IACHC,MAAM;IACNC,SAAS,EAAGE,EAAiB,IAAKJ,OAAO,CAACE,SAAS,CAACE,EAAE,CAAC;IACvDC,cAAc,EAAGC,QAA2C,IAAK;MAC7DN,OAAO,CAACK,cAAc,CAACC,QAAQ,CAAC;IACpC;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"presentation/tenancy/useTenantContext.js","sources":["../../../src/presentation/tenancy/useTenantContext.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\nexport function useTenantContext() {\n    const { service } = useFeature(TenancyFeature);\n\n    const [tenant, setTenant] = useState(() => service.getCurrentTenant());\n\n    useEffect(() => {\n        return autorun(() => {\n            setTenant(service.getCurrentTenant());\n        });\n    }, [service]);\n\n    return {\n        tenant,\n        setTenant: (id: string | null) => service.setTenant(id),\n        onTenantChange: (callback: (tenantId: string | null) => void) => {\n            service.onTenantChange(callback);\n        }\n    };\n}\n"],"names":["useTenantContext","service","useFeature","TenancyFeature","tenant","setTenant","useState","useEffect","autorun","id","callback"],"mappings":";;;;AAKO,SAASA;IACZ,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS,IAAML,QAAQ,gBAAgB;IAEnEM,UAAU,IACCC,QAAQ;YACXH,UAAUJ,QAAQ,gBAAgB;QACtC,IACD;QAACA;KAAQ;IAEZ,OAAO;QACHG;QACA,WAAW,CAACK,KAAsBR,QAAQ,SAAS,CAACQ;QACpD,gBAAgB,CAACC;YACbT,QAAQ,cAAc,CAACS;QAC3B;IACJ;AACJ"}

package/presentation/textToLexicalTool/TextToLexicalTool.js

@@ -1,29 +1,31 @@
 import { z } from "zod";
-import { Tool } from "../../exports/admin.js";
+import { LexicalContext, 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")
+    text: z.string().describe("Text content")
 });
 const outputSchema = z.object({
-  state: z.string().describe("Lexical editor state as JSON string"),
-  html: z.string().describe("HTML representation of the content")
+    state: z.string().describe("Lexical editor state as JSON string"),
+    html: z.string().describe("HTML representation of the content")
 }).describe("Lexical editor state with HTML");
 class TextToLexicalToolImpl {
-  name = "textToLexical";
-  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(this.lexicalContext, input.text);
-  }
+    constructor(lexicalContext){
+        this.lexicalContext = lexicalContext;
+        this.name = "textToLexical";
+        this.description = "Converts a plain text string into Lexical editor state. Use for all 'lexical' type inputs.";
+        this.inputSchema = inputSchema;
+        this.outputSchema = outputSchema;
+    }
+    async execute(input) {
+        return textToLexicalState(this.lexicalContext, input.text);
+    }
 }
-export const TextToLexicalTool = Tool.createImplementation({
-  implementation: TextToLexicalToolImpl,
-  dependencies: [LexicalContext]
+const TextToLexicalTool = Tool.createImplementation({
+    implementation: TextToLexicalToolImpl,
+    dependencies: [
+        LexicalContext
+    ]
 });
+export { TextToLexicalTool };
 
 //# sourceMappingURL=TextToLexicalTool.js.map

package/presentation/textToLexicalTool/TextToLexicalTool.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"presentation/textToLexicalTool/TextToLexicalTool.js","sources":["../../../src/presentation/textToLexicalTool/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"],"names":["inputSchema","z","outputSchema","TextToLexicalToolImpl","lexicalContext","input","textToLexicalState","TextToLexicalTool","Tool","LexicalContext"],"mappings":";;;AAKA,MAAMA,cAAcC,EAAE,MAAM,CAAC;IACzB,MAAMA,EAAE,MAAM,GAAG,QAAQ,CAAC;AAC9B;AAEA,MAAMC,eAAeD,EAAAA,MACV,CAAC;IACJ,OAAOA,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,MAAMA,EAAE,MAAM,GAAG,QAAQ,CAAC;AAC9B,GACC,QAAQ,CAAC;AAKd,MAAME;IAOF,YAAoBC,cAAwC,CAAE;aAA1CA,cAAc,GAAdA;aANX,IAAI,GAAG;aACP,WAAW,GAChB;aACK,WAAW,GAAGJ;aACd,YAAY,GAAGE;IAEuC;IAE/D,MAAM,QAAQG,KAAY,EAAmB;QACzC,OAAOC,mBAAmB,IAAI,CAAC,cAAc,EAAED,MAAM,IAAI;IAC7D;AACJ;AAEO,MAAME,oBAAoBC,KAAK,oBAAoB,CAAC;IACvD,gBAAgBL;IAChB,cAAc;QAACM;KAAe;AAClC"}

package/presentation/textToLexicalTool/feature.js

@@ -1,10 +1,11 @@
 import { createFeature } from "@webiny/feature/admin";
 import { TextToLexicalTool } from "./TextToLexicalTool.js";
-export const TextToLexicalToolFeature = createFeature({
-  name: "Tools/TextToLexicalTool",
-  register(container) {
-    container.register(TextToLexicalTool);
-  }
+const TextToLexicalToolFeature = createFeature({
+    name: "Tools/TextToLexicalTool",
+    register (container) {
+        container.register(TextToLexicalTool);
+    }
 });
+export { TextToLexicalToolFeature };
 
 //# sourceMappingURL=feature.js.map

package/presentation/textToLexicalTool/feature.js.map

@@ -1 +1 @@
-{"version":3,"names":["createFeature","TextToLexicalTool","TextToLexicalToolFeature","name","register","container"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TextToLexicalTool } from \"./TextToLexicalTool.js\";\n\nexport const TextToLexicalToolFeature = createFeature({\n    name: \"Tools/TextToLexicalTool\",\n    register(container) {\n        container.register(TextToLexicalTool);\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,wBAAwB,GAAGF,aAAa,CAAC;EAClDG,IAAI,EAAE,yBAAyB;EAC/BC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACH,iBAAiB,CAAC;EACzC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/textToLexicalTool/feature.js","sources":["../../../src/presentation/textToLexicalTool/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TextToLexicalTool } from \"./TextToLexicalTool.js\";\n\nexport const TextToLexicalToolFeature = createFeature({\n    name: \"Tools/TextToLexicalTool\",\n    register(container) {\n        container.register(TextToLexicalTool);\n    }\n});\n"],"names":["TextToLexicalToolFeature","createFeature","container","TextToLexicalTool"],"mappings":";;AAGO,MAAMA,2BAA2BC,cAAc;IAClD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}

package/presentation/textToLexicalTool/textToLexicalState.js

@@ -1,31 +1,31 @@
-import { createHtmlToLexicalParser } from "@webiny/lexical-converter";
-import { createLexicalStateTransformer } from "@webiny/lexical-converter";
-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({
-    editorConfig
-  });
-  const html = transformer.toHtml(stateJson);
-  return {
-    state: stateJson,
-    html
-  };
+import { createHtmlToLexicalParser, createLexicalStateTransformer } from "@webiny/lexical-converter";
+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({
+        editorConfig
+    });
+    const html = transformer.toHtml(stateJson);
+    return {
+        state: stateJson,
+        html
+    };
 }
+export { textToLexicalState };
 
 //# sourceMappingURL=textToLexicalState.js.map

package/presentation/textToLexicalTool/textToLexicalState.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"presentation/textToLexicalTool/textToLexicalState.js","sources":["../../../src/presentation/textToLexicalTool/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"],"names":["textToLexicalState","lexicalContext","text","lexicalTheme","editorConfig","parser","createHtmlToLexicalParser","domParser","DOMParser","state","Error","stateJson","JSON","transformer","createLexicalStateTransformer","html"],"mappings":";AASO,SAASA,mBAAmBC,cAA+B,EAAEC,IAAY;IAC5E,MAAMC,eAAeF,eAAe,QAAQ,MAAM,CAAC;IAEnD,MAAMG,eAAe;QACjB,OAAO;eAAIH,eAAe,QAAQ;SAAG;QACrC,OAAO;YACH,SAASE,aAAa,MAAM;YAC5B,aAAaA,aAAa,UAAU;QACxC;IACJ;IAEA,MAAME,SAASC,0BAA0B;QAAEF;IAAa;IACxD,MAAMG,YAAY,IAAIC;IACtB,MAAMC,QAAQJ,OAAOE,UAAU,eAAe,CAACL,MAAM;IAErD,IAAI,CAACO,OACD,MAAM,IAAIC,MAAM;IAGpB,MAAMC,YAAYC,KAAK,SAAS,CAACH;IAEjC,MAAMI,cAAcC,8BAA8B;QAAEV;IAAa;IACjE,MAAMW,OAAOF,YAAY,MAAM,CAACF;IAEhC,OAAO;QAAE,OAAOA;QAAWI;IAAK;AACpC"}