@webiny/app-website-builder 6.0.0 → 6.1.0-beta.0

package/components/TrashBin/adapters/TrashBinRestorePageGraphQLGateway.js

@@ -0,0 +1,30 @@
+import { createRestorePageMutation } from "./graphql/restoreMutation.js";
+export class TrashBinRestorePageGraphQLGateway {
+  constructor(params) {
+    this.client = params.client;
+    this.fields = params.fields;
+  }
+  async execute(id) {
+    const {
+      data: response
+    } = await this.client.mutate({
+      mutation: createRestorePageMutation(this.fields),
+      variables: {
+        id
+      }
+    });
+    if (!response) {
+      throw new Error("Network error while restoring entry from trash bin.");
+    }
+    const {
+      data,
+      error
+    } = response.websiteBuilder.restorePage;
+    if (!data) {
+      throw new Error(error?.message || "Could not fetch the restored entry.");
+    }
+    return data;
+  }
+}
+
+//# sourceMappingURL=TrashBinRestorePageGraphQLGateway.js.map

package/components/TrashBin/adapters/TrashBinRestorePageGraphQLGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createRestorePageMutation","TrashBinRestorePageGraphQLGateway","constructor","params","client","fields","execute","id","data","response","mutate","mutation","variables","Error","error","websiteBuilder","restorePage","message"],"sources":["TrashBinRestorePageGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { ITrashBinRestoreItemGateway } from \"@webiny/app-trash-bin\";\nimport type {\n    ITrashPageRestoreMutationResponse,\n    ITrashPageRestoreMutationVariables\n} from \"./graphql/restoreMutation.js\";\nimport { createRestorePageMutation } from \"./graphql/restoreMutation.js\";\nimport type { PageGatewayDto } from \"~/features/pages/getPage/PageGatewayDto.js\";\n\ninterface ITrashBinRestorePageGraphQLGatewayParams {\n    client: ApolloClient<object>;\n    fields: string[];\n}\n\nexport class TrashBinRestorePageGraphQLGateway\n    implements ITrashBinRestoreItemGateway<PageGatewayDto>\n{\n    private readonly client: ApolloClient<object>;\n    private readonly fields: string[];\n\n    public constructor(params: ITrashBinRestorePageGraphQLGatewayParams) {\n        this.client = params.client;\n        this.fields = params.fields;\n    }\n\n    public async execute(id: string): Promise<PageGatewayDto> {\n        const { data: response } = await this.client.mutate<\n            ITrashPageRestoreMutationResponse,\n            ITrashPageRestoreMutationVariables\n        >({\n            mutation: createRestorePageMutation(this.fields),\n            variables: {\n                id\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while restoring entry from trash bin.\");\n        }\n\n        const { data, error } = response.websiteBuilder.restorePage;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch the restored entry.\");\n        }\n\n        return data;\n    }\n}\n"],"mappings":"AAMA,SAASA,yBAAyB;AAQlC,OAAO,MAAMC,iCAAiC,CAE9C;EAIWC,WAAWA,CAACC,MAAgD,EAAE;IACjE,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM;IAC3B,IAAI,CAACC,MAAM,GAAGF,MAAM,CAACE,MAAM;EAC/B;EAEA,MAAaC,OAAOA,CAACC,EAAU,EAA2B;IACtD,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACL,MAAM,CAACM,MAAM,CAGjD;MACEC,QAAQ,EAAEX,yBAAyB,CAAC,IAAI,CAACK,MAAM,CAAC;MAChDO,SAAS,EAAE;QACPL;MACJ;IACJ,CAAC,CAAC;IAEF,IAAI,CAACE,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,qDAAqD,CAAC;IAC1E;IAEA,MAAM;MAAEL,IAAI;MAAEM;IAAM,CAAC,GAAGL,QAAQ,CAACM,cAAc,CAACC,WAAW;IAE3D,IAAI,CAACR,IAAI,EAAE;MACP,MAAM,IAAIK,KAAK,CAACC,KAAK,EAAEG,OAAO,IAAI,qCAAqC,CAAC;IAC5E;IAEA,OAAOT,IAAI;EACf;AACJ","ignoreList":[]}

package/components/TrashBin/adapters/graphql/bulkActionsMutation.d.ts

@@ -0,0 +1,15 @@
+import type { WbError } from "../../../../types.js";
+export interface IBulkActionsMutationVariables {
+    action: string;
+}
+export interface IBulkActionsMutationResponse {
+    websiteBuilder: {
+        bulkActions: {
+            data: {
+                id: string;
+            } | null;
+            error: WbError | null;
+        };
+    };
+}
+export declare const createBulkActionsMutation: (fields: string[]) => import("graphql").DocumentNode;

package/components/TrashBin/adapters/graphql/bulkActionsMutation.js

@@ -0,0 +1,20 @@
+import gql from "graphql-tag";
+export const createBulkActionsMutation = fields => {
+  return gql`
+        mutation WebsiteBuilderBulkActions($action: WbBulkActionsInput!) {
+            websiteBuilder {
+                bulkActions(action: $action) {
+                    data {
+                        ${fields.join("\n")}
+                    }
+                    error {
+                        message
+                        code
+                    }
+                }
+            }
+        }
+    `;
+};
+
+//# sourceMappingURL=bulkActionsMutation.js.map

