npm - @webiny/app-website-builder - Versions diffs - 0.0.0-unstable.df7a8bb475 → 0.0.0-unstable.e2758ee1cf - Mend

@webiny/app-website-builder 0.0.0-unstable.df7a8bb475 → 0.0.0-unstable.e2758ee1cf

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (82) hide show

package/features/pages/createPage/useCreatePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useApolloClient","CreatePageGqlGateway","CreatePage","useGetPageGraphQLFields","useCreatePage","client","fields","gateway","createPage","params","instance","getInstance","execute"],"sources":["useCreatePage.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { CreatePageGqlGateway } from \"./CreatePageGqlGateway.js\";\nimport { type CreatePageParams } from \"./ICreatePageUseCase.js\";\nimport { CreatePage } from \"./CreatePage.js\";\nimport { useGetPageGraphQLFields } from \"~/features/pages/index.js\";\n\nexport const useCreatePage = () => {\n const client = useApolloClient();\n const fields = useGetPageGraphQLFields([\"properties\", \"metadata\", \"bindings\", \"elements\"]);\n const gateway = new CreatePageGqlGateway(client, fields);\n\n const createPage = useCallback(\n (params: CreatePageParams) => {\n const instance = CreatePage.getInstance(gateway);\n return instance.execute(params);\n },\n [gateway]\n );\n\n return {\n createPage\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,oBAAoB;AAE7B,SAASC,UAAU;AACnB,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGH,uBAAuB,CAAC,~~CAAC~~,YAAY,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~CAAC~~,CAAC;~~EAC1F~~,MAAMI,OAAO,GAAG,IAAIN,oBAAoB,CAACI,MAAM,EAAEC,MAAM,CAAC;EAExD,MAAME,UAAU,GAAGT,WAAW,CACzBU,MAAwB,IAAK;IAC1B,MAAMC,QAAQ,GAAGR,UAAU,CAACS,WAAW,CAACJ,OAAO,CAAC;IAChD,OAAOG,QAAQ,CAACE,OAAO,CAACH,MAAM,CAAC;EACnC,CAAC,EACD,CAACF,OAAO,CACZ,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useApolloClient","CreatePageGqlGateway","CreatePage","useGetPageGraphQLFields","useCreatePage","client","fields","gateway","createPage","params","instance","getInstance","execute"],"sources":["useCreatePage.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { CreatePageGqlGateway } from \"./CreatePageGqlGateway.js\";\nimport { type CreatePageParams } from \"./ICreatePageUseCase.js\";\nimport { CreatePage } from \"./CreatePage.js\";\nimport { useGetPageGraphQLFields } from \"~/features/pages/index.js\";\n\nexport const useCreatePage = () => {\n const client = useApolloClient();\n const fields = useGetPageGraphQLFields([\n \"properties\",\n \"metadata\",\n \"bindings\",\n \"elements\",\n \"extensions\"\n ]);\n const gateway = new CreatePageGqlGateway(client, fields);\n\n const createPage = useCallback(\n (params: CreatePageParams) => {\n const instance = CreatePage.getInstance(gateway);\n return instance.execute(params);\n },\n [gateway]\n );\n\n return {\n createPage\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,oBAAoB;AAE7B,SAASC,UAAU;AACnB,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGH,uBAAuB,CAAC,CACnC,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,CACf,CAAC;EACF,MAAMI,OAAO,GAAG,IAAIN,oBAAoB,CAACI,MAAM,EAAEC,MAAM,CAAC;EAExD,MAAME,UAAU,GAAGT,WAAW,CACzBU,MAAwB,IAAK;IAC1B,MAAMC,QAAQ,GAAGR,UAAU,CAACS,WAAW,CAACJ,OAAO,CAAC;IAChD,OAAOG,QAAQ,CAACE,OAAO,CAACH,MAAM,CAAC;EACnC,CAAC,EACD,CAACF,OAAO,CACZ,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/features/pages/createPageRevisionFrom/useCreatePageRevisionFrom.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { CreatePageRevisionFromGqlGateway } from "./CreatePageRevisionFromGqlGat
 import { CreatePageRevisionFrom } from "./CreatePageRevisionFrom.js";
 export const useCreatePageRevisionFrom = () => {
   const client = useApolloClient();
-  const fields = useGetPageGraphQLFields(["properties", "metadata", "bindings", "elements"]);
+  const fields = useGetPageGraphQLFields(["properties", "metadata", "bindings", "elements", "extensions"]);
   const gateway = new CreatePageRevisionFromGqlGateway(client, fields);
   const createPageRevisionFrom = useCallback(params => {
     const instance = CreatePageRevisionFrom.getInstance(gateway);

package/features/pages/createPageRevisionFrom/useCreatePageRevisionFrom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useApolloClient","useGetPageGraphQLFields","CreatePageRevisionFromGqlGateway","CreatePageRevisionFrom","useCreatePageRevisionFrom","client","fields","gateway","createPageRevisionFrom","params","instance","getInstance","execute"],"sources":["useCreatePageRevisionFrom.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useGetPageGraphQLFields } from \"~/features/pages/index.js\";\nimport { CreatePageRevisionFromGqlGateway } from \"~/features/pages/createPageRevisionFrom/CreatePageRevisionFromGqlGateway.js\";\nimport type { CreatePageRevisionFromParams } from \"~/features/pages/createPageRevisionFrom/ICreatePageRevisionFromUseCase.js\";\nimport { CreatePageRevisionFrom } from \"~/features/pages/createPageRevisionFrom/CreatePageRevisionFrom.js\";\n\nexport const useCreatePageRevisionFrom = () => {\n const client = useApolloClient();\n const fields = useGetPageGraphQLFields([\"properties\", \"metadata\", \"bindings\", \"elements\"]);\n const gateway = new CreatePageRevisionFromGqlGateway(client, fields);\n\n const createPageRevisionFrom = useCallback(\n (params: CreatePageRevisionFromParams) => {\n const instance = CreatePageRevisionFrom.getInstance(gateway);\n return instance.execute(params);\n },\n [gateway]\n );\n\n return {\n createPageRevisionFrom\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,uBAAuB;AAChC,SAASC,gCAAgC;AAEzC,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGL,uBAAuB,CAAC,~~CAAC~~,YAAY,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~CAAC~~,CAAC;~~EAC1F~~,MAAMM,OAAO,GAAG,IAAIL,gCAAgC,CAACG,MAAM,EAAEC,MAAM,CAAC;EAEpE,MAAME,sBAAsB,GAAGT,WAAW,CACrCU,MAAoC,IAAK;IACtC,MAAMC,QAAQ,GAAGP,sBAAsB,CAACQ,WAAW,CAACJ,OAAO,CAAC;IAC5D,OAAOG,QAAQ,CAACE,OAAO,CAACH,MAAM,CAAC;EACnC,CAAC,EACD,CAACF,OAAO,CACZ,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useApolloClient","useGetPageGraphQLFields","CreatePageRevisionFromGqlGateway","CreatePageRevisionFrom","useCreatePageRevisionFrom","client","fields","gateway","createPageRevisionFrom","params","instance","getInstance","execute"],"sources":["useCreatePageRevisionFrom.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useGetPageGraphQLFields } from \"~/features/pages/index.js\";\nimport { CreatePageRevisionFromGqlGateway } from \"~/features/pages/createPageRevisionFrom/CreatePageRevisionFromGqlGateway.js\";\nimport type { CreatePageRevisionFromParams } from \"~/features/pages/createPageRevisionFrom/ICreatePageRevisionFromUseCase.js\";\nimport { CreatePageRevisionFrom } from \"~/features/pages/createPageRevisionFrom/CreatePageRevisionFrom.js\";\n\nexport const useCreatePageRevisionFrom = () => {\n const client = useApolloClient();\n const fields = useGetPageGraphQLFields([\n \"properties\",\n \"metadata\",\n \"bindings\",\n \"elements\",\n \"extensions\"\n ]);\n const gateway = new CreatePageRevisionFromGqlGateway(client, fields);\n\n const createPageRevisionFrom = useCallback(\n (params: CreatePageRevisionFromParams) => {\n const instance = CreatePageRevisionFrom.getInstance(gateway);\n return instance.execute(params);\n },\n [gateway]\n );\n\n return {\n createPageRevisionFrom\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,uBAAuB;AAChC,SAASC,gCAAgC;AAEzC,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGL,uBAAuB,CAAC,CACnC,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,CACf,CAAC;EACF,MAAMM,OAAO,GAAG,IAAIL,gCAAgC,CAACG,MAAM,EAAEC,MAAM,CAAC;EAEpE,MAAME,sBAAsB,GAAGT,WAAW,CACrCU,MAAoC,IAAK;IACtC,MAAMC,QAAQ,GAAGP,sBAAsB,CAACQ,WAAW,CAACJ,OAAO,CAAC;IAC5D,OAAOG,QAAQ,CAACE,OAAO,CAACH,MAAM,CAAC;EACnC,CAAC,EACD,CAACF,OAAO,CACZ,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/features/pages/getPage/useGetPage.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { useGetPageGatewayInstance } from "./useGetPageGatewayInstance.js";
 export const useGetPage = () => {
-  const instance = useGetPageGatewayInstance(["properties", "metadata", "bindings", "elements"]);
+  const instance = useGetPageGatewayInstance(["properties", "metadata", "bindings", "elements", "extensions"]);
   const getPage = useCallback(params => {
     return instance.useCase.execute(params);
   }, [instance]);

package/features/pages/getPage/useGetPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useGetPageGatewayInstance","useGetPage","instance","getPage","params","useCase","execute"],"sources":["useGetPage.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { GetPageParams } from \"~/features/pages/getPage/IGetPageUseCase.js\";\nimport { useGetPageGatewayInstance } from \"~/features/pages/getPage/useGetPageGatewayInstance.js\";\n\nexport const useGetPage = () => {\n const instance = useGetPageGatewayInstance([\"properties\", \"metadata\", \"bindings\", \"elements\"]);\n\n const getPage = useCallback(\n (params: GetPageParams) => {\n return instance.useCase.execute(params);\n },\n [instance]\n );\n\n return {\n getPage\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,yBAAyB;AAElC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,QAAQ,GAAGF,yBAAyB,CAAC,~~CAAC~~,YAAY,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~EAAE~~,UAAU,~~CAAC~~,CAAC;~~EAE9F~~,MAAMG,OAAO,GAAGJ,WAAW,CACtBK,MAAqB,IAAK;IACvB,OAAOF,QAAQ,CAACG,OAAO,CAACC,OAAO,CAACF,MAAM,CAAC;EAC3C,CAAC,EACD,CAACF,QAAQ,CACb,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useGetPageGatewayInstance","useGetPage","instance","getPage","params","useCase","execute"],"sources":["useGetPage.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { GetPageParams } from \"~/features/pages/getPage/IGetPageUseCase.js\";\nimport { useGetPageGatewayInstance } from \"~/features/pages/getPage/useGetPageGatewayInstance.js\";\n\nexport const useGetPage = () => {\n const instance = useGetPageGatewayInstance([\n \"properties\",\n \"metadata\",\n \"bindings\",\n \"elements\",\n \"extensions\"\n ]);\n\n const getPage = useCallback(\n (params: GetPageParams) => {\n return instance.useCase.execute(params);\n },\n [instance]\n );\n\n return {\n getPage\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,yBAAyB;AAElC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,QAAQ,GAAGF,yBAAyB,CAAC,CACvC,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,CACf,CAAC;EAEF,MAAMG,OAAO,GAAGJ,WAAW,CACtBK,MAAqB,IAAK;IACvB,OAAOF,QAAQ,CAACG,OAAO,CAACC,OAAO,CAACF,MAAM,CAAC;EAC3C,CAAC,EACD,CAACF,QAAQ,CACb,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/features/pages/loadPages/PageGatewayDto.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { WbIdentity, WbLocation } from "../../../types.js";
+import type { WbIdentity, WbLocation, WbLive } from "../../../types.js";
 import type { WbStatus } from "../../../constants.js";
 export interface PageGatewayDto {
     id: string;
@@ -13,6 +13,7 @@ export interface PageGatewayDto {
     createdBy: WbIdentity;
     createdOn: string;
     savedBy: WbIdentity;
+    live: WbLive | null;
     savedOn: string;
     modifiedBy: WbIdentity | null;
     modifiedOn: string | null;

package/features/pages/loadPages/PageGatewayDto.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["PageGatewayDto.ts"],"sourcesContent":["import type { WbIdentity, WbLocation } from \"~/types.js\";\nimport type { WbStatus } from \"~/constants.js\";\n\nexport interface PageGatewayDto {\n id: string;\n entryId: string;\n status: WbStatus;\n location: WbLocation;\n properties: Record<string, any>;\n metadata: Record<string, any>;\n bindings: Record<string, any>;\n elements: Record<string, any>;\n extensions: Record<string, any>;\n createdBy: WbIdentity;\n createdOn: string;\n savedBy: WbIdentity;\n savedOn: string;\n modifiedBy: WbIdentity \| null;\n modifiedOn: string \| null;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["PageGatewayDto.ts"],"sourcesContent":["import type { WbIdentity, WbLocation, WbLive } from \"~/types.js\";\nimport type { WbStatus } from \"~/constants.js\";\n\nexport interface PageGatewayDto {\n id: string;\n entryId: string;\n status: WbStatus;\n location: WbLocation;\n properties: Record<string, any>;\n metadata: Record<string, any>;\n bindings: Record<string, any>;\n elements: Record<string, any>;\n extensions: Record<string, any>;\n createdBy: WbIdentity;\n createdOn: string;\n savedBy: WbIdentity;\n live: WbLive \| null;\n savedOn: string;\n modifiedBy: WbIdentity \| null;\n modifiedOn: string \| null;\n}\n"],"mappings":"","ignoreList":[]}

package/features/pages/useGetPageGraphQLFields.js CHANGED Viewed

@@ -10,7 +10,10 @@ export const useGetPageGraphQLFields = fields => {
         }`, `modifiedOn`, `modifiedBy {
             id
             displayName
-        }`, ...fields];
+        }`, `live {
+            version
+        }
+        `, ...fields];
 };
 //# sourceMappingURL=useGetPageGraphQLFields.js.map

package/features/pages/useGetPageGraphQLFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useGetPageGraphQLFields","fields"],"sources":["useGetPageGraphQLFields.ts"],"sourcesContent":["export const useGetPageGraphQLFields = (fields: string[]): string[] => {\n return [\n `id`,\n `entryId`,\n `status`,\n `version`,\n `location {\n folderId\n }`,\n `createdOn`,\n `createdBy {\n id\n displayName\n }`,\n `savedOn`,\n `savedBy {\n id\n displayName\n }`,\n `modifiedOn`,\n `modifiedBy {\n id\n displayName\n }`,\n ...fields\n ];\n};\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAIC,MAAgB,IAAe;EACnE,OAAO,CACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT;AACR;AACA,UAAU,EACF,WAAW,EACX;AACR;AACA;AACA,UAAU,EACF,SAAS,EACT;AACR;AACA;AACA,UAAU,EACF,YAAY,EACZ;AACR;AACA;AACA,UAAU,EACF,GAAGA,MAAM,CACZ;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useGetPageGraphQLFields","fields"],"sources":["useGetPageGraphQLFields.ts"],"sourcesContent":["export const useGetPageGraphQLFields = (fields: string[]): string[] => {\n return [\n `id`,\n `entryId`,\n `status`,\n `version`,\n `location {\n folderId\n }`,\n `createdOn`,\n `createdBy {\n id\n displayName\n }`,\n `savedOn`,\n `savedBy {\n id\n displayName\n }`,\n `modifiedOn`,\n `modifiedBy {\n id\n displayName\n }`,\n `live {\n version\n }\n `,\n ...fields\n ];\n};\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAIC,MAAgB,IAAe;EACnE,OAAO,CACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT;AACR;AACA,UAAU,EACF,WAAW,EACX;AACR;AACA;AACA,UAAU,EACF,SAAS,EACT;AACR;AACA;AACA,UAAU,EACF,YAAY,EACZ;AACR;AACA;AACA,UAAU,EACF;AACR;AACA;AACA,SAAS,EACD,GAAGA,MAAM,CACZ;AACL,CAAC","ignoreList":[]}

package/inputRenderers/FileInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
 import type { ElementInputRendererProps } from "../BaseEditor/index.js";
-export declare const FileInputRenderer: ({ value, metadata, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;
+export declare const FileInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/FileInput.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { useBreakpoint } from "../BaseEditor/hooks/useBreakpoint.js";
 import { fileManagerItemToValue } from "../shared/fileManagerItemToValue.js";
 export const FileInputRenderer = ({
   value,
-  metadata,
   onChange,
   label,
   ...props
@@ -16,29 +15,23 @@ export const FileInputRenderer = ({
   } = useBreakpoint();
   const onFileChange = file => {
     onChange(({
-      value,
-      metadata
+      value
     }) => {
       const newValue = fileManagerItemToValue(file);
       value.set(newValue);
-      metadata.set("image", newValue);
     });
   };
   const onRemove = () => {
     onChange(({
-      value,
-      metadata
+      value
     }) => {
       if (isBaseBreakpoint) {
         value.set(undefined);
       } else {
         value.set(null);
       }
-      metadata.unset("image");
     });
   };
-  const fileInfo = metadata.get("image");
-  const preview = value ? fileInfo : undefined;
   return /*#__PURE__*/React.createElement(FileManager, {
     accept: input.allowedFileTypes,
     onChange: onFileChange,
@@ -48,7 +41,7 @@ export const FileInputRenderer = ({
       label: label,
       description: input.description,
       type: "compact",
-      value: preview,
+      value: value,
       onSelectItem: () => showFileManager(),
       onRemoveItem: onRemove,
       onEditItem: () => showFileManager()

package/inputRenderers/FileInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","FilePicker","FileManager","useBreakpoint","fileManagerItemToValue","FileInputRenderer","value","~~metadata","~~onChange","label","props","input","isBaseBreakpoint","onFileChange","file","newValue","set","onRemove","undefined","~~unset","fileInfo","get","preview","~~createElement","accept","allowedFileTypes","render","showFileManager","description","type","onSelectItem","onRemoveItem","onEditItem"],"sources":["FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport ~~type~~ { ~~FileItemDto } from \"@webiny/admin-ui\";\nimport {~~ FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n value,\n ~~metadata,\n~~ onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as FileInput;\n const { isBaseBreakpoint } = useBreakpoint();\n const onFileChange = (file: FileManagerFileItem) => {\n onChange(({ value, ~~metadata~~ }) => {\n const newValue = fileManagerItemToValue(file);\n value.set(newValue);\n~~\n metadata.set(\"image\", newValue);\n~~ });\n };\n\n const onRemove = () => {\n onChange(({ value, ~~metadata~~ }) => {\n if (isBaseBreakpoint) {\n value.set(undefined);\n } else {\n value.set(null);\n }\n ~~metadata.unset(\"image\");\n~~ });\n };\n\n ~~const fileInfo = metadata.get<FileItemDto>(\"image\");\n const preview = value ? fileInfo : undefined;\n\n~~ return (\n <FileManager\n accept={input.allowedFileTypes}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n label={label}\n description={input.description}\n type=\"compact\"\n value={~~preview~~}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;~~AAEzB~~,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAkC,mBAAmB;AACzE,SAASC,aAAa;AAEtB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,~~QAAQ;EACRC,~~KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAkB;EACtC,MAAM;IAAEC;EAAiB,CAAC,~~GAAGT~~,aAAa,CAAC,CAAC;EAC5C,~~MAAMU~~,YAAY,GAAIC,IAAyB,IAAK;IAChDN,QAAQ,CAAC,CAAC;~~MAAEF,KAAK~~;~~MAAEC;IAAS~~,CAAC,KAAK;~~MAC9B~~,MAAMQ,QAAQ,~~GAAGX~~,sBAAsB,~~CAACU~~,IAAI,CAAC;~~MAC7CR~~,KAAK,~~CAACU~~,GAAG,CAACD,QAAQ,CAAC;~~MAEnBR~~,~~QAAQ,CAACS,GAAG,~~CAAC,~~OAAO,EAAED,QAAQ,~~CAAC;~~IACnC,CAAC,CAAC;~~EACN,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACnBT,QAAQ,CAAC,CAAC;~~MAAEF,KAAK~~;~~MAAEC;IAAS~~,CAAC,KAAK;~~MAC9B~~,IAAIK,gBAAgB,EAAE;~~QAClBN~~,KAAK,~~CAACU~~,GAAG,CAACE,SAAS,CAAC;MACxB,CAAC,MAAM;~~QACHZ~~,KAAK,~~CAACU~~,GAAG,CAAC,IAAI,CAAC;MACnB;~~MACAT~~,~~QAAQ,CAACY,KAAK,~~CAAC,~~OAAO,~~CAAC;~~IAC3B,CAAC,CAAC;~~EACN,CAAC;EAED,~~MAAMC~~,~~QAAQ,GAAGb,QAAQ,CAACc,GAAG,CAAc,OAAO,CAAC;EACnD,MAAMC,OAAO,GAAGhB,KAAK,GAAGc,QAAQ,GAAGF,SAAS;EAE5C,oBACIlB,~~KAAA,~~CAAAuB~~,aAAA,~~CAACrB~~,WAAW;~~IACRsB~~,MAAM,~~EAAEb~~,KAAK,~~CAACc~~,gBAAiB;IAC/~~BjB~~,QAAQ,EAAEK,YAAa;~~IACvBa~~,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,~~kBACxB3B~~,KAAA,~~CAAAuB~~,aAAA,~~CAACtB~~,UAAU;~~MACPQ~~,KAAK,EAAEA,KAAM;~~MACbmB~~,WAAW,~~EAAEjB~~,KAAK,~~CAACiB~~,WAAY;MAC/BC,IAAI,EAAC,SAAS;~~MACdvB~~,KAAK,~~EAAEgB~~,~~OAAQ~~;~~MACfQ~~,YAAY,EAAEA,CAAA,KAAMH,eAAe,CAAC,CAAE;MACtCI,YAAY,~~EAAEd~~,QAAS;~~MACvBe~~,UAAU,EAAEA,CAAA,KAAML,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","FilePicker","FileManager","useBreakpoint","fileManagerItemToValue","FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","onFileChange","file","newValue","set","onRemove","undefined","createElement","accept","allowedFileTypes","render","showFileManager","description","type","onSelectItem","onRemoveItem","onEditItem"],"sources":["FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as FileInput;\n const { isBaseBreakpoint } = useBreakpoint();\n const onFileChange = (file: FileManagerFileItem) => {\n onChange(({ value }) => {\n const newValue = fileManagerItemToValue(file);\n value.set(newValue);\n });\n };\n\n const onRemove = () => {\n onChange(({ value }) => {\n if (isBaseBreakpoint) {\n value.set(undefined);\n } else {\n value.set(null);\n }\n });\n };\n\n return (\n <FileManager\n accept={input.allowedFileTypes}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n label={label}\n description={input.description}\n type=\"compact\"\n value={value}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAkC,mBAAmB;AACzE,SAASC,aAAa;AAEtB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAkB;EACtC,MAAM;IAAEC;EAAiB,CAAC,GAAGR,aAAa,CAAC,CAAC;EAC5C,MAAMS,YAAY,GAAIC,IAAyB,IAAK;IAChDN,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpB,MAAMQ,QAAQ,GAAGV,sBAAsB,CAACS,IAAI,CAAC;MAC7CP,KAAK,CAACS,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACnBT,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpB,IAAIK,gBAAgB,EAAE;QAClBL,KAAK,CAACS,GAAG,CAACE,SAAS,CAAC;MACxB,CAAC,MAAM;QACHX,KAAK,CAACS,GAAG,CAAC,IAAI,CAAC;MACnB;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAkB,aAAA,CAAChB,WAAW;IACRiB,MAAM,EAAET,KAAK,CAACU,gBAAiB;IAC/Bb,QAAQ,EAAEK,YAAa;IACvBS,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBtB,KAAA,CAAAkB,aAAA,CAACjB,UAAU;MACPO,KAAK,EAAEA,KAAM;MACbe,WAAW,EAAEb,KAAK,CAACa,WAAY;MAC/BC,IAAI,EAAC,SAAS;MACdlB,KAAK,EAAEA,KAAM;MACbmB,YAAY,EAAEA,CAAA,KAAMH,eAAe,CAAC,CAAE;MACtCI,YAAY,EAAEV,QAAS;MACvBW,UAAU,EAAEA,CAAA,KAAML,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from "react";
 import { TypographyAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, LinkAction, QuoteAction, QuotePlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
 import { CompositionScope } from "@webiny/app-admin";
+import { LexicalLinkForm } from "@webiny/app-admin";
 import { LexicalEditorConfig } from "@webiny/lexical-editor";
 import { TypographyDropDown } from "./TypographyDropDown.js";
 import { ExpandEditorAction } from "./ExpandEditorAction.js";
-import { LinkEditForm } from "./LinkEditForm.js";
 const {
   ToolbarElement,
   Plugin
@@ -21,12 +21,6 @@ const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "link",
   element: /*#__PURE__*/React.createElement(LinkPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "floatingLinkEditor",
-  element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-    anchorElem: () => document.body,
-    LinkEditForm: LinkEditForm
-  })
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "quote",
   element: /*#__PURE__*/React.createElement(QuotePlugin, null)
@@ -53,11 +47,16 @@ export const DefaultLexicalConfig = () => {
     element: /*#__PURE__*/React.createElement(ExpandEditorAction, null)
   }))), /*#__PURE__*/React.createElement(CompositionScope, {
     name: "expanded"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
-    priority: "primary"
   }, /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
     element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
-  }), sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, sharedPlugins, /*#__PURE__*/React.createElement(Plugin, {
+    name: "floatingLinkEditor",
+    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
+      LinkForm: LexicalLinkForm
+    })
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
     element: /*#__PURE__*/React.createElement(FontColorAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","~~LinkEditForm","~~ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","~~anchorElem~~","~~document~~","~~body~~"~~,"DefaultLexicalConfig","priority"~~],"sources":["DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n TypographyAction,\n FontColorAction,\n Divider,\n BoldAction,\n ItalicAction,\n UnderlineAction,\n CodeHighlightAction,\n NumberedListAction,\n BulletListAction,\n LinkAction,\n QuoteAction,\n QuotePlugin,\n FloatingLinkEditorPlugin,\n LinkPlugin,\n ListPlugin,\n TypographyPlugin,\n FontColorPlugin,\n TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { ~~LexicalEditorConfig~~ } from \"@webiny/~~lexical~~-~~editor~~\";\nimport { ~~TypographyDropDown~~ } from \"~~./TypographyDropDown.js~~\";\nimport { ~~ExpandEditorAction~~ } from \"./~~ExpandEditorAction~~.js\";\nimport { ~~LinkEditForm~~ } from \"./~~LinkEditForm~~.js\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n <>\n <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n <Plugin name={\"list\"} element={<ListPlugin />} />\n <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n <Plugin name={\"link\"} element={<LinkPlugin />} />\n <Plugin~~\n name={\"floatingLinkEditor\"}\n element={\n <FloatingLinkEditorPlugin\n anchorElem={()~~ ~~=> document.body}\n LinkEditForm={LinkEditForm}\n />\n }\n />\n <Plugin~~ name={\"quote\"} element={<QuotePlugin />} />\n </>\n);\n\nexport const DefaultLexicalConfig = () => {\n return (\n <>\n <CompositionScope name={\"compact\"}>\n <LexicalEditorConfig priority={\"primary\"}>\n {sharedPlugins}\n <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n </LexicalEditorConfig>\n </CompositionScope>\n <CompositionScope name={\"expanded\"}>\n <LexicalEditorConfig priority={\"primary\"}>\n <~~TypographyAction.TypographyDropDown~~ element={<~~TypographyDropDown~~ />} ~~/>\n {sharedPlugins~~}\n <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n <ToolbarElement name=\"divider1\" element={<Divider />} />\n <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n <ToolbarElement name=\"divider2\" element={<Divider />} />\n <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n <ToolbarElement name=\"divider2\" element={<Divider />} />\n <ToolbarElement name=\"link\" element={<LinkAction />} />\n <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n </LexicalEditorConfig>\n </CompositionScope>\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,gBAAgB,EAChBC,eAAe,EACfC,OAAO,EACPC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,EAClBC,gBAAgB,EAChBC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,wBAAwB,EACxBC,UAAU,EACVC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,EACfC,mBAAmB,QAChB,wBAAwB;AAC/B,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;~~AAC3B~~,~~SAASC,YAAY;AAErB,~~MAAM;EAAEC,cAAc;EAAEC;AAAO,CAAC,~~GAAGL~~,mBAAmB;AAEtD,~~MAAMM~~,aAAa,gBACf1B,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACI5B,KAAA,CAAA2B,aAAA,CAACF,MAAM;EAACI,IAAI,EAAE,WAAY;EAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACV,eAAe,MAAE;AAAE,CAAE,CAAC,eAC3DjB,KAAA,CAAA2B,aAAA,CAACF,MAAM;EAACI,IAAI,EAAE,MAAO;EAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACZ,UAAU,MAAE;AAAE,CAAE,CAAC,eACjDf,KAAA,CAAA2B,aAAA,CAACF,MAAM;EAACI,IAAI,EAAE,YAAa;EAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACX,gBAAgB,MAAE;AAAE,CAAE,CAAC,eAC7DhB,KAAA,CAAA2B,aAAA,CAACF,MAAM;EAACI,IAAI,EAAE,MAAO;EAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACb,UAAU,MAAE;AAAE,CAAE,CAAC,eACjDd,KAAA,CAAA2B,aAAA,CAACF,MAAM;~~EACHI,IAAI,EAAE,oBAAqB;EAC3BC,OAAO,eACH9B,KAAA,CAAA2B,aAAA,CAACd,wBAAwB;IACrBkB,UAAU,EAAEA,CAAA,KAAMC,QAAQ,CAACC,IAAK;IAChCV,YAAY,EAAEA;EAAa,CAC9B;AACJ,CACJ,CAAC,eACFvB,KAAA,CAAA2B,aAAA,CAACF,MAAM;~~EAACI,IAAI,EAAE,OAAQ;EAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACf,WAAW,MAAE;AAAE,CAAE,CACpD,CACL;AAED,OAAO,~~MAAMsB~~,oBAAoB,GAAGA,CAAA,KAAM;EACtC,~~oBACIlC~~,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACI5B,KAAA,CAAA2B,aAAA,CAACR,gBAAgB;IAACU,IAAI,EAAE;EAAU,gBAC9B7B,KAAA,CAAA2B,aAAA,~~CAACP~~,mBAAmB;~~IAACe~~,QAAQ,EAAE;EAAU,~~GACpCT~~,aAAa,eACd1B,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,eAAe;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACT,mBAAmB,MAAE;EAAE,CAAE,CAAC,eACzElB,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,YAAY;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACvB,UAAU,MAAE;EAAE,CAAE,CAAC,eAC7DJ,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,QAAQ;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACtB,YAAY,MAAE;EAAE,CAAE,CAAC,eAC3DL,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,WAAW;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACrB,eAAe,MAAE;EAAE,CAAE,CAAC,eACjEN,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,QAAQ;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,~~CAACL~~,kBAAkB,MAAE;EAAE,CAAE,CAC/C,CACP,CAAC,~~eACnBtB~~,KAAA,CAAA2B,aAAA,CAACR,gBAAgB;IAACU,IAAI,EAAE;EAAW,gBAC/B7B,KAAA,CAAA2B,aAAA,~~CAACP~~,mBAAmB;~~IAACe~~,QAAQ,EAAE;EAAU,~~gBACrCnC~~,KAAA,CAAA2B,aAAA,~~CAAC1B~~,~~gBAAgB~~,~~CAACoB~~,~~kBAAkB~~;~~IAACS~~,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,~~CAACN~~,~~kBAAkB~~,~~MAAE~~;~~EAAE~~,CAAE,CAAC,~~EACvEK~~,~~aAAa,eACd1B,~~KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,WAAW;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACzB,eAAe,MAAE;EAAE,CAAE,CAAC,eACjEF,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,YAAY;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAAC1B,gBAAgB,MAAE;EAAE,CAAE,CAAC,eACnED,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,eAAe;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACT,mBAAmB,MAAE;EAAE,CAAE,CAAC,eACzElB,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,UAAU;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACxB,OAAO,MAAE;EAAE,CAAE,CAAC,eACxDH,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,YAAY;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACvB,UAAU,MAAE;EAAE,CAAE,CAAC,eAC7DJ,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,QAAQ;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACtB,YAAY,MAAE;EAAE,CAAE,CAAC,eAC3DL,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,WAAW;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACrB,eAAe,MAAE;EAAE,CAAE,CAAC,eACjEN,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,eAAe;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACpB,mBAAmB,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,UAAU;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACxB,OAAO,MAAE;EAAE,CAAE,CAAC,eACxDH,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,cAAc;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACnB,kBAAkB,MAAE;EAAE,CAAE,CAAC,eACvER,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,YAAY;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAAClB,gBAAgB,MAAE;EAAE,CAAE,CAAC,eACnET,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,UAAU;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACxB,OAAO,MAAE;EAAE,CAAE,CAAC,eACxDH,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,MAAM;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAACjB,UAAU,MAAE;EAAE,CAAE,CAAC,eACvDV,KAAA,CAAA2B,aAAA,CAACH,cAAc;IAACK,IAAI,EAAC,OAAO;IAACC,OAAO,eAAE9B,KAAA,CAAA2B,aAAA,CAAChB,WAAW,MAAE;EAAE,CAAE,CACvC,CACP,CACpB,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalLinkForm","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","DefaultLexicalConfig","priority","LinkForm"],"sources":["DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n TypographyAction,\n FontColorAction,\n Divider,\n BoldAction,\n ItalicAction,\n UnderlineAction,\n CodeHighlightAction,\n NumberedListAction,\n BulletListAction,\n LinkAction,\n QuoteAction,\n QuotePlugin,\n FloatingLinkEditorPlugin,\n LinkPlugin,\n ListPlugin,\n TypographyPlugin,\n FontColorPlugin,\n TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalLinkForm } from \"@webiny/app-admin\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown.js\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction.js\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n <>\n <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n <Plugin name={\"list\"} element={<ListPlugin />} />\n <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n <Plugin name={\"link\"} element={<LinkPlugin />} />\n <Plugin name={\"quote\"} element={<QuotePlugin />} />\n </>\n);\n\nexport const DefaultLexicalConfig = () => {\n return (\n <>\n <CompositionScope name={\"compact\"}>\n <LexicalEditorConfig priority={\"primary\"}>\n {sharedPlugins}\n <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n </LexicalEditorConfig>\n </CompositionScope>\n <CompositionScope name={\"expanded\"}>\n <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n <LexicalEditorConfig priority={\"primary\"}>\n {sharedPlugins}\n <Plugin\n name={\"floatingLinkEditor\"}\n element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n />\n <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n <ToolbarElement name=\"divider1\" element={<Divider />} />\n <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n <ToolbarElement name=\"divider2\" element={<Divider />} />\n <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n <ToolbarElement name=\"divider2\" element={<Divider />} />\n <ToolbarElement name=\"link\" element={<LinkAction />} />\n <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n </LexicalEditorConfig>\n </CompositionScope>\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalInput.js CHANGED Viewed

@@ -1,13 +1,8 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Dialog, DelayedOnChange, FormComponentLabel } from "@webiny/admin-ui";
+import { Dialog, FormComponentLabel } from "@webiny/admin-ui";
 import { CompositionScope } from "@webiny/app-admin";
-import { FloatingLinkEditorPlugin, LexicalEditorConfig } from "@webiny/lexical-editor";
 import { LexicalEditor } from "./LexicalEditor.js";
 import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor.js";
-import { LinkEditForm } from "./LinkEditForm.js";
-const {
-  Plugin
-} = LexicalEditorConfig;
 export const LexicalInputRenderer = props => {
   const onChange = lexicalValue => {
     props.onChange(({
@@ -45,24 +40,10 @@ const EditorDialog = props => {
     }))
   }, /*#__PURE__*/React.createElement(CompositionScope, {
     name: "expanded"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: localValue,
     onChange: setLocalValue
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
-    value: value,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(Plugin, {
-    name: "floatingLinkEditor",
-    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      anchorElem: () => {
-        return document.getElementById("lexical-editor-dialog") ?? document.body;
-      },
-      LinkEditForm: LinkEditForm
-    })
-  }))));
+  })));
 };
 const ExpandableLexicalInputRenderer = ({
   value,
@@ -82,17 +63,11 @@ const ExpandableLexicalInputRenderer = ({
     text: label
   }), /*#__PURE__*/React.createElement(CompositionScope, {
     name: "compact"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: value,
-    onChange: onChange
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: value,
     onChange: onChange,
     key: input.name
-  }))), /*#__PURE__*/React.createElement(EditorDialog, {
+  })), /*#__PURE__*/React.createElement(EditorDialog, {
     open: isExpanded,
     value: value,
     onChange: applyChanges,

package/inputRenderers/LexicalInput/LexicalInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useState","Dialog","~~DelayedOnChange","~~FormComponentLabel","CompositionScope","~~FloatingLinkEditorPlugin","LexicalEditorConfig","~~LexicalEditor","ExpandedEditorProvider","useExpandedEditor","~~LinkEditForm","Plugin","~~LexicalInputRenderer","props","onChange","lexicalValue","value","set","createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","CancelAction","onClick","onClose","ConfirmAction","text","name","~~element","anchorElem","document","getElementById","body","~~isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Dialog, ~~DelayedOnChange,~~ FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport type { RichTextValueWithHtml } from \"@webiny/app-admin~~/components/LexicalEditor/index.js~~\";\nimport { ~~FloatingLinkEditorPlugin, LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport {~~ LexicalEditor } from \"./LexicalEditor.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport {\n ExpandedEditorProvider,\n useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor.js\";\~~nimport { LinkEditForm } from \"~/inputRenderers/LexicalInput/LinkEditForm.js\";\~~n\~~nconst { Plugin } = LexicalEditorConfig;\n\~~ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" \| \"metadata\"> & {\n onChange: (value: RichTextValueWithHtml) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n const onChange = (lexicalValue: RichTextValueWithHtml) => {\n props.onChange(({ value }) => {\n value.set(lexicalValue);\n });\n };\n\n const value = props.value ?? {};\n\n return (\n <ExpandedEditorProvider>\n <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n </ExpandedEditorProvider>\n );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" \| \"label\"> {\n open: boolean;\n onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n const [localValue, setLocalValue] = useState(props.value);\n\n useEffect(() => {\n setLocalValue(props.value);\n }, [props.value]);\n\n return (\n <Dialog\n id={\"lexical-editor-dialog\"}\n open={props.open}\n className={\"w-[900px] max-w-[900px] overflow-visible\"}\n data-hover-manager={\"ignore\"}\n title={`Edit ${props.input.label}`}\n dismissible={false}\n showCloseButton={false}\n actions={\n <>\n <Dialog.CancelAction onClick={props.onClose} />\n <Dialog.ConfirmAction\n text={\"Save Changes\"}\n onClick={() => {\n props.onChange(localValue);\n }}\n />\n </>\n }\n >\n <CompositionScope name={\"expanded\"}>\n <~~DelayedOnChange~~ value={localValue} onChange={setLocalValue}~~>\n {({~~ value, onChange }) => <LexicalEditor value={value} onChange={onChange} />}\n </DelayedOnChange>\n <LexicalEditorConfig>\n <Plugin\n name={\"floatingLinkEditor\"}\n element={\n <FloatingLinkEditorPlugin\n anchorElem={() => {\n return (\n document.getElementById(\"lexical-editor-dialog\") ??\n document.body\n );\n }}\n LinkEditForm={LinkEditForm}\n />\n ~~}\n />\n </LexicalEditorConfig>\n~~ </CompositionScope>\n </Dialog>\n );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: LexicalInputRendererProps) => {\n const { isExpanded, setExpanded } = useExpandedEditor();\n\n const applyChanges = useCallback(\n (newValue: any) => {\n onChange(newValue);\n setExpanded(false);\n },\n [onChange, setExpanded]\n );\n\n return (\n <>\n <FormComponentLabel text={label} />\n <CompositionScope name={\"compact\"}>\n <~~DelayedOnChange value={value} onChange={onChange}>\n {({ value, onChange }) => (\n <~~LexicalEditor value={value} onChange={onChange} key={input.name} />\n ~~)}\n </DelayedOnChange>\n~~ </CompositionScope>\n <EditorDialog\n open={isExpanded}\n value={value}\n onChange={applyChanges}\n onClose={() => setExpanded(false)}\n input={input}\n />\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,MAAM,EAAEC,~~eAAe,EAAEC,~~kBAAkB,QAAQ,kBAAkB;~~AAC9E~~,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,SAASC,~~wBAAwB,EAAEC,mBAAmB,QAAQ,wBAAwB;AACtF,SAASC,~~aAAa;AAEtB,SACIC,sBAAsB,EACtBC,iBAAiB;~~AAErB~~,~~SAASC,YAAY;AAErB,MAAM;EAAEC;AAAO,CAAC,GAAGL,mBAAmB;AAMtC,~~OAAO,~~MAAMM~~,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAMC,QAAQ,GAAIC,YAAmC,IAAK;IACtDF,KAAK,CAACC,QAAQ,CAAC,CAAC;MAAEE;IAAM,CAAC,KAAK;MAC1BA,KAAK,CAACC,GAAG,CAACF,YAAY,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC;EAE/B,~~oBACInB~~,KAAA,~~CAAAqB~~,aAAA,~~CAACV~~,sBAAsB,~~qBACnBX~~,KAAA,~~CAAAqB~~,aAAA,CAACC,8BAA8B,EAAAC,MAAA,CAAAC,MAAA,KAAKR,KAAK;IAAEG,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA;EAAS,EAAE,CAC1D,CAAC;AAEjC,CAAC;AAOD,MAAMQ,YAAY,GAAIT,KAAwB,IAAK;EAC/C,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,~~GAAGxB~~,QAAQ,~~CAACa~~,KAAK,CAACG,KAAK,CAAC;~~EAEzDjB~~,SAAS,CAAC,MAAM;~~IACZyB~~,aAAa,CAACX,KAAK,CAACG,KAAK,CAAC;EAC9B,CAAC,EAAE,CAACH,KAAK,CAACG,KAAK,CAAC,CAAC;EAEjB,~~oBACInB~~,KAAA,~~CAAAqB~~,aAAA,~~CAACjB~~,MAAM;~~IACHwB~~,EAAE,EAAE,uBAAwB;IAC5BC,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBC,SAAS,EAAE,0CAA2C;IACtD,sBAAoB,QAAS;IAC7BC,KAAK,EAAE,QAAQf,KAAK,CAACgB,KAAK,CAACC,KAAK,EAAG;IACnCC,WAAW,EAAE,KAAM;IACnBC,eAAe,EAAE,KAAM;IACvBC,OAAO,~~eACHpC~~,KAAA,~~CAAAqB~~,aAAA,~~CAAArB~~,KAAA,~~CAAAqC~~,QAAA,~~qBACIrC~~,KAAA,~~CAAAqB~~,aAAA,~~CAACjB~~,MAAM,~~CAACkC~~,YAAY;MAACC,OAAO,EAAEvB,KAAK,CAACwB;IAAQ,CAAE,CAAC,eAC/~~CxC~~,KAAA,~~CAAAqB~~,aAAA,~~CAACjB~~,MAAM,~~CAACqC~~,aAAa;MACjBC,IAAI,EAAE,cAAe;MACrBH,OAAO,EAAEA,CAAA,KAAM;QACXvB,KAAK,CAACC,QAAQ,CAACS,UAAU,CAAC;MAC9B;IAAE,CACL,CACH;EACL,~~gBAED1B~~,KAAA,~~CAAAqB~~,aAAA,~~CAACd~~,gBAAgB;~~IAACoC~~,IAAI,EAAE;EAAW,gBAC/~~B3C~~,KAAA,~~CAAAqB~~,aAAA,~~CAAChB~~,~~eAAe~~;~~IAACc~~,KAAK,EAAEO,UAAW;IAACT,QAAQ,EAAEU;EAAc,~~GACvD,CAAC;IAAER,KAAK;IAAEF;EAAS,CAAC,kBAAKjB,KAAA,CAAAqB,aAAA,CAACX,aAAa;IAACS,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA;EAAS,~~CAAE,~~CAC/D~~,CAAC,eAClBjB,KAAA,CAAAqB,aAAA,CAACZ,mBAAmB,qBAChBT,KAAA,CAAAqB,aAAA,CAACP,MAAM;IACH6B,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,eACH5C,KAAA,CAAAqB,aAAA,CAACb,wBAAwB;MACrBqC,UAAU,EAAEA,CAAA,KAAM;QACd,OACIC,QAAQ,CAACC,cAAc,CAAC,uBAAuB,CAAC,IAChDD,QAAQ,CAACE,IAAI;MAErB,CAAE;MACFnC,YAAY,EAAEA;IAAa,CAC9B;EACJ,CACJ,CACgB,CACP,CACd,CAAC;AAEjB,CAAC;AAED,~~MAAMS~~,8BAA8B,GAAGA,CAAC;EACpCH,KAAK;EACLF,QAAQ;EACRe,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAM;~~IAAEgB~~,UAAU;IAAEC;EAAY,CAAC,~~GAAGtC~~,iBAAiB,CAAC,CAAC;EAEvD,~~MAAMuC~~,YAAY,~~GAAGlD~~,WAAW,~~CAC3BmD~~,QAAa,IAAK;~~IACfnC~~,QAAQ,~~CAACmC~~,QAAQ,CAAC;IAClBF,WAAW,CAAC,KAAK,CAAC;EACtB,CAAC,EACD,~~CAACjC~~,QAAQ,~~EAAEiC~~,WAAW,CAC1B,CAAC;EAED,~~oBACIlD~~,KAAA,~~CAAAqB~~,aAAA,~~CAAArB~~,KAAA,~~CAAAqC~~,QAAA,~~qBACIrC~~,KAAA,~~CAAAqB~~,aAAA,~~CAACf~~,kBAAkB;~~IAACoC~~,IAAI,EAAET;EAAM,CAAE,CAAC,~~eACnCjC~~,KAAA,~~CAAAqB~~,aAAA,~~CAACd~~,gBAAgB;~~IAACoC~~,IAAI,EAAE;EAAU,~~gBAC9B3C~~,KAAA,~~CAAAqB~~,aAAA,~~CAAChB~~,~~eAAe;IAACc,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA;EAAS,GAC7C,CAAC;IAAEE,KAAK;IAAEF;EAAS,CAAC,kBACjBjB,KAAA,CAAAqB,aAAA,CAACX,~~aAAa;~~IAACS~~,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA,QAAS;~~IAACoC~~,GAAG,~~EAAErB~~,KAAK,CAACW;EAAK,CAAE,~~CAE1D~~,~~CACH,~~CAAC,~~eACnB3C~~,KAAA,~~CAAAqB~~,aAAA,CAACI,YAAY;IACTI,IAAI,~~EAAEoB~~,UAAW;~~IACjB9B~~,KAAK,EAAEA,KAAM;IACbF,QAAQ,~~EAAEkC~~,YAAa;~~IACvBX~~,OAAO,EAAEA,CAAA,~~KAAMU~~,WAAW,CAAC,KAAK,CAAE;~~IAClClB~~,KAAK,EAAEA;EAAM,CAChB,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useState","Dialog","FormComponentLabel","CompositionScope","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","LexicalInputRenderer","props","onChange","lexicalValue","value","set","createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","CancelAction","onClick","onClose","ConfirmAction","text","name","isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Dialog, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport type { RichTextValueWithHtml } from \"@webiny/app-admin\";\nimport { LexicalEditor } from \"./LexicalEditor.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport {\n ExpandedEditorProvider,\n useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor.js\";\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" \| \"metadata\"> & {\n onChange: (value: RichTextValueWithHtml) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n const onChange = (lexicalValue: RichTextValueWithHtml) => {\n props.onChange(({ value }) => {\n value.set(lexicalValue);\n });\n };\n\n const value = props.value ?? {};\n\n return (\n <ExpandedEditorProvider>\n <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n </ExpandedEditorProvider>\n );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" \| \"label\"> {\n open: boolean;\n onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n const [localValue, setLocalValue] = useState(props.value);\n\n useEffect(() => {\n setLocalValue(props.value);\n }, [props.value]);\n\n return (\n <Dialog\n id={\"lexical-editor-dialog\"}\n open={props.open}\n className={\"w-[900px] max-w-[900px] overflow-visible\"}\n data-hover-manager={\"ignore\"}\n title={`Edit ${props.input.label}`}\n dismissible={false}\n showCloseButton={false}\n actions={\n <>\n <Dialog.CancelAction onClick={props.onClose} />\n <Dialog.ConfirmAction\n text={\"Save Changes\"}\n onClick={() => {\n props.onChange(localValue);\n }}\n />\n </>\n }\n >\n <CompositionScope name={\"expanded\"}>\n <LexicalEditor value={localValue} onChange={setLocalValue} />\n </CompositionScope>\n </Dialog>\n );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: LexicalInputRendererProps) => {\n const { isExpanded, setExpanded } = useExpandedEditor();\n\n const applyChanges = useCallback(\n (newValue: any) => {\n onChange(newValue);\n setExpanded(false);\n },\n [onChange, setExpanded]\n );\n\n return (\n <>\n <FormComponentLabel text={label} />\n <CompositionScope name={\"compact\"}>\n <LexicalEditor value={value} onChange={onChange} key={input.name} />\n </CompositionScope>\n <EditorDialog\n open={isExpanded}\n value={value}\n onChange={applyChanges}\n onClose={() => setExpanded(false)}\n input={input}\n />\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/DefaultPageEditorConfig.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { Title } from "./TopBar/Title.js";
 import { PublishButton } from "./TopBar/PublishButton.js";
 import { RevisionsMenu } from "./TopBar/RevisionsMenu.js";
 import { SettingsButton } from "./TopBar/SettingsButton.js";
+import { HasPermission } from "../../../presentation/security/HasPermission.js";
 const {
   Ui
 } = PageEditorConfig;
@@ -24,14 +25,20 @@ export const DefaultPageEditorConfig = () => {
   }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
     name: "buttonSettings",
     element: /*#__PURE__*/React.createElement(SettingsButton, null)
-  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+  }), /*#__PURE__*/React.createElement(HasPermission, {
+    entity: "page",
+    action: "publish"
+  }, /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
     name: "buttonPublish",
     element: /*#__PURE__*/React.createElement(PublishButton, null)
-  }), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    entity: "page",
+    action: "edit"
+  }, /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
     group: "left",
     name: "autoSave",
     element: /*#__PURE__*/React.createElement(PageAutoSave, null)
