@webiny/app-admin 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

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,15 +1,11 @@
 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";
 const TenancyProvider = (props)=>{
     const { service, createTenantContainer } = useFeature(TenancyFeature);
     const tenantId = useMemo(()=>new URLSearchParams(window.location.search).get("tenantId"), []);
     useEffect(()=>{
         if (tenantId) service.setTenant(tenantId);
-        const currentTenant = service.getCurrentTenant();
-        if (currentTenant) plugins.register(new TenantHeaderLinkPlugin(currentTenant));
     }, [
         tenantId
     ]);

package/presentation/tenancy/TenancyProvider.js.map

@@ -1 +1 @@
-{"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 { 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"],"names":["TenancyProvider","props","service","createTenantContainer","useFeature","TenancyFeature","tenantId","useMemo","URLSearchParams","window","useEffect","currentTenant","plugins","TenantHeaderLinkPlugin","tenantContainer","DiContainerProvider"],"mappings":";;;;;AAUO,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;IAGLC,UAAU;QACN,IAAIJ,UACAJ,QAAQ,SAAS,CAACI;QAItB,MAAMK,gBAAgBT,QAAQ,gBAAgB;QAC9C,IAAIS,eAEAC,QAAQ,QAAQ,CAAC,IAAIC,uBAAuBF;IAEpD,GAAG;QAACL;KAAS;IAGbI,UAAU,IACCR,QAAQ,cAAc,CAAC;YAC1BO,OAAO,QAAQ,CAAC,OAAO,CAACA,OAAO,QAAQ,CAAC,MAAM;QAClD,IACD;QAACP;KAAQ;IAEZ,MAAMY,kBAAkBP,QAAQ,IACrBJ,yBACR;QAACD,QAAQ,gBAAgB;KAAG;IAE/B,OAAO,WAAP,GAAO,oBAACa,qBAAmBA;QAAC,WAAWD;OAAkBb,MAAM,QAAQ;AAC3E"}
+{"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/trashBin/TrashBinDataSource.d.ts

@@ -0,0 +1,16 @@
+import type { IDataSource, IDataSourceMeta, IDataSourceQuery } from "../../presentation/listPresenter/abstractions.js";
+import type { TrashBinItem, ITrashBinListGateway } from "./abstractions.js";
+export declare class TrashBinDataSource implements IDataSource<TrashBinItem> {
+    private listGateway;
+    private _rows;
+    private _meta;
+    private _loading;
+    constructor(listGateway: ITrashBinListGateway);
+    get rows(): TrashBinItem[];
+    get meta(): IDataSourceMeta;
+    get loading(): boolean;
+    query(params: IDataSourceQuery): Promise<void>;
+    loadMore(params: IDataSourceQuery): Promise<void>;
+    removeItem(id: string): void;
+    private buildSort;
+}

package/presentation/trashBin/TrashBinDataSource.js

@@ -0,0 +1,82 @@
+import { makeAutoObservable, runInAction } from "mobx";
+class TrashBinDataSource {
+    constructor(listGateway){
+        this.listGateway = listGateway;
+        this._rows = [];
+        this._meta = {
+            cursor: null,
+            hasMoreItems: false,
+            totalCount: 0
+        };
+        this._loading = false;
+        makeAutoObservable(this, {
+            listGateway: false
+        });
+    }
+    get rows() {
+        return this._rows;
+    }
+    get meta() {
+        return this._meta;
+    }
+    get loading() {
+        return this._loading;
+    }
+    async query(params) {
+        this._loading = true;
+        this._rows = [];
+        try {
+            const result = await this.listGateway.execute({
+                where: params.filters,
+                sort: this.buildSort(params),
+                limit: params.limit,
+                after: params.cursor,
+                search: params.search
+            });
+            runInAction(()=>{
+                this._rows = result.data;
+                this._meta = result.meta;
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    async loadMore(params) {
+        if (!this._meta.hasMoreItems || this._loading) return;
+        this._loading = true;
+        try {
+            const result = await this.listGateway.execute({
+                where: params.filters,
+                sort: this.buildSort(params),
+                limit: params.limit,
+                after: this._meta.cursor ?? void 0,
+                search: params.search
+            });
+            runInAction(()=>{
+                this._rows = [
+                    ...this._rows,
+                    ...result.data
+                ];
+                this._meta = result.meta;
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    removeItem(id) {
+        this._rows = this._rows.filter((row)=>row.id !== id);
+    }
+    buildSort(params) {
+        if (!params.sort) return;
+        return [
+            `${params.sort.field}_${params.sort.direction}`
+        ];
+    }
+}
+export { TrashBinDataSource };
+
+//# sourceMappingURL=TrashBinDataSource.js.map

package/presentation/trashBin/TrashBinDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/TrashBinDataSource.js","sources":["../../../src/presentation/trashBin/TrashBinDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceMeta,\n    IDataSourceQuery\n} from \"~/presentation/listPresenter/abstractions.js\";\nimport type { TrashBinItem, ITrashBinListGateway } from \"./abstractions.js\";\n\nexport class TrashBinDataSource implements IDataSource<TrashBinItem> {\n    private _rows: TrashBinItem[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private listGateway: ITrashBinListGateway) {\n        makeAutoObservable<TrashBinDataSource, \"listGateway\">(this, {\n            listGateway: false\n        });\n    }\n\n    get rows(): TrashBinItem[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        this._rows = [];\n\n        try {\n            const result = await this.listGateway.execute({\n                where: params.filters,\n                sort: this.buildSort(params),\n                limit: params.limit,\n                after: params.cursor,\n                search: params.search\n            });\n\n            runInAction(() => {\n                this._rows = result.data;\n                this._meta = result.meta;\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n\n        this._loading = true;\n\n        try {\n            const result = await this.listGateway.execute({\n                where: params.filters,\n                sort: this.buildSort(params),\n                limit: params.limit,\n                after: this._meta.cursor ?? undefined,\n                search: params.search\n            });\n\n            runInAction(() => {\n                this._rows = [...this._rows, ...result.data];\n                this._meta = result.meta;\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    removeItem(id: string): void {\n        this._rows = this._rows.filter(row => row.id !== id);\n    }\n\n    private buildSort(params: IDataSourceQuery): string[] | undefined {\n        if (!params.sort) {\n            return undefined;\n        }\n        return [`${params.sort.field}_${params.sort.direction}`];\n    }\n}\n"],"names":["TrashBinDataSource","listGateway","makeAutoObservable","params","result","runInAction","undefined","id","row"],"mappings":";AAQO,MAAMA;IAKT,YAAoBC,WAAiC,CAAE;aAAnCA,WAAW,GAAXA;aAJZ,KAAK,GAAmB,EAAE;aAC1B,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAsD,IAAI,EAAE;YACxD,aAAa;QACjB;IACJ;IAEA,IAAI,OAAuB;QACvB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QAEf,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;gBAC1C,OAAOD,OAAO,OAAO;gBACrB,MAAM,IAAI,CAAC,SAAS,CAACA;gBACrB,OAAOA,OAAO,KAAK;gBACnB,OAAOA,OAAO,MAAM;gBACpB,QAAQA,OAAO,MAAM;YACzB;YAEAE,YAAY;gBACR,IAAI,CAAC,KAAK,GAAGD,OAAO,IAAI;gBACxB,IAAI,CAAC,KAAK,GAAGA,OAAO,IAAI;YAC5B;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;IAEA,MAAM,SAASF,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAGJ,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;gBAC1C,OAAOD,OAAO,OAAO;gBACrB,MAAM,IAAI,CAAC,SAAS,CAACA;gBACrB,OAAOA,OAAO,KAAK;gBACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIG;gBAC5B,QAAQH,OAAO,MAAM;YACzB;YAEAE,YAAY;gBACR,IAAI,CAAC,KAAK,GAAG;uBAAI,IAAI,CAAC,KAAK;uBAAKD,OAAO,IAAI;iBAAC;gBAC5C,IAAI,CAAC,KAAK,GAAGA,OAAO,IAAI;YAC5B;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;IAEA,WAAWE,EAAU,EAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,MAAOA,IAAI,EAAE,KAAKD;IACrD;IAEQ,UAAUJ,MAAwB,EAAwB;QAC9D,IAAI,CAACA,OAAO,IAAI,EACZ;QAEJ,OAAO;YAAC,GAAGA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAEA,OAAO,IAAI,CAAC,SAAS,EAAE;SAAC;IAC5D;AACJ"}

package/presentation/trashBin/TrashBinPresenter.d.ts

@@ -0,0 +1,20 @@
+import { ListPresenter } from "../../presentation/listPresenter/abstractions.js";
+import { TrashBinListGateway, TrashBinDeleteGateway, TrashBinRestoreGateway, TrashBinBulkActionGateway, type ITrashBinPresenter, type ITrashBinPresenterConfig, type ITrashBinViewModel, type ITrashBinActions, type TrashBinItem } from "./abstractions.js";
+declare class TrashBinPresenterImpl implements ITrashBinPresenter {
+    private listPresenter;
+    private listGateway;
+    private deleteGateway;
+    private restoreGateway;
+    private bulkActionGateway;
+    private _nameColumnId;
+    private _dataSource;
+    constructor(listPresenter: ListPresenter.Interface<TrashBinItem>, listGateway: TrashBinListGateway.Interface, deleteGateway: TrashBinDeleteGateway.Interface, restoreGateway: TrashBinRestoreGateway.Interface, bulkActionGateway: TrashBinBulkActionGateway.Interface);
+    get vm(): ITrashBinViewModel;
+    actions: ITrashBinActions;
+    init(config: ITrashBinPresenterConfig): void;
+    dispose(): void;
+}
+export declare const TrashBinPresenter: typeof TrashBinPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ITrashBinPresenter>;
+};
+export {};

package/presentation/trashBin/TrashBinPresenter.js

@@ -0,0 +1,114 @@
+import { computed, makeAutoObservable } from "mobx";
+import { ListPresenter } from "../listPresenter/abstractions.js";
+import { TrashBinBulkActionGateway, TrashBinDeleteGateway, TrashBinListGateway, TrashBinPresenter, TrashBinRestoreGateway } from "./abstractions.js";
+import { TrashBinDataSource } from "./TrashBinDataSource.js";
+class TrashBinPresenterImpl {
+    constructor(listPresenter, listGateway, deleteGateway, restoreGateway, bulkActionGateway){
+        this.listPresenter = listPresenter;
+        this.listGateway = listGateway;
+        this.deleteGateway = deleteGateway;
+        this.restoreGateway = restoreGateway;
+        this.bulkActionGateway = bulkActionGateway;
+        this._nameColumnId = "id";
+        this._dataSource = null;
+        this.actions = {
+            search: {
+                set: (query)=>this.listPresenter.actions.search.set(query),
+                clear: ()=>this.listPresenter.actions.search.clear()
+            },
+            sort: {
+                set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+                toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+            },
+            filter: {
+                set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+                clear: (key)=>this.listPresenter.actions.filter.clear(key),
+                clearAll: ()=>this.listPresenter.actions.filter.clearAll(),
+                show: ()=>this.listPresenter.actions.filter.show(),
+                hide: ()=>this.listPresenter.actions.filter.hide()
+            },
+            selection: {
+                toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+                selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+                selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+                deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+                selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+                isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+            },
+            loadMore: ()=>this.listPresenter.actions.loadMore(),
+            refresh: ()=>this.listPresenter.actions.refresh(),
+            restoreItem: async (id)=>{
+                await this.restoreGateway.execute(id);
+                if (this._dataSource) this._dataSource.removeItem(id);
+            },
+            deleteItem: async (id)=>{
+                await this.deleteGateway.execute(id);
+                if (this._dataSource) this._dataSource.removeItem(id);
+            },
+            bulkRestore: async (params)=>{
+                const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);
+                await this.bulkActionGateway.execute({
+                    action: "Restore",
+                    where: params?.where ?? {
+                        id_in: selectedIds
+                    },
+                    search: params?.search
+                });
+                this.listPresenter.actions.selection.deselectAll();
+                await this.listPresenter.actions.refresh();
+            },
+            bulkDelete: async (params)=>{
+                const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);
+                await this.bulkActionGateway.execute({
+                    action: "Delete",
+                    where: params?.where ?? {
+                        id_in: selectedIds
+                    },
+                    search: params?.search
+                });
+                this.listPresenter.actions.selection.deselectAll();
+                await this.listPresenter.actions.refresh();
+            }
+        };
+        makeAutoObservable(this, {
+            listGateway: false,
+            deleteGateway: false,
+            restoreGateway: false,
+            bulkActionGateway: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            list: this.listPresenter.vm,
+            nameColumnId: this._nameColumnId
+        };
+    }
+    init(config) {
+        this._nameColumnId = config.nameColumnId;
+        this._dataSource = new TrashBinDataSource(this.listGateway);
+        this.listPresenter.init({
+            dataSource: this._dataSource,
+            initialSort: config.initialSort ?? {
+                field: "deletedOn",
+                direction: "DESC"
+            }
+        });
+    }
+    dispose() {
+        this._dataSource = null;
+    }
+}
+const TrashBinPresenter_TrashBinPresenter = TrashBinPresenter.createImplementation({
+    implementation: TrashBinPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        TrashBinListGateway,
+        TrashBinDeleteGateway,
+        TrashBinRestoreGateway,
+        TrashBinBulkActionGateway
+    ]
+});
+export { TrashBinPresenter_TrashBinPresenter as TrashBinPresenter };
+
+//# sourceMappingURL=TrashBinPresenter.js.map

package/presentation/trashBin/TrashBinPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/TrashBinPresenter.js","sources":["../../../src/presentation/trashBin/TrashBinPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable } from \"mobx\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport {\n    TrashBinPresenter as Abstraction,\n    TrashBinListGateway,\n    TrashBinDeleteGateway,\n    TrashBinRestoreGateway,\n    TrashBinBulkActionGateway,\n    type ITrashBinPresenter,\n    type ITrashBinPresenterConfig,\n    type ITrashBinViewModel,\n    type ITrashBinActions,\n    type TrashBinItem\n} from \"./abstractions.js\";\nimport { TrashBinDataSource } from \"./TrashBinDataSource.js\";\n\nclass TrashBinPresenterImpl implements ITrashBinPresenter {\n    private _nameColumnId = \"id\";\n    private _dataSource: TrashBinDataSource | null = null;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<TrashBinItem>,\n        private listGateway: TrashBinListGateway.Interface,\n        private deleteGateway: TrashBinDeleteGateway.Interface,\n        private restoreGateway: TrashBinRestoreGateway.Interface,\n        private bulkActionGateway: TrashBinBulkActionGateway.Interface\n    ) {\n        makeAutoObservable<\n            TrashBinPresenterImpl,\n            \"listGateway\" | \"deleteGateway\" | \"restoreGateway\" | \"bulkActionGateway\"\n        >(this, {\n            listGateway: false,\n            deleteGateway: false,\n            restoreGateway: false,\n            bulkActionGateway: false,\n            vm: computed\n        });\n    }\n\n    get vm(): ITrashBinViewModel {\n        return {\n            list: this.listPresenter.vm,\n            nameColumnId: this._nameColumnId\n        };\n    }\n\n    actions: ITrashBinActions = {\n        search: {\n            set: (query: string) => this.listPresenter.actions.search.set(query),\n            clear: () => this.listPresenter.actions.search.clear()\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") =>\n                this.listPresenter.actions.sort.set(field, direction),\n            toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n        },\n        filter: {\n            set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n            clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n            clearAll: () => this.listPresenter.actions.filter.clearAll(),\n            show: () => this.listPresenter.actions.filter.show(),\n            hide: () => this.listPresenter.actions.filter.hide()\n        },\n        selection: {\n            toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n            selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n            selectAll: () => this.listPresenter.actions.selection.selectAll(),\n            deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n            selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n            isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n        },\n        loadMore: () => this.listPresenter.actions.loadMore(),\n        refresh: () => this.listPresenter.actions.refresh(),\n\n        restoreItem: async (id: string) => {\n            await this.restoreGateway.execute(id);\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n        },\n\n        deleteItem: async (id: string) => {\n            await this.deleteGateway.execute(id);\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n        },\n\n        bulkRestore: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Restore\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        },\n\n        bulkDelete: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Delete\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        }\n    };\n\n    init(config: ITrashBinPresenterConfig): void {\n        this._nameColumnId = config.nameColumnId;\n\n        this._dataSource = new TrashBinDataSource(this.listGateway);\n\n        this.listPresenter.init({\n            dataSource: this._dataSource,\n            initialSort: config.initialSort ?? { field: \"deletedOn\", direction: \"DESC\" }\n        });\n    }\n\n    dispose(): void {\n        this._dataSource = null;\n    }\n}\n\nexport const TrashBinPresenter = Abstraction.createImplementation({\n    implementation: TrashBinPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        TrashBinListGateway,\n        TrashBinDeleteGateway,\n        TrashBinRestoreGateway,\n        TrashBinBulkActionGateway\n    ]\n});\n"],"names":["TrashBinPresenterImpl","listPresenter","listGateway","deleteGateway","restoreGateway","bulkActionGateway","query","field","direction","key","value","id","ids","params","selectedIds","Array","makeAutoObservable","computed","config","TrashBinDataSource","TrashBinPresenter","Abstraction","ListPresenter","TrashBinListGateway","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway"],"mappings":"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"}