package/components/TrashBin/adapters/graphql/bulkActionsMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","createBulkActionsMutation","fields","join"],"sources":["bulkActionsMutation.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { WbError } from \"~/types.js\";\n\nexport interface IBulkActionsMutationVariables {\n    action: string;\n}\n\nexport interface IBulkActionsMutationResponse {\n    websiteBuilder: {\n        bulkActions: {\n            data: {\n                id: string;\n            } | null;\n            error: WbError | null;\n        };\n    };\n}\n\nexport const createBulkActionsMutation = (fields: string[]) => {\n    return gql`\n        mutation WebsiteBuilderBulkActions($action: WbBulkActionsInput!) {\n            websiteBuilder {\n                bulkActions(action: $action) {\n                    data {\n                        ${fields.join(\"\\n\")}\n                    }\n                    error {\n                        message\n                        code\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAkB7B,OAAO,MAAMC,yBAAyB,GAAIC,MAAgB,IAAK;EAC3D,OAAOF,GAAG;AACd;AACA;AACA;AACA;AACA,0BAA0BE,MAAM,CAACC,IAAI,CAAC,IAAI,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/TrashBin/adapters/graphql/listQuery.d.ts

@@ -0,0 +1,21 @@
+import type { PageGatewayDto } from "../../../../features/pages/loadPages/PageGatewayDto.js";
+import type { WbError, WbListMeta } from "../../../../types.js";
+export interface IListTrashPagesQueryVariables {
+    where?: {
+        [key: string]: any;
+    };
+    limit?: number;
+    sort?: string[];
+    after?: string | null;
+    search?: string;
+}
+export interface IListTrashPagesQueryResponse {
+    websiteBuilder: {
+        listDeletedPages: {
+            data: PageGatewayDto[] | null;
+            meta: WbListMeta | null;
+            error: WbError | null;
+        };
+    };
+}
+export declare const createListTrashPagesQuery: (fields: string[]) => import("graphql").DocumentNode;

package/components/TrashBin/adapters/graphql/listQuery.js

@@ -0,0 +1,20 @@
+import gql from "graphql-tag";
+export const createListTrashPagesQuery = fields => {
+  return gql`
+        query WebsiteBuilderListTrashPages($where: WbPagesListWhereInput, $limit: Int, $after: String, $sort: [WbPageListSorter], $search: String) {
+            websiteBuilder {
+                listDeletedPages(where: $where, limit: $limit, after: $after, sort: $sort, search: $search) {
+                    data {
+                        ${fields.join("\n")}
+                    }
+                    meta {
+                        hasMoreItems
+                        totalCount
+                    }
+                }
+            }
+        }
+    `;
+};
+
+//# sourceMappingURL=listQuery.js.map

package/components/TrashBin/adapters/graphql/listQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","createListTrashPagesQuery","fields","join"],"sources":["listQuery.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { PageGatewayDto } from \"~/features/pages/loadPages/PageGatewayDto.js\";\nimport type { WbError, WbListMeta } from \"~/types.js\";\n\nexport interface IListTrashPagesQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    limit?: number;\n    sort?: string[];\n    after?: string | null;\n    search?: string;\n}\n\nexport interface IListTrashPagesQueryResponse {\n    websiteBuilder: {\n        listDeletedPages: {\n            data: PageGatewayDto[] | null;\n            meta: WbListMeta | null;\n            error: WbError | null;\n        };\n    };\n}\n\nexport const createListTrashPagesQuery = (fields: string[]) => {\n    return gql`\n        query WebsiteBuilderListTrashPages($where: WbPagesListWhereInput, $limit: Int, $after: String, $sort: [WbPageListSorter], $search: String) {\n            websiteBuilder {\n                listDeletedPages(where: $where, limit: $limit, after: $after, sort: $sort, search: $search) {\n                    data {\n                        ${fields.join(\"\\n\")}\n                    }\n                    meta {\n                        hasMoreItems\n                        totalCount\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAwB7B,OAAO,MAAMC,yBAAyB,GAAIC,MAAgB,IAAK;EAC3D,OAAOF,GAAG;AACd;AACA;AACA;AACA;AACA,0BAA0BE,MAAM,CAACC,IAAI,CAAC,IAAI,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/TrashBin/adapters/graphql/permanentDeleteMutation.d.ts

@@ -0,0 +1,15 @@
+import type { WbError } from "../../../../types.js";
+import type { PageGatewayDto } from "../../../../features/pages/getPage/PageGatewayDto.js";
+export interface IPermanentDeletePageMutationVariables {
+    id: string;
+    permanently: boolean;
+}
+export interface IPermanentDeletePageMutationResponse {
+    websiteBuilder: {
+        deletePage: {
+            data: PageGatewayDto | null;
+            error: WbError | null;
+        };
+    };
+}
+export declare const createPermanentDeletePageMutation: () => import("graphql").DocumentNode;

package/components/TrashBin/adapters/graphql/permanentDeleteMutation.js

@@ -0,0 +1,18 @@
+import gql from "graphql-tag";
+export const createPermanentDeletePageMutation = () => {
+  return gql`
+        mutation WebsiteBuilderPermanentlyDeletePage($id: ID!, $permanently: Boolean!) {
+            websiteBuilder {
+                deletePage(id: $id, permanently: $permanently) {
+                    data
+                    error {
+                        code
+                        message
+                    }
+                }
+            }
+        }
+    `;
+};
+
+//# sourceMappingURL=permanentDeleteMutation.js.map