-  }));
+  })));
 };
 //# sourceMappingURL=DefaultPageEditorConfig.js.map

package/modules/pages/PageEditor/DefaultPageEditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","PageEditorConfig","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"./PageEditorConfig.js\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n return (\n <PageEditorConfig>\n <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n </PageEditorConfig>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;~~AAEvB~~,MAAM;EAAEC;AAAG,CAAC,~~GAAGP~~,gBAAgB;AAE/B,OAAO,~~MAAMQ~~,uBAAuB,GAAGA,CAAA,KAAM;EACzC,~~oBACIT~~,KAAA,~~CAAAU~~,aAAA,~~CAACT~~,gBAAgB,qBACbD,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACP~~,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFH,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACN~~,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEJ,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACJ~~,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEN,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACH~~,cAAc,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACL~~,aAAa,MAAE;EAAE,CAAE,CAAC,~~eACvEL~~,KAAA,~~CAAAU~~,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACE,KAAK,EAAE,MAAO;IAACD,IAAI,EAAE,UAAW;IAACE,OAAO,~~eAAEf~~,KAAA,~~CAAAU~~,aAAA,~~CAACR~~,YAAY,MAAE;EAAE,CAAE,~~CAClE~~,CAAC;AAE3B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","PageEditorConfig","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","HasPermission","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","entity","action"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"./PageEditorConfig.js\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n return (\n <PageEditorConfig>\n <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n <HasPermission entity={\"page\"} action={\"publish\"}>\n <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n </HasPermission>\n <HasPermission entity={\"page\"} action={\"edit\"}>\n <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n </HasPermission>\n </PageEditorConfig>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAE/B,OAAO,MAAMS,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB,qBACbD,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACR,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFH,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACP,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEJ,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACL,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEN,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACJ,cAAc,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,CAAAW,aAAA,CAACH,aAAa;IAACU,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAU,gBAC7CnB,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACN,aAAa,MAAE;EAAE,CAAE,CAC3D,CAAC,eAChBL,KAAA,CAAAW,aAAA,CAACH,aAAa;IAACU,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,gBAC1CnB,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACE,KAAK,EAAE,MAAO;IAACD,IAAI,EAAE,UAAW;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACT,YAAY,MAAE;EAAE,CAAE,CACrE,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/PublishButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Button","useToast","useDialogs","ReactComponent","PublishIcon","usePublishPage","useSelectFromDocument","useRouter","Routes","PublishButton","goToRoute","showSuccessToast","publishPage","showDialog","folderId","document","location","id","publish","title","icon","createElement","content","acceptLabel","cancelLabel","onAccept","Pages","List","variant","text","onClick"],"sources":["PublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PublishButton = () => {\n const { goToRoute } = useRouter();\n const { showSuccessToast } = useToast();\n const { publishPage } = usePublishPage();\n const { showDialog } = useDialogs();\n const folderId = useSelectFromDocument<string, EditorPage>(\n document => document.location.folderId\n );\n const id = useSelectFromDocument(document => document.id);\n\n const publish = () => {\n showDialog({\n title: \"Publish page\",\n icon: <PublishIcon />,\n content: \"You're about to publish this page. Are you sure you want to continue?\",\n acceptLabel: \"Yes, publish this page!\",\n cancelLabel: \"Cancel\",\n onAccept: async () => {\n await publishPage({ id });\n\n showSuccessToast({\n title: \"Page was published successfully!\"\n });\n\n goToRoute(Routes.Pages.List, { folderId });\n }\n });\n };\n\n return (\n <Button\n variant=\"primary\"\n text={\"Publish\"}\n onClick={publish}\n icon={<PublishIcon />}\n ></Button>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,QAAQ,QAAQ,kBAAkB;AACnD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,MAAM;AAEf,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAU,CAAC,GAAGH,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEI;EAAiB,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACvC,MAAM;IAAEW;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEQ;EAAW,CAAC,GAAGX,UAAU,CAAC,CAAC;~~EACnC~~,MAAMY,QAAQ,GAAGR,qBAAqB,CAClCS,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAACF,QAClC,CAAC;EACD,MAAMG,EAAE,GAAGX,qBAAqB,CAACS,QAAQ,IAAIA,QAAQ,CAACE,EAAE,CAAC;EAEzD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClBL,UAAU,CAAC;MACPM,KAAK,EAAE,cAAc;MACrBC,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE,CAAC;MACrBkB,OAAO,EAAE,uEAAuE;MAChFC,WAAW,EAAE,yBAAyB;MACtCC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMb,WAAW,CAAC;UAAEK;QAAG,CAAC,CAAC;QAEzBN,gBAAgB,CAAC;UACbQ,KAAK,EAAE;QACX,CAAC,CAAC;QAEFT,SAAS,CAACF,MAAM,CAACkB,KAAK,CAACC,IAAI,EAAE;UAAEb;QAAS,CAAC,CAAC;MAC9C;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAsB,aAAA,CAACrB,MAAM;IACH4B,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAE,SAAU;IAChBC,OAAO,EAAEZ,OAAQ;IACjBE,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE;EAAE,CACjB,CAAC;AAElB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Button","useToast","useDialogs","ReactComponent","PublishIcon","usePublishPage","useSelectFromDocument","useRouter","Routes","PublishButton","goToRoute","showSuccessToast","publishPage","showDialog","folderId","document","location","id","publish","title","icon","createElement","content","acceptLabel","cancelLabel","onAccept","Pages","List","variant","text","onClick"],"sources":["PublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PublishButton = () => {\n const { goToRoute } = useRouter();\n const { showSuccessToast } = useToast();\n const { publishPage } = usePublishPage();\n const { showDialog } = useDialogs();\n\n const folderId = useSelectFromDocument<string, EditorPage>(\n document => document.location.folderId\n );\n const id = useSelectFromDocument(document => document.id);\n\n const publish = () => {\n showDialog({\n title: \"Publish page\",\n icon: <PublishIcon />,\n content: \"You're about to publish this page. Are you sure you want to continue?\",\n acceptLabel: \"Yes, publish this page!\",\n cancelLabel: \"Cancel\",\n onAccept: async () => {\n await publishPage({ id });\n\n showSuccessToast({\n title: \"Page was published successfully!\"\n });\n\n goToRoute(Routes.Pages.List, { folderId });\n }\n });\n };\n\n return (\n <Button\n variant=\"primary\"\n text={\"Publish\"}\n onClick={publish}\n icon={<PublishIcon />}\n ></Button>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,QAAQ,QAAQ,kBAAkB;AACnD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,MAAM;AAEf,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAU,CAAC,GAAGH,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEI;EAAiB,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACvC,MAAM;IAAEW;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEQ;EAAW,CAAC,GAAGX,UAAU,CAAC,CAAC;EAEnC,MAAMY,QAAQ,GAAGR,qBAAqB,CAClCS,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAACF,QAClC,CAAC;EACD,MAAMG,EAAE,GAAGX,qBAAqB,CAACS,QAAQ,IAAIA,QAAQ,CAACE,EAAE,CAAC;EAEzD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClBL,UAAU,CAAC;MACPM,KAAK,EAAE,cAAc;MACrBC,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE,CAAC;MACrBkB,OAAO,EAAE,uEAAuE;MAChFC,WAAW,EAAE,yBAAyB;MACtCC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMb,WAAW,CAAC;UAAEK;QAAG,CAAC,CAAC;QAEzBN,gBAAgB,CAAC;UACbQ,KAAK,EAAE;QACX,CAAC,CAAC;QAEFT,SAAS,CAACF,MAAM,CAACkB,KAAK,CAACC,IAAI,EAAE;UAAEb;QAAS,CAAC,CAAC;MAC9C;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAsB,aAAA,CAACrB,MAAM;IACH4B,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAE,SAAU;IAChBC,OAAO,EAAEZ,OAAQ;IACjBE,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE;EAAE,CACjB,CAAC;AAElB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Title.js CHANGED Viewed

@@ -25,10 +25,10 @@ export function Title() {
     setLocalValue(undefined);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col"
+    className: "flex flex-col min-w-0"
   }, !isEditing ? /*#__PURE__*/React.createElement(Text, {
     onClick: () => setIsEditing(true),
-    className: "cursor-pointer text-accent-primary font-bold mx-sm",
+    className: "cursor-pointer text-accent-primary font-bold mx-sm truncate",
     size: "lg"
   }, title) : null, isEditing ? /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,

package/modules/pages/PageEditor/TopBar/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport function Title() {\n const [localValue, setLocalValue] = useState<string \| undefined>();\n const [isEditing, setIsEditing] = useState<boolean>(false);\n\n const editor = useDocumentEditor();\n\n const { title } = useSelectFromDocument(document => {\n return {\n title: document.properties.title ?? \"Untitled\"\n };\n });\n\n const commitValue = useCallback((value: string) => {\n editor.updateDocument(document => {\n document.properties.title = value;\n });\n setLocalValue(undefined);\n setIsEditing(false);\n }, []);\n\n const cancelEditing = useCallback(() => {\n setIsEditing(false);\n setLocalValue(undefined);\n }, []);\n\n return (\n <div className={\"flex flex-col\"}>\n {!isEditing ? (\n <Text\n onClick={() => setIsEditing(true)}\n className={\"cursor-pointer text-accent-primary font-bold mx-sm\"}\n size={\"lg\"}\n >\n {title}\n </Text>\n ) : null}\n {isEditing ? (\n <Input\n autoFocus\n autoSelect\n size={\"md\"}\n variant={\"secondary\"}\n value={localValue ?? title}\n onChange={setLocalValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n onEscape={cancelEditing}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;~~EAAgB~~,~~GAC3B~~,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,~~oDAAqD~~;~~IAChEE~~,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport function Title() {\n const [localValue, setLocalValue] = useState<string \| undefined>();\n const [isEditing, setIsEditing] = useState<boolean>(false);\n\n const editor = useDocumentEditor();\n\n const { title } = useSelectFromDocument(document => {\n return {\n title: document.properties.title ?? \"Untitled\"\n };\n });\n\n const commitValue = useCallback((value: string) => {\n editor.updateDocument(document => {\n document.properties.title = value;\n });\n setLocalValue(undefined);\n setIsEditing(false);\n }, []);\n\n const cancelEditing = useCallback(() => {\n setIsEditing(false);\n setLocalValue(undefined);\n }, []);\n\n return (\n <div className={\"flex flex-col min-w-0\"}>\n {!isEditing ? (\n <Text\n onClick={() => setIsEditing(true)}\n className={\"cursor-pointer text-accent-primary font-bold mx-sm truncate\"}\n size={\"lg\"}\n >\n {title}\n </Text>\n ) : null}\n {isEditing ? (\n <Input\n autoFocus\n autoSelect\n size={\"md\"}\n variant={\"secondary\"}\n value={localValue ?? title}\n onChange={setLocalValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n onEscape={cancelEditing}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwB,GACnC,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,6DAA8D;IACzEE,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}

package/modules/pages/PagesList/components/Main/CreatePage/CreatePage.js CHANGED Viewed

@@ -40,6 +40,9 @@ export const useCreatePageDialog = folderId => {
           properties: {
             ...(formData.properties ?? {})
           },
+          extensions: {
+            ...(formData.extensions ?? {})
+          },
           metadata: {
             documentType: "page",
             pageType: type,

package/modules/pages/PagesList/components/Main/CreatePage/CreatePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","Grid","Select","useBind","validation","useDialogs","useCreatePage","useEditPageUrl","useGetPageType","usePageTypes","useCreatePageDialog","folderId","dialog","createPage","goToPageEditor","getPageType","showCreatePageDialog","showDialog","title","acceptLabel","cancelLabel","content","createElement","CreatePageWizard","formData","onAccept","type","pageType","input","location","properties","metadata","documentType","elements","root","id","component","name","result","pageTypes","options","Array","from","entries","map","label","value","pageTypeBind","validators","create","find","Column","span","Object","assign","Fragment","element"],"sources":["CreatePage.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useCreatePage } from \"~/features/pages/index.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/ICreatePageUseCase.js\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { useGetPageType, usePageTypes } from \"~/features/index.js\";\n\nexport const useCreatePageDialog = (folderId: string) => {\n const dialog = useDialogs();\n const { createPage } = useCreatePage();\n const { goToPageEditor } = useEditPageUrl();\n const { getPageType } = useGetPageType();\n\n const showCreatePageDialog = () => {\n dialog.showDialog({\n title: \"Create a Page\",\n acceptLabel: \"Create\",\n cancelLabel: \"Cancel\",\n content: <CreatePageWizard />,\n formData: {},\n onAccept: async ({ type, ...formData }) => {\n const pageType = getPageType(type);\n\n if (!pageType) {\n // This edge-case can hardly happen, but let's still check for it.\n return;\n }\n\n const input: CreatePageParams = {\n location: {\n folderId\n },\n properties: {\n ...(formData.properties ?? {})\n },\n metadata: {\n documentType: \"page\",\n pageType: type,\n ...(formData.metadata ?? {})\n },\n elements: {\n root: {\n type: \"Webiny/Element\",\n id: \"root\",\n component: {\n name: \"Webiny/Root\"\n }\n }\n }\n };\n\n const result = await createPage(input);\n goToPageEditor(result.id);\n }\n });\n };\n\n return { showCreatePageDialog };\n};\n\nconst CreatePageWizard = () => {\n const { pageTypes } = usePageTypes();\n\n const options = useMemo(() => {\n return Array.from(pageTypes.entries()).map(([, type]) => ({\n label: type.label,\n value: type.name\n }));\n }, [pageTypes]);\n\n const pageTypeBind = useBind({\n name: \"type\",\n validators: [validation.create(\"required\")]\n });\n\n const pageType = pageTypes.find(type => type.name === pageTypeBind.value);\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <Select\n label={\"Page Type\"}\n {...pageTypeBind}\n value={pageTypeBind.value ?? \"\"}\n options={options}\n ></Select>\n </Grid.Column>\n <>{pageType ? pageType.element : null}</>\n </Grid>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,aAAa;AAEtB,SAASC,cAAc;AACvB,SAASC,cAAc,EAAEC,YAAY;AAErC,OAAO,MAAMC,mBAAmB,GAAIC,QAAgB,IAAK;EACrD,MAAMC,MAAM,GAAGP,UAAU,CAAC,CAAC;EAC3B,MAAM;IAAEQ;EAAW,CAAC,GAAGP,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEQ;EAAe,CAAC,GAAGP,cAAc,CAAC,CAAC;EAC3C,MAAM;IAAEQ;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,MAAMQ,oBAAoB,GAAGA,CAAA,KAAM;IAC/BJ,MAAM,CAACK,UAAU,CAAC;MACdC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,QAAQ;MACrBC,WAAW,EAAE,QAAQ;MACrBC,OAAO,eAAEtB,KAAA,CAAAuB,aAAA,CAACC,gBAAgB,MAAE,CAAC;MAC7BC,QAAQ,EAAE,CAAC,CAAC;MACZC,QAAQ,EAAE,MAAAA,CAAO;QAAEC,IAAI;QAAE,GAAGF;MAAS,CAAC,KAAK;QACvC,MAAMG,QAAQ,GAAGZ,WAAW,CAACW,IAAI,CAAC;QAElC,IAAI,CAACC,QAAQ,EAAE;UACX;UACA;QACJ;QAEA,MAAMC,KAAuB,GAAG;UAC5BC,QAAQ,EAAE;YACNlB;UACJ,CAAC;UACDmB,UAAU,EAAE;YACR,IAAIN,QAAQ,CAACM,UAAU,IAAI,CAAC,CAAC;UACjC,CAAC;UACDC,QAAQ,EAAE;YACNC,YAAY,EAAE,MAAM;~~YACpBL~~,QAAQ,EAAED,IAAI;YACd,IAAIF,QAAQ,~~CAACO~~,QAAQ,IAAI,CAAC,CAAC;UAC/B,CAAC;UACDE,QAAQ,EAAE;YACNC,IAAI,EAAE;~~cACFR~~,IAAI,EAAE,gBAAgB;~~cACtBS~~,EAAE,EAAE,MAAM;cACVC,SAAS,EAAE;gBACPC,IAAI,EAAE;cACV;YACJ;UACJ;QACJ,CAAC;QAED,MAAMC,MAAM,GAAG,~~MAAMzB~~,UAAU,CAACe,KAAK,CAAC;QACtCd,cAAc,~~CAACwB~~,MAAM,CAACH,EAAE,CAAC;MAC7B;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;~~IAAEnB~~;EAAqB,CAAC;AACnC,CAAC;AAED,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;~~IAAEgB~~;EAAU,CAAC,~~GAAG9B~~,YAAY,CAAC,CAAC;EAEpC,~~MAAM+B~~,OAAO,~~GAAGxC~~,OAAO,CAAC,MAAM;IAC1B,~~OAAOyC~~,KAAK,CAACC,IAAI,CAACH,SAAS,CAACI,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,~~GAAGlB~~,IAAI,CAAC,MAAM;~~MACtDmB~~,KAAK,~~EAAEnB~~,IAAI,~~CAACmB~~,KAAK;MACjBC,KAAK,~~EAAEpB~~,IAAI,~~CAACW~~;IAChB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,MAAMQ,YAAY,~~GAAG5C~~,OAAO,CAAC;~~IACzBkC~~,IAAI,EAAE,MAAM;IACZW,UAAU,EAAE,~~CAAC5C~~,UAAU,~~CAAC6C~~,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,~~MAAMtB~~,QAAQ,~~GAAGY~~,SAAS,CAACW,IAAI,~~CAACxB~~,IAAI,IAAIA,IAAI,~~CAACW~~,IAAI,KAAKU,YAAY,CAACD,KAAK,CAAC;EAEzE,~~oBACI/C~~,KAAA,CAAAuB,aAAA,CAACrB,IAAI,qBACDF,KAAA,CAAAuB,aAAA,CAACrB,IAAI,~~CAACkD~~,MAAM;IAACC,IAAI,EAAE;EAAG,~~gBAClBrD~~,KAAA,CAAAuB,aAAA,CAACpB,MAAM,~~EAAAmD~~,MAAA,CAAAC,MAAA;IACHT,KAAK,EAAE;EAAY,GACfE,YAAY;IAChBD,KAAK,EAAEC,YAAY,CAACD,KAAK,IAAI,EAAG;IAChCN,OAAO,EAAEA;EAAQ,EACZ,CACA,CAAC,~~eACdzC~~,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,~~CAAAwD~~,QAAA,~~QAAG5B~~,QAAQ,GAAGA,QAAQ,~~CAAC6B~~,OAAO,GAAG,IAAO,CACtC,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","Grid","Select","useBind","validation","useDialogs","useCreatePage","useEditPageUrl","useGetPageType","usePageTypes","useCreatePageDialog","folderId","dialog","createPage","goToPageEditor","getPageType","showCreatePageDialog","showDialog","title","acceptLabel","cancelLabel","content","createElement","CreatePageWizard","formData","onAccept","type","pageType","input","location","properties","extensions","metadata","documentType","elements","root","id","component","name","result","pageTypes","options","Array","from","entries","map","label","value","pageTypeBind","validators","create","find","Column","span","Object","assign","Fragment","element"],"sources":["CreatePage.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useCreatePage } from \"~/features/pages/index.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/ICreatePageUseCase.js\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { useGetPageType, usePageTypes } from \"~/features/index.js\";\n\nexport const useCreatePageDialog = (folderId: string) => {\n const dialog = useDialogs();\n const { createPage } = useCreatePage();\n const { goToPageEditor } = useEditPageUrl();\n const { getPageType } = useGetPageType();\n\n const showCreatePageDialog = () => {\n dialog.showDialog({\n title: \"Create a Page\",\n acceptLabel: \"Create\",\n cancelLabel: \"Cancel\",\n content: <CreatePageWizard />,\n formData: {},\n onAccept: async ({ type, ...formData }) => {\n const pageType = getPageType(type);\n\n if (!pageType) {\n // This edge-case can hardly happen, but let's still check for it.\n return;\n }\n\n const input: CreatePageParams = {\n location: {\n folderId\n },\n properties: {\n ...(formData.properties ?? {})\n },\n extensions: {\n ...(formData.extensions ?? {})\n },\n metadata: {\n documentType: \"page\",\n pageType: type,\n ...(formData.metadata ?? {})\n },\n elements: {\n root: {\n type: \"Webiny/Element\",\n id: \"root\",\n component: {\n name: \"Webiny/Root\"\n }\n }\n }\n };\n\n const result = await createPage(input);\n goToPageEditor(result.id);\n }\n });\n };\n\n return { showCreatePageDialog };\n};\n\nconst CreatePageWizard = () => {\n const { pageTypes } = usePageTypes();\n\n const options = useMemo(() => {\n return Array.from(pageTypes.entries()).map(([, type]) => ({\n label: type.label,\n value: type.name\n }));\n }, [pageTypes]);\n\n const pageTypeBind = useBind({\n name: \"type\",\n validators: [validation.create(\"required\")]\n });\n\n const pageType = pageTypes.find(type => type.name === pageTypeBind.value);\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <Select\n label={\"Page Type\"}\n {...pageTypeBind}\n value={pageTypeBind.value ?? \"\"}\n options={options}\n ></Select>\n </Grid.Column>\n <>{pageType ? pageType.element : null}</>\n </Grid>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PagesList/components/Sidebar/Sidebar.js CHANGED Viewed

@@ -2,6 +2,7 @@ import React from "react";
 import { FolderTree, useNavigateFolder } from "@webiny/app-aco";
 import { SidebarFooter } from "./SidebarFooter.js";
 import { usePageListConfig } from "../../../configs/index.js";
+import { Heading, Separator } from "@webiny/admin-ui";
 const Sidebar = () => {
   const {
     currentFolderId,
@@ -13,7 +14,11 @@ const Sidebar = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col h-main-content"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "p-xs flex-1 overflow-y-scroll"
+    className: "py-sm px-md"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 5
+  }, "Pages")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 overflow-y-scroll"
   }, /*#__PURE__*/React.createElement(FolderTree, {
     folderActions: browser.folder.actions,
     dropConfirmation: browser.folder.dropConfirmation,

package/modules/pages/PagesList/components/Sidebar/Sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","FolderTree","useNavigateFolder","SidebarFooter","usePageListConfig","Sidebar","currentFolderId","navigateToFolder","browser","createElement","className","folderActions","folder","actions","dropConfirmation","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nconst Sidebar = () => {\n const { currentFolderId, navigateToFolder } = useNavigateFolder();\n const { browser } = usePageListConfig();\n\n return (\n <div className={\"flex flex-col h-main-content\"}>\n <div className={\"p-xs flex-1 overflow-y-scroll\"}>\n <FolderTree\n folderActions={browser.folder.actions}\n dropConfirmation={browser.folder.dropConfirmation}\n focusedFolderId={currentFolderId}\n onFolderClick={data => navigateToFolder(data.id)}\n enableActions={true}\n enableCreate={true}\n />\n </div>\n <div className={\"px-xs py-sm bg-neutral-base\"}>\n <SidebarFooter />\n </div>\n </div>\n );\n};\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iBAAiB;AAC/D,SAASC,aAAa;AACtB,SAASC,iBAAiB;~~AAE1B~~,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,eAAe;IAAEC;EAAiB,CAAC,~~GAAGL~~,iBAAiB,CAAC,CAAC;EACjE,MAAM;~~IAAEM~~;EAAQ,CAAC,~~GAAGJ~~,iBAAiB,CAAC,CAAC;EAEvC,oBACIJ,KAAA,~~CAAAS~~,aAAA;IAAKC,SAAS,EAAE;EAA+B,~~gBAC3CV~~,KAAA,~~CAAAS~~,aAAA;IAAKC,SAAS,EAAE;~~EAAgC~~,~~gBAC5CV~~,KAAA,~~CAAAS~~,aAAA,~~CAACR~~,UAAU;~~IACPU~~,aAAa,~~EAAEH~~,OAAO,~~CAACI~~,MAAM,CAACC,OAAQ;IACtCC,gBAAgB,~~EAAEN~~,OAAO,~~CAACI~~,MAAM,CAACE,gBAAiB;IAClDC,eAAe,~~EAAET~~,eAAgB;~~IACjCU~~,aAAa,EAAEC,IAAI,~~IAAIV~~,gBAAgB,~~CAACU~~,IAAI,CAACC,EAAE,CAAE;IACjDC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CACA,CAAC,~~eACNpB~~,KAAA,~~CAAAS~~,aAAA;IAAKC,SAAS,EAAE;EAA8B,~~gBAC1CV~~,KAAA,~~CAAAS~~,aAAA,~~CAACN~~,aAAa,MAAE,CACf,CACJ,CAAC;AAEd,CAAC;AAED,~~SAASE~~,OAAO","ignoreList":[]}
1	+ {"version":3,"names":["React","FolderTree","useNavigateFolder","SidebarFooter","usePageListConfig","Heading","Separator","Sidebar","currentFolderId","navigateToFolder","browser","createElement","className","level","folderActions","folder","actions","dropConfirmation","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\nimport { Heading, Separator } from \"@webiny/admin-ui\";\n\nconst Sidebar = () => {\n const { currentFolderId, navigateToFolder } = useNavigateFolder();\n const { browser } = usePageListConfig();\n\n return (\n <div className={\"flex flex-col h-main-content\"}>\n <div className={\"py-sm px-md\"}>\n <Heading level={5}>Pages</Heading>\n </div>\n <Separator />\n <div className={\"flex-1 overflow-y-scroll\"}>\n <FolderTree\n folderActions={browser.folder.actions}\n dropConfirmation={browser.folder.dropConfirmation}\n focusedFolderId={currentFolderId}\n onFolderClick={data => navigateToFolder(data.id)}\n enableActions={true}\n enableCreate={true}\n />\n </div>\n <div className={\"px-xs py-sm bg-neutral-base\"}>\n <SidebarFooter />\n </div>\n </div>\n );\n};\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iBAAiB;AAC/D,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AAErD,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EACjE,MAAM;IAAEQ;EAAQ,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,oBACIJ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1BZ,KAAA,CAAAW,aAAA,CAACN,OAAO;IAACQ,KAAK,EAAE;EAAE,GAAC,OAAc,CAChC,CAAC,eACNb,KAAA,CAAAW,aAAA,CAACL,SAAS,MAAE,CAAC,eACbN,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCZ,KAAA,CAAAW,aAAA,CAACV,UAAU;IACPa,aAAa,EAAEJ,OAAO,CAACK,MAAM,CAACC,OAAQ;IACtCC,gBAAgB,EAAEP,OAAO,CAACK,MAAM,CAACE,gBAAiB;IAClDC,eAAe,EAAEV,eAAgB;IACjCW,aAAa,EAAEC,IAAI,IAAIX,gBAAgB,CAACW,IAAI,CAACC,EAAE,CAAE;IACjDC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CACA,CAAC,eACNvB,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA8B,gBAC1CZ,KAAA,CAAAW,aAAA,CAACR,aAAa,MAAE,CACf,CACJ,CAAC;AAEd,CAAC;AAED,SAASI,OAAO","ignoreList":[]}