package/components/TrashBin/adapters/graphql/permanentDeleteMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","createPermanentDeletePageMutation"],"sources":["permanentDeleteMutation.ts"],"sourcesContent":["import type { WbError } from \"~/types.js\";\nimport gql from \"graphql-tag\";\nimport type { PageGatewayDto } from \"~/features/pages/getPage/PageGatewayDto.js\";\n\nexport interface IPermanentDeletePageMutationVariables {\n    id: string;\n    permanently: boolean;\n}\n\nexport interface IPermanentDeletePageMutationResponse {\n    websiteBuilder: {\n        deletePage: {\n            data: PageGatewayDto | null;\n            error: WbError | null;\n        };\n    };\n}\n\nexport const createPermanentDeletePageMutation = () => {\n    return gql`\n        mutation WebsiteBuilderPermanentlyDeletePage($id: ID!, $permanently: Boolean!) {\n            websiteBuilder {\n                deletePage(id: $id, permanently: $permanently) {\n                    data\n                    error {\n                        code\n                        message\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AACA,OAAOA,GAAG,MAAM,aAAa;AAiB7B,OAAO,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACnD,OAAOD,GAAG;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/TrashBin/adapters/graphql/restoreMutation.d.ts

@@ -0,0 +1,14 @@
+import type { WbError } from "../../../../types.js";
+import type { PageGatewayDto } from "../../../../features/pages/getPage/PageGatewayDto.js";
+export interface ITrashPageRestoreMutationVariables {
+    id: string;
+}
+export interface ITrashPageRestoreMutationResponse {
+    websiteBuilder: {
+        restorePage: {
+            data: PageGatewayDto | null;
+            error: WbError | null;
+        };
+    };
+}
+export declare const createRestorePageMutation: (fields: string[]) => import("graphql").DocumentNode;

package/components/TrashBin/adapters/graphql/restoreMutation.js

@@ -0,0 +1,20 @@
+import gql from "graphql-tag";
+export const createRestorePageMutation = fields => {
+  return gql`
+        mutation WebsiteBuilderRestorePage($id: ID!) {
+            websiteBuilder {
+                restorePage(id: $id) {
+                    data {
+                        ${fields.join("\n")}
+                    }
+                    error {
+                        code
+                        message
+                    }
+                }
+            }
+        }
+    `;
+};
+
+//# sourceMappingURL=restoreMutation.js.map

package/components/TrashBin/adapters/graphql/restoreMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","createRestorePageMutation","fields","join"],"sources":["restoreMutation.ts"],"sourcesContent":["import type { WbError } from \"~/types.js\";\nimport gql from \"graphql-tag\";\nimport type { PageGatewayDto } from \"~/features/pages/getPage/PageGatewayDto.js\";\n\nexport interface ITrashPageRestoreMutationVariables {\n    id: string;\n}\n\nexport interface ITrashPageRestoreMutationResponse {\n    websiteBuilder: {\n        restorePage: {\n            data: PageGatewayDto | null;\n            error: WbError | null;\n        };\n    };\n}\n\nexport const createRestorePageMutation = (fields: string[]) => {\n    return gql`\n        mutation WebsiteBuilderRestorePage($id: ID!) {\n            websiteBuilder {\n                restorePage(id: $id) {\n                    data {\n                        ${fields.join(\"\\n\")}\n                    }\n                    error {\n                        code\n                        message\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AACA,OAAOA,GAAG,MAAM,aAAa;AAgB7B,OAAO,MAAMC,yBAAyB,GAAIC,MAAgB,IAAK;EAC3D,OAAOF,GAAG;AACd;AACA;AACA;AACA;AACA,0BAA0BE,MAAM,CAACC,IAAI,CAAC,IAAI,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/TrashBin/adapters/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./TrashBinBulkActionsGraphQLGateway.js";
+export * from "./TrashBinDeletePageGraphQLGateway.js";
+export * from "./TrashBinListPagesGraphQLGateway.js";
+export * from "./TrashBinRestorePageGraphQLGateway.js";
+export * from "./TrashBinItemMapper.js";
+export * from "./usePageFields.js";

package/components/TrashBin/adapters/index.js

@@ -0,0 +1,8 @@
+export * from "./TrashBinBulkActionsGraphQLGateway.js";
+export * from "./TrashBinDeletePageGraphQLGateway.js";
+export * from "./TrashBinListPagesGraphQLGateway.js";
+export * from "./TrashBinRestorePageGraphQLGateway.js";
+export * from "./TrashBinItemMapper.js";
+export * from "./usePageFields.js";
+
+//# sourceMappingURL=index.js.map

package/components/TrashBin/adapters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TrashBinBulkActionsGraphQLGateway.js\";\nexport * from \"./TrashBinDeletePageGraphQLGateway.js\";\nexport * from \"./TrashBinListPagesGraphQLGateway.js\";\nexport * from \"./TrashBinRestorePageGraphQLGateway.js\";\nexport * from \"./TrashBinItemMapper.js\";\nexport * from \"./usePageFields.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/components/TrashBin/adapters/usePageFields.d.ts

@@ -0,0 +1 @@
+export declare const usePageFields: () => string[];

package/components/TrashBin/adapters/usePageFields.js

@@ -0,0 +1,14 @@
+import { useContainer } from "@webiny/app";
+import { GetPageGraphQLFieldSelection } from "../../../features/pages/getPage/abstractions.js";
+import { useGetPageGraphQLFields } from "../../../features/pages/index.js";
+export const usePageFields = () => {
+  const container = useContainer();
+  const resolvedFieldSelection = container.resolveAll(GetPageGraphQLFieldSelection);
+  const resolvedFields = ["properties", "metadata", "bindings", "elements", "extensions"];
+  for (const selection of resolvedFieldSelection) {
+    resolvedFields.push(...selection.getSelection());
+  }
+  return useGetPageGraphQLFields(resolvedFields);
+};
+
+//# sourceMappingURL=usePageFields.js.map

package/components/TrashBin/adapters/usePageFields.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContainer","GetPageGraphQLFieldSelection","useGetPageGraphQLFields","usePageFields","container","resolvedFieldSelection","resolveAll","resolvedFields","selection","push","getSelection"],"sources":["usePageFields.ts"],"sourcesContent":["import { useContainer } from \"@webiny/app\";\nimport { GetPageGraphQLFieldSelection } from \"~/features/pages/getPage/abstractions.js\";\nimport { useGetPageGraphQLFields } from \"~/features/pages/index.js\";\n\nexport const usePageFields = () => {\n    const container = useContainer();\n\n    const resolvedFieldSelection = container.resolveAll(GetPageGraphQLFieldSelection);\n\n    const resolvedFields = [\"properties\", \"metadata\", \"bindings\", \"elements\", \"extensions\"];\n    for (const selection of resolvedFieldSelection) {\n        resolvedFields.push(...selection.getSelection());\n    }\n\n    return useGetPageGraphQLFields(resolvedFields);\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;AAC1C,SAASC,4BAA4B;AACrC,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,SAAS,GAAGJ,YAAY,CAAC,CAAC;EAEhC,MAAMK,sBAAsB,GAAGD,SAAS,CAACE,UAAU,CAACL,4BAA4B,CAAC;EAEjF,MAAMM,cAAc,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC;EACvF,KAAK,MAAMC,SAAS,IAAIH,sBAAsB,EAAE;IAC5CE,cAAc,CAACE,IAAI,CAAC,GAAGD,SAAS,CAACE,YAAY,CAAC,CAAC,CAAC;EACpD;EAEA,OAAOR,uBAAuB,CAACK,cAAc,CAAC;AAClD,CAAC","ignoreList":[]}

package/components/TrashBin/components/TrashBin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TrashBin: () => React.JSX.Element | null;

package/components/TrashBin/components/TrashBin.js

@@ -0,0 +1,70 @@
+import React, { useCallback, useMemo } from "react";
+import { TrashBin as BaseTrashBin } from "@webiny/app-trash-bin";
+import { TrashBinBulkActionsGraphQLGateway, TrashBinDeletePageGraphQLGateway, TrashBinItemMapper, TrashBinListPagesGraphQLGateway, TrashBinRestorePageGraphQLGateway, usePageFields } from "../adapters/index.js";
+import { TrashBinButton } from "./TrashBinButton.js";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { useApolloClient } from "@apollo/react-hooks";
+import { usePermissions } from "../../../presentation/security/usePermissions.js";
+export const TrashBin = () => {
+  const client = useApolloClient();
+  const {
+    canDelete
+  } = usePermissions();
+  const {
+    navigateToFolder
+  } = useNavigateFolder();
+  const pageFields = usePageFields();
+  const bulkActionsGateway = useMemo(() => {
+    return new TrashBinBulkActionsGraphQLGateway({
+      client,
+      fields: pageFields
+    });
+  }, [client, pageFields]);
+  const listGateway = useMemo(() => {
+    return new TrashBinListPagesGraphQLGateway({
+      client,
+      fields: pageFields
+    });
+  }, [client, pageFields]);
+  const deleteGateway = useMemo(() => {
+    return new TrashBinDeletePageGraphQLGateway({
+      client
+    });
+  }, [client, pageFields]);
+  const restoreGateway = useMemo(() => {
+    return new TrashBinRestorePageGraphQLGateway({
+      client,
+      fields: pageFields
+    });
+  }, [client, pageFields]);
+  const itemMapper = useMemo(() => {
+    return new TrashBinItemMapper();
+  }, []);
+  const handleItemAfterRestore = useCallback(async item => {
+    navigateToFolder(item.location.folderId);
+  }, [navigateToFolder]);
+  if (!canDelete("page")) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(BaseTrashBin, {
+    render: ({
+      showTrashBin
+    }) => {
+      return /*#__PURE__*/React.createElement(TrashBinButton, {
+        onClick: showTrashBin
+      });
+    },
+    bulkActionsGateway: bulkActionsGateway,
+    deleteBulkActionName: "Delete",
+    restoreBulkActionName: "Restore",
+    listGateway: listGateway,
+    deleteGateway: deleteGateway,
+    restoreGateway: restoreGateway,
+    itemMapper: itemMapper,
+    onItemAfterRestore: handleItemAfterRestore,
+    nameColumnId: "properties.title",
+    title: `Trash - Pages`
+  });
+};
+
+//# sourceMappingURL=TrashBin.js.map

package/components/TrashBin/components/TrashBin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","TrashBin","BaseTrashBin","TrashBinBulkActionsGraphQLGateway","TrashBinDeletePageGraphQLGateway","TrashBinItemMapper","TrashBinListPagesGraphQLGateway","TrashBinRestorePageGraphQLGateway","usePageFields","TrashBinButton","useNavigateFolder","useApolloClient","usePermissions","client","canDelete","navigateToFolder","pageFields","bulkActionsGateway","fields","listGateway","deleteGateway","restoreGateway","itemMapper","handleItemAfterRestore","item","location","folderId","createElement","render","showTrashBin","onClick","deleteBulkActionName","restoreBulkActionName","onItemAfterRestore","nameColumnId","title"],"sources":["TrashBin.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { TrashBin as BaseTrashBin } from \"@webiny/app-trash-bin\";\nimport {\n    TrashBinBulkActionsGraphQLGateway,\n    TrashBinDeletePageGraphQLGateway,\n    TrashBinItemMapper,\n    TrashBinListPagesGraphQLGateway,\n    TrashBinRestorePageGraphQLGateway,\n    usePageFields\n} from \"../adapters/index.js\";\nimport { TrashBinButton } from \"./TrashBinButton.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { usePermissions } from \"~/presentation/security/usePermissions.js\";\n\nexport const TrashBin = () => {\n    const client = useApolloClient();\n    const { canDelete } = usePermissions();\n    const { navigateToFolder } = useNavigateFolder();\n\n    const pageFields = usePageFields();\n\n    const bulkActionsGateway = useMemo(() => {\n        return new TrashBinBulkActionsGraphQLGateway({\n            client,\n            fields: pageFields\n        });\n    }, [client, pageFields]);\n\n    const listGateway = useMemo(() => {\n        return new TrashBinListPagesGraphQLGateway({\n            client,\n            fields: pageFields\n        });\n    }, [client, pageFields]);\n\n    const deleteGateway = useMemo(() => {\n        return new TrashBinDeletePageGraphQLGateway({\n            client\n        });\n    }, [client, pageFields]);\n\n    const restoreGateway = useMemo(() => {\n        return new TrashBinRestorePageGraphQLGateway({\n            client,\n            fields: pageFields\n        });\n    }, [client, pageFields]);\n\n    const itemMapper = useMemo(() => {\n        return new TrashBinItemMapper();\n    }, []);\n\n    const handleItemAfterRestore = useCallback(\n        async (item: { location: { folderId: string | undefined } }) => {\n            navigateToFolder(item.location.folderId);\n        },\n        [navigateToFolder]\n    );\n\n    if (!canDelete(\"page\")) {\n        return null;\n    }\n\n    return (\n        <BaseTrashBin\n            render={({ showTrashBin }) => {\n                return <TrashBinButton onClick={showTrashBin} />;\n            }}\n            bulkActionsGateway={bulkActionsGateway}\n            deleteBulkActionName={\"Delete\"}\n            restoreBulkActionName={\"Restore\"}\n            listGateway={listGateway}\n            deleteGateway={deleteGateway}\n            restoreGateway={restoreGateway}\n            itemMapper={itemMapper}\n            onItemAfterRestore={handleItemAfterRestore}\n            nameColumnId={\"properties.title\"}\n            title={`Trash - Pages`}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,IAAIC,YAAY,QAAQ,uBAAuB;AAChE,SACIC,iCAAiC,EACjCC,gCAAgC,EAChCC,kBAAkB,EAClBC,+BAA+B,EAC/BC,iCAAiC,EACjCC,aAAa;AAEjB,SAASC,cAAc;AACvB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,cAAc;AAEvB,OAAO,MAAMX,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAMY,MAAM,GAAGF,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEG;EAAU,CAAC,GAAGF,cAAc,CAAC,CAAC;EACtC,MAAM;IAAEG;EAAiB,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEhD,MAAMM,UAAU,GAAGR,aAAa,CAAC,CAAC;EAElC,MAAMS,kBAAkB,GAAGjB,OAAO,CAAC,MAAM;IACrC,OAAO,IAAIG,iCAAiC,CAAC;MACzCU,MAAM;MACNK,MAAM,EAAEF;IACZ,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,MAAM,EAAEG,UAAU,CAAC,CAAC;EAExB,MAAMG,WAAW,GAAGnB,OAAO,CAAC,MAAM;IAC9B,OAAO,IAAIM,+BAA+B,CAAC;MACvCO,MAAM;MACNK,MAAM,EAAEF;IACZ,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,MAAM,EAAEG,UAAU,CAAC,CAAC;EAExB,MAAMI,aAAa,GAAGpB,OAAO,CAAC,MAAM;IAChC,OAAO,IAAII,gCAAgC,CAAC;MACxCS;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,EAAEG,UAAU,CAAC,CAAC;EAExB,MAAMK,cAAc,GAAGrB,OAAO,CAAC,MAAM;IACjC,OAAO,IAAIO,iCAAiC,CAAC;MACzCM,MAAM;MACNK,MAAM,EAAEF;IACZ,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,MAAM,EAAEG,UAAU,CAAC,CAAC;EAExB,MAAMM,UAAU,GAAGtB,OAAO,CAAC,MAAM;IAC7B,OAAO,IAAIK,kBAAkB,CAAC,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMkB,sBAAsB,GAAGxB,WAAW,CACtC,MAAOyB,IAAoD,IAAK;IAC5DT,gBAAgB,CAACS,IAAI,CAACC,QAAQ,CAACC,QAAQ,CAAC;EAC5C,CAAC,EACD,CAACX,gBAAgB,CACrB,CAAC;EAED,IAAI,CAACD,SAAS,CAAC,MAAM,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACIhB,KAAA,CAAA6B,aAAA,CAACzB,YAAY;IACT0B,MAAM,EAAEA,CAAC;MAAEC;IAAa,CAAC,KAAK;MAC1B,oBAAO/B,KAAA,CAAA6B,aAAA,CAAClB,cAAc;QAACqB,OAAO,EAAED;MAAa,CAAE,CAAC;IACpD,CAAE;IACFZ,kBAAkB,EAAEA,kBAAmB;IACvCc,oBAAoB,EAAE,QAAS;IAC/BC,qBAAqB,EAAE,SAAU;IACjCb,WAAW,EAAEA,WAAY;IACzBC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,UAAU,EAAEA,UAAW;IACvBW,kBAAkB,EAAEV,sBAAuB;IAC3CW,YAAY,EAAE,kBAAmB;IACjCC,KAAK,EAAE;EAAgB,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/TrashBin/components/TrashBin.styled.d.ts

@@ -0,0 +1,13 @@
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Icon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/components/TrashBin/components/TrashBin.styled.js

@@ -0,0 +1,44 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { ReactComponent as Plus } from "@webiny/icons/delete.svg";
+export const Button = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "edh4tfg2"
+} : {
+  target: "edh4tfg2",
+  label: "Button"
+})(process.env.NODE_ENV === "production" ? {
+  name: "17hadn6",
+  styles: "background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:16px;width:100%;&:disabled{cursor:not-allowed;opacity:0.5;}"
+} : {
+  name: "17hadn6",
+  styles: "background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:16px;width:100%;&:disabled{cursor:not-allowed;opacity:0.5;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NDIiwiZmlsZSI6IlRyYXNoQmluLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFBsdXMgfSBmcm9tIFwiQHdlYmlueS9pY29ucy9kZWxldGUuc3ZnXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KTtcbiAgICBjb2xvcjogdmFyKC0td2ViaW55LXRoZW1lLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZpbGw6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gc3R5bGVkKFBsdXMpYFxuICAgIHBhZGRpbmc6IDAgNHB4O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const IconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "edh4tfg1"
+} : {
+  target: "edh4tfg1",
+  label: "IconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ye007y",
+  styles: "display:flex;align-items:center;justify-content:center;cursor:pointer;fill:var(--mdc-theme-text-secondary-on-background)"
+} : {
+  name: "1ye007y",
+  styles: "display:flex;align-items:center;justify-content:center;cursor:pointer;fill:var(--mdc-theme-text-secondary-on-background)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZGVsZXRlLnN2Z1wiO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpYFxuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSk7XG4gICAgY29sb3I6IHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmaWxsOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IHN0eWxlZChQbHVzKWBcbiAgICBwYWRkaW5nOiAwIDRweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Icon = /*#__PURE__*/_styled(Plus, process.env.NODE_ENV === "production" ? {
+  target: "edh4tfg0"
+} : {
+  target: "edh4tfg0",
+  label: "Icon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dzd8y1",
+  styles: "padding:0 4px"
+} : {
+  name: "dzd8y1",
+  styles: "padding:0 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZGVsZXRlLnN2Z1wiO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpYFxuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSk7XG4gICAgY29sb3I6IHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmaWxsOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IHN0eWxlZChQbHVzKWBcbiAgICBwYWRkaW5nOiAwIDRweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=TrashBin.styled.js.map

package/components/TrashBin/components/TrashBin.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactComponent","Plus","Button","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","IconContainer","Icon"],"sources":["TrashBin.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@webiny/icons/delete.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 16px;\n    width: 100%;\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    fill: var(--mdc-theme-text-secondary-on-background);\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n`;\n"],"mappings":";;AACA,SAASA,cAAc,IAAIC,IAAI,QAAQ,0BAA0B;AAEjE,OAAO,MAAMC,MAAM,gBAAGC,OAAA,CAAO,QAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAkBrC;AAED,OAAO,MAAMC,aAAa,gBAAAV,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAMzB;AAED,OAAO,MAAME,IAAI,gBAAGX,OAAA,CAAOF,IAAI,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAE/B","ignoreList":[]}

package/components/TrashBin/components/TrashBinButton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface TrashBinButtonProps {
+    onClick: () => void;
+}
+export declare const TrashBinButton: (props: TrashBinButtonProps) => React.JSX.Element;

package/components/TrashBin/components/TrashBinButton.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Sidebar } from "@webiny/admin-ui";
+import { ReactComponent as Delete } from "@webiny/icons/delete.svg";
+export const TrashBinButton = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "list-none"
+  }, /*#__PURE__*/React.createElement(Sidebar.Item, {
+    onClick: props.onClick,
+    text: "Trash",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      element: /*#__PURE__*/React.createElement(Delete, null),
+      label: "Delete"
+    })
+  }));
+};
+
+//# sourceMappingURL=TrashBinButton.js.map

package/components/TrashBin/components/TrashBinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Sidebar","ReactComponent","Delete","TrashBinButton","props","createElement","className","Item","onClick","text","icon","Icon","element","label"],"sources":["TrashBinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\n\nexport interface TrashBinButtonProps {\n    onClick: () => void;\n}\n\nexport const TrashBinButton = (props: TrashBinButtonProps) => {\n    return (\n        <div className={\"list-none\"}>\n            <Sidebar.Item\n                onClick={props.onClick}\n                text={\"Trash\"}\n                icon={<Sidebar.Item.Icon element={<Delete />} label={\"Delete\"} />}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AAMnE,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC1D,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBP,KAAA,CAAAM,aAAA,CAACL,OAAO,CAACO,IAAI;IACTC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,IAAI,EAAE,OAAQ;IACdC,IAAI,eAAEX,KAAA,CAAAM,aAAA,CAACL,OAAO,CAACO,IAAI,CAACI,IAAI;MAACC,OAAO,eAAEb,KAAA,CAAAM,aAAA,CAACH,MAAM,MAAE,CAAE;MAACW,KAAK,EAAE;IAAS,CAAE;EAAE,CACrE,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/TrashBin/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./TrashBin.js";

package/components/TrashBin/components/index.js

@@ -0,0 +1,3 @@
+export * from "./TrashBin.js";
+
+//# sourceMappingURL=index.js.map

package/components/TrashBin/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TrashBin.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/TrashBin/index.d.ts

@@ -0,0 +1 @@
+export { TrashBin } from "./components/index.js";

package/components/TrashBin/index.js

@@ -0,0 +1,3 @@
+export { TrashBin } from "./components/index.js";
+
+//# sourceMappingURL=index.js.map

package/components/TrashBin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrashBin"],"sources":["index.tsx"],"sourcesContent":["export { TrashBin } from \"./components/index.js\";\n"],"mappings":"AAAA,SAASA,QAAQ","ignoreList":[]}

package/editorSdk/Editor.d.ts

@@ -4,6 +4,10 @@ import { type Command, CommandPriority } from "./CommandBus.js";
 import { type StateChangeListener, StateWithHistory } from "./StateWithHistory.js";
 import { type MutableState, State } from "./State.js";
 export type EditorState = {
+    uiReservedSpace: {
+        width: number;
+        height: number;
+    };
     boxes: {
         preview: PreviewViewportData["boxes"];
         editor: EditorViewportData["boxes"];
@@ -13,6 +17,8 @@ export type EditorState = {
     highlightedElement: string | null;
     components: Record<string, ComponentManifest>;
     componentGroups: Record<string, SerializedComponentGroup>;
+    isReadOnly: boolean;
+    showOverlays: boolean;
     breakpoint?: string;
     [key: string]: any;
 };

package/editorSdk/Editor.js

@@ -6,6 +6,11 @@ export class Editor {
     this.commandBus = new CommandBus();
     this.documentState = new StateWithHistory(initialState);
     this.editorState = new State({
+      uiReservedSpace: {
+        width: 0,
+        height: 0
+      },
+      isReadOnly: false,
       showOverlays: true,
       selectedElement: null,
       highlightedElement: null,
@@ -21,7 +26,9 @@ export class Editor {
         scrollX: 0,
         scrollY: 0,
         scrollWidth: 0,
-        scrollHeight: 0
+        scrollHeight: 0,
+        breakpoint: "desktop",
+        breakpoints: []
       },
       components: {},
       componentGroups: {}

package/editorSdk/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","width","height","scrollX","scrollY","scrollWidth","scrollHeight","components","componentGroups","registerCommandHandler","command","handler","priority","NORMAL","register","executeCommand","payload","execute","undo","redo","updateDocument","cb","update","updateEditor","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["Editor.ts"],"sourcesContent":["import type {\n    ComponentManifest,\n    EditorDocument,\n    EditorViewportData,\n    PreviewViewportData,\n    SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { CommandBus, type Command, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n    boxes: {\n        // Coordinates are relative to the preview iframe.\n        preview: PreviewViewportData[\"boxes\"];\n        // Coordinates are relative to the editor.\n        editor: EditorViewportData[\"boxes\"];\n    };\n    viewport: EditorViewportData[\"viewport\"];\n    selectedElement: string | null;\n    highlightedElement: string | null;\n    components: Record<string, ComponentManifest>;\n    componentGroups: Record<string, SerializedComponentGroup>;\n    breakpoint?: string;\n    [key: string]: any;\n};\n\nexport class Editor<TDocument extends EditorDocument = EditorDocument> {\n    private readonly documentState: StateWithHistory<TDocument>;\n    private readonly editorState: State<EditorState>;\n    private readonly commandBus: CommandBus;\n\n    constructor(initialState: TDocument) {\n        this.commandBus = new CommandBus();\n        this.documentState = new StateWithHistory(initialState);\n        this.editorState = new State<EditorState>(\n            {\n                showOverlays: true,\n                selectedElement: null,\n                highlightedElement: null,\n                boxes: {\n                    preview: {},\n                    editor: {}\n                },\n                viewport: {\n                    top: 0,\n                    left: 0,\n                    width: 0,\n                    height: 0,\n                    scrollX: 0,\n                    scrollY: 0,\n                    scrollWidth: 0,\n                    scrollHeight: 0\n                },\n                components: {},\n                componentGroups: {}\n            },\n            false\n        );\n    }\n\n    registerCommandHandler<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ) {\n        return this.commandBus.register(command, handler, priority);\n    }\n\n    executeCommand<T>(command: Command<T>, payload?: T) {\n        return this.commandBus.execute(command, payload);\n    }\n\n    undo() {\n        this.documentState.undo();\n    }\n\n    redo() {\n        this.documentState.redo();\n    }\n\n    updateDocument(cb: (state: MutableState<TDocument>) => void) {\n        this.documentState.update(cb);\n    }\n\n    updateEditor(cb: (state: MutableState<EditorState>) => void) {\n        this.editorState.update(cb);\n    }\n\n    getEditorState() {\n        return this.editorState;\n    }\n\n    getDocumentState() {\n        return this.documentState;\n    }\n\n    onDocumentStateChange(listener: StateChangeListener<TDocument>) {\n        return this.documentState.onStateChange(listener);\n    }\n}\n"],"mappings":"AAQA,SAASA,UAAU,EAAgBC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAkBjC,OAAO,MAAMC,MAAM,CAAoD;EAKnEC,WAAWA,CAACC,YAAuB,EAAE;IACjC,IAAI,CAACC,UAAU,GAAG,IAAIP,UAAU,CAAC,CAAC;IAClC,IAAI,CAACQ,aAAa,GAAG,IAAIN,gBAAgB,CAACI,YAAY,CAAC;IACvD,IAAI,CAACG,WAAW,GAAG,IAAIN,KAAK,CACxB;MACIO,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE,IAAI;MACrBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACHC,OAAO,EAAE,CAAC,CAAC;QACXC,MAAM,EAAE,CAAC;MACb,CAAC;MACDC,QAAQ,EAAE;QACNC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE,CAAC;QACVC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE;MAClB,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAG7B,eAAe,CAAC8B,MAAM,EACpD;IACE,OAAO,IAAI,CAACxB,UAAU,CAACyB,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,CAAC3B,UAAU,CAAC4B,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC5B,aAAa,CAAC4B,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC7B,aAAa,CAAC6B,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,CAAC/B,aAAa,CAACgC,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,CAAC9B,WAAW,CAAC+B,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAACjC,WAAW;EAC3B;EAEAkC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACnC,aAAa;EAC7B;EAEAoC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAACrC,aAAa,CAACsC,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}
+{"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","uiReservedSpace","width","height","isReadOnly","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","scrollX","scrollY","scrollWidth","scrollHeight","breakpoint","breakpoints","components","componentGroups","registerCommandHandler","command","handler","priority","NORMAL","register","executeCommand","payload","execute","undo","redo","updateDocument","cb","update","updateEditor","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["Editor.ts"],"sourcesContent":["import type {\n    ComponentManifest,\n    EditorDocument,\n    EditorViewportData,\n    PreviewViewportData,\n    SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { CommandBus, type Command, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n    uiReservedSpace: { width: number; height: number };\n    boxes: {\n        // Coordinates are relative to the preview iframe.\n        preview: PreviewViewportData[\"boxes\"];\n        // Coordinates are relative to the editor.\n        editor: EditorViewportData[\"boxes\"];\n    };\n    viewport: EditorViewportData[\"viewport\"];\n    selectedElement: string | null;\n    highlightedElement: string | null;\n    components: Record<string, ComponentManifest>;\n    componentGroups: Record<string, SerializedComponentGroup>;\n    isReadOnly: boolean;\n    showOverlays: boolean;\n    breakpoint?: string;\n    [key: string]: any;\n};\n\nexport class Editor<TDocument extends EditorDocument = EditorDocument> {\n    private readonly documentState: StateWithHistory<TDocument>;\n    private readonly editorState: State<EditorState>;\n    private readonly commandBus: CommandBus;\n\n    constructor(initialState: TDocument) {\n        this.commandBus = new CommandBus();\n        this.documentState = new StateWithHistory(initialState);\n        this.editorState = new State<EditorState>(\n            {\n                uiReservedSpace: { width: 0, height: 0 },\n                isReadOnly: false,\n                showOverlays: true,\n                selectedElement: null,\n                highlightedElement: null,\n                boxes: {\n                    preview: {},\n                    editor: {}\n                },\n                viewport: {\n                    top: 0,\n                    left: 0,\n                    width: 0,\n                    height: 0,\n                    scrollX: 0,\n                    scrollY: 0,\n                    scrollWidth: 0,\n                    scrollHeight: 0,\n                    breakpoint: \"desktop\",\n                    breakpoints: []\n                },\n                components: {},\n                componentGroups: {}\n            },\n            false\n        );\n    }\n\n    registerCommandHandler<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ) {\n        return this.commandBus.register(command, handler, priority);\n    }\n\n    executeCommand<T>(command: Command<T>, payload?: T) {\n        return this.commandBus.execute(command, payload);\n    }\n\n    undo() {\n        this.documentState.undo();\n    }\n\n    redo() {\n        this.documentState.redo();\n    }\n\n    updateDocument(cb: (state: MutableState<TDocument>) => void) {\n        this.documentState.update(cb);\n    }\n\n    updateEditor(cb: (state: MutableState<EditorState>) => void) {\n        this.editorState.update(cb);\n    }\n\n    getEditorState() {\n        return this.editorState;\n    }\n\n    getDocumentState() {\n        return this.documentState;\n    }\n\n    onDocumentStateChange(listener: StateChangeListener<TDocument>) {\n        return this.documentState.onStateChange(listener);\n    }\n}\n"],"mappings":"AAQA,SAASA,UAAU,EAAgBC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAqBjC,OAAO,MAAMC,MAAM,CAAoD;EAKnEC,WAAWA,CAACC,YAAuB,EAAE;IACjC,IAAI,CAACC,UAAU,GAAG,IAAIP,UAAU,CAAC,CAAC;IAClC,IAAI,CAACQ,aAAa,GAAG,IAAIN,gBAAgB,CAACI,YAAY,CAAC;IACvD,IAAI,CAACG,WAAW,GAAG,IAAIN,KAAK,CACxB;MACIO,eAAe,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACxCC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE,IAAI;MACrBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACHC,OAAO,EAAE,CAAC,CAAC;QACXC,MAAM,EAAE,CAAC;MACb,CAAC;MACDC,QAAQ,EAAE;QACNC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPX,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTW,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE,CAAC;QACVC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,UAAU,EAAE,SAAS;QACrBC,WAAW,EAAE;MACjB,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAGjC,eAAe,CAACkC,MAAM,EACpD;IACE,OAAO,IAAI,CAAC5B,UAAU,CAAC6B,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,CAAC/B,UAAU,CAACgC,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,CAAChC,aAAa,CAACgC,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,CAACjC,aAAa,CAACiC,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,CAACnC,aAAa,CAACoC,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,CAAClC,WAAW,CAACmC,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAACrC,WAAW;EAC3B;EAEAsC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACvC,aAAa;EAC7B;EAEAwC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAACzC,aAAa,CAAC0C,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}

package/editorSdk/utils/$createElement.d.ts

@@ -1,4 +1,5 @@
 import type { Editor } from "../Editor.js";
 import type { CommandPayload } from "../../editorSdk/createCommand.js";
 import type { Commands } from "../../BaseEditor/index.js";
-export declare function $createElement(editor: Editor, payload: CommandPayload<typeof Commands.CreateElement>): void;
+import { type ConstraintResult } from "@webiny/website-builder-sdk";
+export declare function $createElement(editor: Editor, payload: CommandPayload<typeof Commands.CreateElement>): ConstraintResult | undefined;