@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/admin/components/FieldEditor/utils/index.d.ts

@@ -1,4 +1,4 @@
-export { default as getFieldPosition } from "./getFieldPosition";
-export { default as moveField } from "./moveField";
-export { default as deleteField } from "./deleteField";
-export { default as moveRow } from "./moveRow";
+export { default as getFieldPosition } from "./getFieldPosition.js";
+export { default as moveField } from "./moveField.js";
+export { default as deleteField } from "./deleteField.js";
+export { default as moveRow } from "./moveRow.js";

package/admin/components/FieldEditor/utils/index.js

@@ -1,6 +1,6 @@
-export { default as getFieldPosition } from "./getFieldPosition";
-export { default as moveField } from "./moveField";
-export { default as deleteField } from "./deleteField";
-export { default as moveRow } from "./moveRow";
+export { default as getFieldPosition } from "./getFieldPosition.js";
+export { default as moveField } from "./moveField.js";
+export { default as deleteField } from "./deleteField.js";
+export { default as moveRow } from "./moveRow.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/FieldEditor/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","getFieldPosition","moveField","deleteField","moveRow"],"sources":["index.ts"],"sourcesContent":["export { default as getFieldPosition } from \"./getFieldPosition\";\nexport { default as moveField } from \"./moveField\";\nexport { default as deleteField } from \"./deleteField\";\nexport { default as moveRow } from \"./moveRow\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB;AACpC,SAASD,OAAO,IAAIE,SAAS;AAC7B,SAASF,OAAO,IAAIG,WAAW;AAC/B,SAASH,OAAO,IAAII,OAAO","ignoreList":[]}
+{"version":3,"names":["default","getFieldPosition","moveField","deleteField","moveRow"],"sources":["index.ts"],"sourcesContent":["export { default as getFieldPosition } from \"./getFieldPosition.js\";\nexport { default as moveField } from \"./moveField.js\";\nexport { default as deleteField } from \"./deleteField.js\";\nexport { default as moveRow } from \"./moveRow.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB;AACpC,SAASD,OAAO,IAAIE,SAAS;AAC7B,SAASF,OAAO,IAAIG,WAAW;AAC/B,SAASH,OAAO,IAAII,OAAO","ignoreList":[]}

package/admin/components/FieldEditor/utils/moveField.d.ts

@@ -1,8 +1,9 @@
-import type { CmsModelField, CmsEditorFieldId, CmsModel as BaseCmsModel, FieldLayoutPosition } from "../../../../types";
+import type { CmsModelField, CmsEditorFieldId, CmsModel as BaseCmsModel, FieldLayoutPosition } from "../../../../types.js";
+type CmsModel = Required<Pick<BaseCmsModel, "fields" | "layout">>;
 interface MoveFieldParams<T> {
     field: CmsEditorFieldId | Pick<CmsModelField, "id">;
     position: FieldLayoutPosition;
     data: T;
 }
-declare const _default: <T extends Required<Pick<BaseCmsModel, "layout" | "fields">>>(params: MoveFieldParams<T>) => T;
+declare const _default: <T extends CmsModel>(params: MoveFieldParams<T>) => T;
 export default _default;

package/admin/components/FieldEditor/utils/moveField.js

@@ -1,5 +1,5 @@
 import dot from "dot-prop-immutable";
-import getFieldPosition from "./getFieldPosition";
+import getFieldPosition from "./getFieldPosition.js";
 const moveField = params => {
   const {
     field,

package/admin/components/FieldEditor/utils/moveField.js.map

@@ -1 +1 @@
-{"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n    CmsModelField,\n    CmsEditorFieldId,\n    CmsModel as BaseCmsModel,\n    FieldLayoutPosition\n} from \"~/types\";\nimport getFieldPosition from \"./getFieldPosition\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" | \"layout\">>;\n\ninterface MoveFieldParams<T> {\n    field: CmsEditorFieldId | Pick<CmsModelField, \"id\">;\n    position: FieldLayoutPosition;\n    data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n    const { field, position, data: prev } = params;\n    const { row, index } = position;\n    const fieldId = typeof field === \"string\" ? field : field.id;\n\n    let next: T = {\n        ...prev,\n        layout: prev.layout ? prev.layout || [] : []\n    };\n\n    const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n    if (existingPosition) {\n        next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n    }\n\n    // Setting a form field into a new non-existing row.\n    if (!next.layout[row]) {\n        return dot.set(next, `layout.${row}`, [fieldId]);\n    }\n\n    // Drop the field at the specified index.\n    if (index === null) {\n        // Create a new row with the new field at the given row index,\n        return dot.set(next, \"layout\", (layout: string[][]) => {\n            const newLayout = [...layout];\n            newLayout.splice(row, 0, [fieldId]);\n            return newLayout;\n        });\n    }\n\n    return dot.set(next, `layout.${row}`, (layout: string[]) => {\n        const newLayout = [...layout];\n        newLayout.splice(index, 0, fieldId);\n        return newLayout;\n    });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n    return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n        return [...layout].filter(row => row.length > 0);\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n    CmsModelField,\n    CmsEditorFieldId,\n    CmsModel as BaseCmsModel,\n    FieldLayoutPosition\n} from \"~/types.js\";\nimport getFieldPosition from \"./getFieldPosition.js\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" | \"layout\">>;\n\ninterface MoveFieldParams<T> {\n    field: CmsEditorFieldId | Pick<CmsModelField, \"id\">;\n    position: FieldLayoutPosition;\n    data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n    const { field, position, data: prev } = params;\n    const { row, index } = position;\n    const fieldId = typeof field === \"string\" ? field : field.id;\n\n    let next: T = {\n        ...prev,\n        layout: prev.layout ? prev.layout || [] : []\n    };\n\n    const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n    if (existingPosition) {\n        next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n    }\n\n    // Setting a form field into a new non-existing row.\n    if (!next.layout[row]) {\n        return dot.set(next, `layout.${row}`, [fieldId]);\n    }\n\n    // Drop the field at the specified index.\n    if (index === null) {\n        // Create a new row with the new field at the given row index,\n        return dot.set(next, \"layout\", (layout: string[][]) => {\n            const newLayout = [...layout];\n            newLayout.splice(row, 0, [fieldId]);\n            return newLayout;\n        });\n    }\n\n    return dot.set(next, `layout.${row}`, (layout: string[]) => {\n        const newLayout = [...layout];\n        newLayout.splice(index, 0, fieldId);\n        return newLayout;\n    });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n    return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n        return [...layout].filter(row => row.length > 0);\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/utils/moveRow.d.ts

@@ -1,4 +1,4 @@
-import type { CmsModel } from "../../../../types";
+import type { CmsModel } from "../../../../types.js";
 interface Params {
     source: number;
     destination: number;

package/admin/components/FieldEditor/utils/moveRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["dot","data","source","destination","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types\";\n\ninterface Params {\n    source: number;\n    destination: number;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n    return dot.set(data, \"layout\", (layout: string[][]) => {\n        return source < destination\n            ? [\n                  ...layout.slice(0, source),\n                  ...layout.slice(source + 1, destination),\n                  layout[source],\n                  ...layout.slice(destination)\n              ]\n            : [\n                  ...layout.slice(0, destination),\n                  layout[source],\n                  ...layout.slice(destination, source),\n                  ...layout.slice(source + 1)\n              ];\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["dot","data","source","destination","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n    source: number;\n    destination: number;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n    return dot.set(data, \"layout\", (layout: string[][]) => {\n        return source < destination\n            ? [\n                  ...layout.slice(0, source),\n                  ...layout.slice(source + 1, destination),\n                  layout[source],\n                  ...layout.slice(destination)\n              ]\n            : [\n                  ...layout.slice(0, destination),\n                  layout[source],\n                  ...layout.slice(destination, source),\n                  ...layout.slice(source + 1)\n              ];\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/admin/components/IconPicker.js

@@ -8,10 +8,33 @@ export const IconPicker = props => {
       return icons.concat(pl.getIcons());
     }, []);
   }, []);
+  const onChange = value => {
+    if (props.onChange) {
+      if (!value) {
+        props.onChange(null);
+        return;
+      }
+      props.onChange({
+        type: "icon",
+        name: value
+      });
+    }
+  };
+  let value = null;
+  if (props.value) {
+    if (typeof props.value === "string") {
+      value = props.value;
+    } else {
+      value = props.value.name;
+    }
+  }
   return /*#__PURE__*/React.createElement(AdminIconPicker, Object.assign({
     size: "lg",
     icons: icons
-  }, props));
+  }, props, {
+    onChange: onChange,
+    value: value
+  }));
 };
 
 //# sourceMappingURL=IconPicker.js.map

package/admin/components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","IconPicker","AdminIconPicker","plugins","props","icons","iconPlugins","byType","reduce","pl","concat","getIcons","createElement","Object","assign","size"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IconPickerIconDto, IconPickerProps } from \"@webiny/admin-ui\";\nimport { IconPicker as AdminIconPicker } from \"@webiny/admin-ui\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsIconsPlugin } from \"~/types\";\n\nexport const IconPicker = (props: Omit<IconPickerProps, \"icons\">) => {\n    const icons: IconPickerIconDto[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<IconPickerIconDto>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    return <AdminIconPicker size={\"lg\"} icons={icons} {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMF,UAAU,GAAIG,KAAqC,IAAK;EACjE,MAAMC,KAA0B,GAAGL,OAAO,CAAC,MAAM;IAC7C,MAAMM,WAAW,GAAGH,OAAO,CAACI,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOD,WAAW,CAACE,MAAM,CAAC,CAACH,KAA+B,EAAEI,EAAE,KAAK;MAC/D,OAAOJ,KAAK,CAACK,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOZ,KAAA,CAAAa,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACV,KAAK,EAAEA;EAAM,GAAKD,KAAK,CAAG,CAAC;AACnE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","IconPicker","AdminIconPicker","plugins","props","icons","iconPlugins","byType","reduce","pl","concat","getIcons","onChange","value","type","name","createElement","Object","assign","size"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IconPickerIconDto, IconPickerProps } from \"@webiny/admin-ui\";\nimport { IconPicker as AdminIconPicker } from \"@webiny/admin-ui\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsIconsPlugin } from \"~/types.js\";\n\nexport const IconPicker = (props: Omit<IconPickerProps, \"icons\">) => {\n    const icons: IconPickerIconDto[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<IconPickerIconDto>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const onChange = (value: string | null) => {\n        if (props.onChange) {\n            if (!value) {\n                props.onChange(null);\n                return;\n            }\n\n            props.onChange({\n                type: \"icon\",\n                name: value\n            });\n        }\n    };\n\n    let value = null;\n    if (props.value) {\n        if (typeof props.value === \"string\") {\n            value = props.value;\n        } else {\n            value = props.value.name;\n        }\n    }\n\n    return (\n        <AdminIconPicker size={\"lg\"} icons={icons} {...props} onChange={onChange} value={value} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMF,UAAU,GAAIG,KAAqC,IAAK;EACjE,MAAMC,KAA0B,GAAGL,OAAO,CAAC,MAAM;IAC7C,MAAMM,WAAW,GAAGH,OAAO,CAACI,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOD,WAAW,CAACE,MAAM,CAAC,CAACH,KAA+B,EAAEI,EAAE,KAAK;MAC/D,OAAOJ,KAAK,CAACK,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;IACvC,IAAIT,KAAK,CAACQ,QAAQ,EAAE;MAChB,IAAI,CAACC,KAAK,EAAE;QACRT,KAAK,CAACQ,QAAQ,CAAC,IAAI,CAAC;QACpB;MACJ;MAEAR,KAAK,CAACQ,QAAQ,CAAC;QACXE,IAAI,EAAE,MAAM;QACZC,IAAI,EAAEF;MACV,CAAC,CAAC;IACN;EACJ,CAAC;EAED,IAAIA,KAAK,GAAG,IAAI;EAChB,IAAIT,KAAK,CAACS,KAAK,EAAE;IACb,IAAI,OAAOT,KAAK,CAACS,KAAK,KAAK,QAAQ,EAAE;MACjCA,KAAK,GAAGT,KAAK,CAACS,KAAK;IACvB,CAAC,MAAM;MACHA,KAAK,GAAGT,KAAK,CAACS,KAAK,CAACE,IAAI;IAC5B;EACJ;EAEA,oBACIhB,KAAA,CAAAiB,aAAA,CAACd,eAAe,EAAAe,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACd,KAAK,EAAEA;EAAM,GAAKD,KAAK;IAAEQ,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA;EAAM,EAAE,CAAC;AAElG,CAAC","ignoreList":[]}

package/admin/components/IsModelPublishable.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface IsPublishableProps {
+    children: React.ReactNode;
+}
+export declare const IsModelPublishable: (props: IsPublishableProps) => React.JSX.Element | null;

package/admin/components/IsModelPublishable.js

@@ -0,0 +1,11 @@
+import React, { useMemo } from "react";
+import { useModel } from "../../exports/admin/cms.js";
+export const IsModelPublishable = props => {
+  const {
+    model
+  } = useModel();
+  const isPublishable = useMemo(() => !model.tags.includes("$publishing:false"), [model]);
+  return isPublishable ? /*#__PURE__*/React.createElement(React.Fragment, null, props.children) : null;
+};
+
+//# sourceMappingURL=IsModelPublishable.js.map

package/admin/components/IsModelPublishable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useModel","IsModelPublishable","props","model","isPublishable","tags","includes","createElement","Fragment","children"],"sources":["IsModelPublishable.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useModel } from \"~/exports/admin/cms.js\";\n\nexport interface IsPublishableProps {\n    children: React.ReactNode;\n}\n\nexport const IsModelPublishable = (props: IsPublishableProps) => {\n    const { model } = useModel();\n\n    const isPublishable = useMemo(() => !model.tags.includes(\"$publishing:false\"), [model]);\n\n    return isPublishable ? <>{props.children}</> : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ;AAMjB,OAAO,MAAMC,kBAAkB,GAAIC,KAAyB,IAAK;EAC7D,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE5B,MAAMI,aAAa,GAAGL,OAAO,CAAC,MAAM,CAACI,KAAK,CAACE,IAAI,CAACC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEvF,OAAOC,aAAa,gBAAGN,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGN,KAAK,CAACO,QAAW,CAAC,GAAG,IAAI;AACvD,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { RichTextEditorProps } from "@webiny/lexical-editor/types";
-export declare const LexicalCmsEditor: (props: Omit<RichTextEditorProps, "theme">) => React.JSX.Element;
+import { LexicalEditor } from "@webiny/app-admin";
+export declare const LexicalCmsEditor: (props: Omit<LexicalEditor.Props, "theme">) => React.JSX.Element;

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js

@@ -1,6 +1,6 @@
-import React, { useCallback } from "react";
+import React from "react";
 import { StaticToolbar } from "@webiny/lexical-editor";
-import { LexicalEditor } from "@webiny/app-admin/components/LexicalEditor";
+import { LexicalEditor } from "@webiny/app-admin";
 const placeholderStyles = {
   position: "absolute",
   top: 40,
@@ -20,15 +20,8 @@ const styles = {
 };
 const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, null);
 export const LexicalCmsEditor = props => {
-  const onChange = useCallback(jsonString => {
-    if (props?.onChange) {
-      props?.onChange(JSON.parse(jsonString));
-    }
-  }, [props?.onChange]);
   return /*#__PURE__*/React.createElement(LexicalEditor, Object.assign({}, props, {
     focus: true,
-    value: props.value ? JSON.stringify(props.value) : props.value,
-    onChange: onChange,
     staticToolbar: toolbar,
     tag: "p",
     placeholder: props?.placeholder || "Enter your text here...",

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","StaticToolbar","LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","LexicalCmsEditor","props","onChange","jsonString","JSON","parse","Object","assign","focus","value","stringify","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(JSON.parse(jsonString));\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={props.value ? JSON.stringify(props.value) : props.value}\n            onChange={onChange}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,aAAa,QAAQ,4CAA4C;AAE1E,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,MAAMC,OAAO,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,aAAa,MAAE,CAAC;AAEjC,OAAO,MAAMgB,gBAAgB,GAAIC,KAAyC,IAAK;EAC3E,MAAMC,QAAQ,GAAGnB,WAAW,CACvBoB,UAAkB,IAAK;IACpB,IAAIF,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACIpB,KAAA,CAAAiB,aAAA,CAACd,aAAa,EAAAqB,MAAA,CAAAC,MAAA,KACNN,KAAK;IACTO,KAAK,EAAE,IAAK;IACZC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGL,IAAI,CAACM,SAAS,CAACT,KAAK,CAACQ,KAAK,CAAC,GAAGR,KAAK,CAACQ,KAAM;IAC/DP,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEb,OAAQ;IACvBc,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEZ,KAAK,EAAEY,WAAW,IAAI,yBAA0B;IAC7D3B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StaticToolbar","LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","LexicalCmsEditor","props","Object","assign","focus","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { LexicalEditor } from \"@webiny/app-admin\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport const LexicalCmsEditor = (props: Omit<LexicalEditor.Props, \"theme\">) => {\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,MAAMC,OAAO,gBAAGf,KAAA,CAAAgB,aAAA,CAACf,aAAa,MAAE,CAAC;AAEjC,OAAO,MAAMgB,gBAAgB,GAAIC,KAAyC,IAAK;EAC3E,oBACIlB,KAAA,CAAAgB,aAAA,CAACd,aAAa,EAAAiB,MAAA,CAAAC,MAAA,KACNF,KAAK;IACTG,KAAK,EAAE,IAAK;IACZC,aAAa,EAAEP,OAAQ;IACvBQ,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEN,KAAK,EAAEM,WAAW,IAAI,yBAA0B;IAC7DrB,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { TypographyAction, LexicalEditorConfig, FontSizeAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, CodeHighlightPlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
-import { TypographyDropDown } from "./TypographyDropDown";
+import { TypographyAction, LexicalEditorConfig, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, CodeHighlightPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
+import { TypographyDropDown } from "./TypographyDropDown.js";
 import { CompositionScope } from "@webiny/react-composition";
 const {
   ToolbarElement,
@@ -8,11 +8,11 @@ const {
 } = LexicalEditorConfig;
 export const LexicalEditorCmsPlugin = () => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "cms"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "fontSize",
-    element: /*#__PURE__*/React.createElement(FontSizeAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "cms",
+    inherit: true
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
     element: /*#__PURE__*/React.createElement(FontColorAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -75,11 +75,6 @@ export const LexicalEditorCmsPlugin = () => {
   }), /*#__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
-    })
   }), /*#__PURE__*/React.createElement(Plugin, {
     name: "images",
     element: /*#__PURE__*/React.createElement(ImagesPlugin, null)

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TypographyAction","LexicalEditorConfig","FontSizeAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","ImagesPlugin","QuotePlugin","CodeHighlightPlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","TypographyDropDown","CompositionScope","ToolbarElement","Plugin","LexicalEditorCmsPlugin","createElement","name","element","anchorElem","document","body"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontSizeAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"}>\n            <LexicalEditorConfig>\n                <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\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=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin anchorElem={() => document.body} />}\n                />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TypographyAction","LexicalEditorConfig","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","ImagesPlugin","QuotePlugin","CodeHighlightPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","TypographyDropDown","CompositionScope","ToolbarElement","Plugin","LexicalEditorCmsPlugin","createElement","name","inherit","priority","element"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"} inherit={true}>\n            <LexicalEditorConfig priority={\"primary\"}>\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=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/LexicalCmsEditor/TypographyDropDown.d.ts

@@ -1,2 +1,8 @@
 import React from "react";
+export type TypographyStyle = {
+    id: string;
+    label: string;
+    tag: string;
+    className: string;
+};
 export declare const TypographyDropDown: () => React.JSX.Element;

package/admin/components/LexicalCmsEditor/TypographyDropDown.js

@@ -2,15 +2,15 @@ import React, { useEffect, useState } from "react";
 import { $getNearestNodeOfType } from "@lexical/utils";
 import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
 import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
-import { useTheme } from "@webiny/app-admin";
+import { useAdminConfig } from "@webiny/app-admin";
 export const TypographyDropDown = () => {
   const {
     value,
     applyTypography
   } = useTypographyAction();
   const {
-    theme
-  } = useTheme();
+    lexicalTheme
+  } = useAdminConfig();
   const [styles, setStyles] = useState([]);
   const {
     element
@@ -19,26 +19,17 @@ export const TypographyDropDown = () => {
     rangeSelection
   } = useCurrentSelection();
   const getAllTextStyles = () => {
-    if (!theme?.styles.typography) {
-      return [];
-    }
-    const headingsStyles = theme.styles.typography?.headings || [];
-    const paragraphStyles = theme.styles.typography?.paragraphs || [];
+    const headingsStyles = lexicalTheme.typography.headings || [];
+    const paragraphStyles = lexicalTheme.typography.paragraphs || [];
     return [...headingsStyles, ...paragraphStyles];
   };
-  useEffect(() => {
-    // In static toolbar typography, styles always need to be visible.
-    if (theme?.styles) {
-      setStyles(getAllTextStyles());
-    }
-  }, [theme?.styles]);
   const getListStyles = tag => {
-    const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];
+    const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) || [];
     if (listStyles.length > 0) {
       return listStyles;
     }
     const fallbackTag = tag === "ul" ? "ol" : "ul";
-    return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];
+    return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) || [];
   };
   useEffect(() => {
     if (!element || !rangeSelection) {
@@ -63,7 +54,7 @@ export const TypographyDropDown = () => {
         setStyles(getListStyles("ol"));
       }
     } else if ($isQuoteNode(element)) {
-      setStyles(theme?.styles.typography?.quotes || []);
+      setStyles(lexicalTheme.typography.quotes || []);
     } else {
       setStyles([]);
     }
@@ -71,20 +62,17 @@ export const TypographyDropDown = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!styles?.length ? /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item typography-dropdown",
     buttonAriaLabel: "Typography formatting options",
-    buttonLabel: value?.name || "Typography",
+    buttonLabel: value?.label || "Typography",
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: true
   }, styles?.map(option => /*#__PURE__*/React.createElement(DropDownItem, {
     className: `item typography-item ${value?.id === option.id ? "active dropdown-item-active" : ""}`,
-    onClick: () => applyTypography({
-      ...option,
-      css: option.styles
-    }),
+    onClick: () => applyTypography(option),
     key: option.id
   }, /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, option.name)))) : null);
+  }, option.label)))) : null);
 };
 
 //# sourceMappingURL=TypographyDropDown.js.map

package/admin/components/LexicalCmsEditor/TypographyDropDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useTheme","TypographyDropDown","value","applyTypography","theme","styles","setStyles","element","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","css","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport type { TypographyStyle } from \"@webiny/theme/types\";\nimport type { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        if (!theme?.styles.typography) {\n            return [];\n        }\n        const headingsStyles = theme.styles.typography?.headings || [];\n        const paragraphStyles = theme.styles.typography?.paragraphs || [];\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    useEffect(() => {\n        // In static toolbar typography, styles always need to be visible.\n        if (theme?.styles) {\n            setStyles(getAllTextStyles());\n        }\n    }, [theme?.styles]);\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        if ($isParagraphNode(element) || $isHeadingNode(element)) {\n            setStyles(getAllTextStyles());\n        } else if ($isListNode(element)) {\n            let type;\n            try {\n                const anchorNode = rangeSelection.anchor.getNode();\n                const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                if (parentList) {\n                    type = parentList.getListType();\n                }\n            } catch {\n                type = element.getListType();\n            }\n\n            if (type === \"bullet\") {\n                setStyles(getListStyles(\"ul\"));\n            } else {\n                setStyles(getListStyles(\"ol\"));\n            }\n        } else if ($isQuoteNode(element)) {\n            setStyles(theme?.styles.typography?.quotes || []);\n        } else {\n            setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown\"\n                    buttonAriaLabel={\"Typography formatting options\"}\n                    buttonLabel={value?.name || \"Typography\"}\n                    stopCloseOnClickSelf={true}\n                    disabled={false}\n                    showScroll={true}\n                >\n                    {styles?.map(option => (\n                        <DropDownItem\n                            className={`item typography-item ${\n                                value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n                            }`}\n                            onClick={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useAdminConfig","TypographyDropDown","value","applyTypography","lexicalTheme","styles","setStyles","element","rangeSelection","getAllTextStyles","headingsStyles","typography","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","label","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nexport type TypographyStyle = {\n    id: string;\n    label: string;\n    tag: string;\n    className: string;\n};\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { lexicalTheme } = useAdminConfig();\n\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        const headingsStyles = lexicalTheme.typography.headings || [];\n        const paragraphStyles = lexicalTheme.typography.paragraphs || [];\n\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        if ($isParagraphNode(element) || $isHeadingNode(element)) {\n            setStyles(getAllTextStyles());\n        } else if ($isListNode(element)) {\n            let type;\n            try {\n                const anchorNode = rangeSelection.anchor.getNode();\n                const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                if (parentList) {\n                    type = parentList.getListType();\n                }\n            } catch {\n                type = element.getListType();\n            }\n\n            if (type === \"bullet\") {\n                setStyles(getListStyles(\"ul\"));\n            } else {\n                setStyles(getListStyles(\"ol\"));\n            }\n        } else if ($isQuoteNode(element)) {\n            setStyles(lexicalTheme.typography.quotes || []);\n        } else {\n            setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown\"\n                    buttonAriaLabel={\"Typography formatting options\"}\n                    buttonLabel={value?.label || \"Typography\"}\n                    stopCloseOnClickSelf={true}\n                    disabled={false}\n                    showScroll={true}\n                >\n                    {styles?.map(option => (\n                        <DropDownItem\n                            className={`item typography-item ${\n                                value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n                            }`}\n                            onClick={() => applyTypography(option)}\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.label}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ModelFieldProvider/index.d.ts

@@ -1 +1 @@
-export * from "@webiny/app-headless-cms-common/ModelFieldProvider";
+export * from "@webiny/app-headless-cms-common/ModelFieldProvider/index.js";

package/admin/components/ModelFieldProvider/index.js

@@ -1,3 +1,3 @@
-export * from "@webiny/app-headless-cms-common/ModelFieldProvider";
+export * from "@webiny/app-headless-cms-common/ModelFieldProvider/index.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ModelFieldProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelFieldProvider\";\n"],"mappings":"AAAA,cAAc,oDAAoD","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelFieldProvider/index.js\";\n"],"mappings":"AAAA,cAAc,6DAA6D","ignoreList":[]}

package/admin/components/ModelProvider/index.d.ts

@@ -1 +1 @@
-export * from "@webiny/app-headless-cms-common/ModelProvider";
+export * from "@webiny/app-headless-cms-common/ModelProvider/index.js";

package/admin/components/ModelProvider/index.js

@@ -1,3 +1,3 @@
-export * from "@webiny/app-headless-cms-common/ModelProvider";
+export * from "@webiny/app-headless-cms-common/ModelProvider/index.js";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ModelProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelProvider\";\n"],"mappings":"AAAA,cAAc,+CAA+C","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelProvider/index.js\";\n"],"mappings":"AAAA,cAAc,wDAAwD","ignoreList":[]}

package/admin/config/IsApplicableToCurrentModel.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useModel } from "../components/ModelProvider";
+import { useModel } from "../components/ModelProvider/index.js";
 export const IsApplicableToCurrentModel = ({
   modelIds,
   children

package/admin/config/IsApplicableToCurrentModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useModel","IsApplicableToCurrentModel","modelIds","children","model","length","includes","modelId","createElement","Fragment"],"sources":["IsApplicableToCurrentModel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\nexport interface IsApplicableToCurrentModelProps {\n    modelIds: string[];\n    children: React.ReactNode;\n}\n\nexport const IsApplicableToCurrentModel = ({\n    modelIds,\n    children\n}: IsApplicableToCurrentModelProps) => {\n    const { model } = useModel();\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AAOjB,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,QAAQ;EACRC;AAC6B,CAAC,KAAK;EACnC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE5B,IAAIE,QAAQ,CAACG,MAAM,GAAG,CAAC,IAAI,CAACH,QAAQ,CAACI,QAAQ,CAACF,KAAK,CAACG,OAAO,CAAC,EAAE;IAC1D,OAAO,IAAI;EACf;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGN,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useModel","IsApplicableToCurrentModel","modelIds","children","model","length","includes","modelId","createElement","Fragment"],"sources":["IsApplicableToCurrentModel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nexport interface IsApplicableToCurrentModelProps {\n    modelIds: string[];\n    children: React.ReactNode;\n}\n\nexport const IsApplicableToCurrentModel = ({\n    modelIds,\n    children\n}: IsApplicableToCurrentModelProps) => {\n    const { model } = useModel();\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AAOjB,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,QAAQ;EACRC;AAC6B,CAAC,KAAK;EACnC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE5B,IAAIE,QAAQ,CAACG,MAAM,GAAG,CAAC,IAAI,CAACH,QAAQ,CAACI,QAAQ,CAACF,KAAK,CAACG,OAAO,CAAC,EAAE;IAC1D,OAAO,IAAI;EACf;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGN,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

package/admin/config/contentEntries/editor/Actions/BaseAction.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-import { IsApplicableToCurrentModel } from "../../../IsApplicableToCurrentModel";
+import { IsApplicableToCurrentModel } from "../../../IsApplicableToCurrentModel.js";
 export const BaseAction = ({
   name,
   after = undefined,

package/admin/config/contentEntries/editor/Actions/BaseAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Property","useIdGenerator","IsApplicableToCurrentModel","BaseAction","name","after","undefined","before","remove","modelIds","element","$type","getId","placeAfter","placeBefore","createElement","id","array","value"],"sources":["BaseAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { IsApplicableToCurrentModel } from \"~/admin/config/IsApplicableToCurrentModel\";\n\nexport interface BaseActionConfig<T extends string> {\n    name: string;\n    element: React.ReactElement;\n    $type: T;\n}\n\nexport interface BaseActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    modelIds?: string[];\n    element: React.ReactElement;\n    $type: string;\n}\n\nexport const BaseAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    modelIds = [],\n    element,\n    $type\n}: BaseActionProps) => {\n    const getId = useIdGenerator(\"action\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <IsApplicableToCurrentModel modelIds={modelIds}>\n            <Property\n                id={getId(name)}\n                name={\"actions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"$type\")} name={\"$type\"} value={$type} />\n            </Property>\n        </IsApplicableToCurrentModel>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACnE,SAASC,0BAA0B;AAkBnC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACvBC,IAAI;EACJC,KAAK,GAAGC,SAAS;EACjBC,MAAM,GAAGD,SAAS;EAClBE,MAAM,GAAG,KAAK;EACdC,QAAQ,GAAG,EAAE;EACbC,OAAO;EACPC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAGX,cAAc,CAAC,QAAQ,CAAC;EAEtC,MAAMY,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGM,KAAK,CAACP,KAAK,CAAC,GAAGC,SAAS;EACjE,MAAMQ,WAAW,GAAGP,MAAM,KAAKD,SAAS,GAAGM,KAAK,CAACL,MAAM,CAAC,GAAGD,SAAS;EAEpE,oBACIP,KAAA,CAAAgB,aAAA,CAACb,0BAA0B;IAACO,QAAQ,EAAEA;EAAS,gBAC3CV,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IACLgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBI,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,IAAK;IACZV,MAAM,EAAEO,WAAY;IACpBT,KAAK,EAAEQ;EAAW,gBAElBd,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEd;EAAK,CAAE,CAAC,eAChEL,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACc,KAAK,EAAER;EAAQ,CAAE,CAAC,eACzEX,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,OAAO,CAAE;IAACA,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEP;EAAM,CAAE,CAC5D,CACc,CAAC;AAErC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","IsApplicableToCurrentModel","BaseAction","name","after","undefined","before","remove","modelIds","element","$type","getId","placeAfter","placeBefore","createElement","id","array","value"],"sources":["BaseAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { IsApplicableToCurrentModel } from \"~/admin/config/IsApplicableToCurrentModel.js\";\n\nexport interface BaseActionConfig<T extends string> {\n    name: string;\n    element: React.ReactElement;\n    $type: T;\n}\n\nexport interface BaseActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    modelIds?: string[];\n    element: React.ReactElement;\n    $type: string;\n}\n\nexport const BaseAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    modelIds = [],\n    element,\n    $type\n}: BaseActionProps) => {\n    const getId = useIdGenerator(\"action\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <IsApplicableToCurrentModel modelIds={modelIds}>\n            <Property\n                id={getId(name)}\n                name={\"actions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"$type\")} name={\"$type\"} value={$type} />\n            </Property>\n        </IsApplicableToCurrentModel>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACnE,SAASC,0BAA0B;AAkBnC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACvBC,IAAI;EACJC,KAAK,GAAGC,SAAS;EACjBC,MAAM,GAAGD,SAAS;EAClBE,MAAM,GAAG,KAAK;EACdC,QAAQ,GAAG,EAAE;EACbC,OAAO;EACPC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAGX,cAAc,CAAC,QAAQ,CAAC;EAEtC,MAAMY,UAAU,GAAGR,KAAK,KAAKC,SAAS,GAAGM,KAAK,CAACP,KAAK,CAAC,GAAGC,SAAS;EACjE,MAAMQ,WAAW,GAAGP,MAAM,KAAKD,SAAS,GAAGM,KAAK,CAACL,MAAM,CAAC,GAAGD,SAAS;EAEpE,oBACIP,KAAA,CAAAgB,aAAA,CAACb,0BAA0B;IAACO,QAAQ,EAAEA;EAAS,gBAC3CV,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IACLgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBI,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,IAAK;IACZV,MAAM,EAAEO,WAAY;IACpBT,KAAK,EAAEQ;EAAW,gBAElBd,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEd;EAAK,CAAE,CAAC,eAChEL,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACc,KAAK,EAAER;EAAQ,CAAE,CAAC,eACzEX,KAAA,CAAAgB,aAAA,CAACf,QAAQ;IAACgB,EAAE,EAAEJ,KAAK,CAACR,IAAI,EAAE,OAAO,CAAE;IAACA,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEP;EAAM,CAAE,CAC5D,CACc,CAAC;AAErC,CAAC","ignoreList":[]}

package/admin/config/contentEntries/editor/Actions/ButtonAction.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { BaseActionProps } from "./BaseAction";
+import type { BaseActionProps } from "./BaseAction.js";
 export type ButtonActionType = "button-action";
 export type ButtonActionProps = Omit<BaseActionProps, "$type">;
 export declare const BaseButtonAction: ((props: ButtonActionProps) => React.JSX.Element) & {
@@ -40,5 +40,5 @@ export declare const ButtonAction: ((props: ButtonActionProps) => React.JSX.Elem
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
 };

package/admin/config/contentEntries/editor/Actions/ButtonAction.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { makeDecoratable, useButtons } from "@webiny/app-admin";
-import { BaseAction } from "./BaseAction";
+import { BaseAction } from "./BaseAction.js";
 export const BaseButtonAction = makeDecoratable("ButtonAction", props => {
   return /*#__PURE__*/React.createElement(BaseAction, Object.assign({}, props, {
     $type: "button-action"

package/admin/config/contentEntries/editor/Actions/ButtonAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","useButtons","BaseAction","BaseButtonAction","props","createElement","Object","assign","$type","ButtonAction"],"sources":["ButtonAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, useButtons } from \"@webiny/app-admin\";\nimport type { BaseActionProps } from \"./BaseAction\";\nimport { BaseAction } from \"./BaseAction\";\n\nexport type ButtonActionType = \"button-action\";\nexport type ButtonActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseButtonAction = makeDecoratable(\"ButtonAction\", (props: ButtonActionProps) => {\n    return <BaseAction {...props} $type={\"button-action\"} />;\n});\n\nexport const ButtonAction = Object.assign(BaseButtonAction, { useButtons });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,UAAU,QAAQ,mBAAmB;AAE/D,SAASC,UAAU;AAKnB,OAAO,MAAMC,gBAAgB,GAAGH,eAAe,CAAC,cAAc,EAAGI,KAAwB,IAAK;EAC1F,oBAAOL,KAAA,CAAAM,aAAA,CAACH,UAAU,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,KAAK,EAAE;EAAgB,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACC,MAAM,CAACJ,gBAAgB,EAAE;EAAEF;AAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","useButtons","BaseAction","BaseButtonAction","props","createElement","Object","assign","$type","ButtonAction"],"sources":["ButtonAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, useButtons } from \"@webiny/app-admin\";\nimport type { BaseActionProps } from \"./BaseAction.js\";\nimport { BaseAction } from \"./BaseAction.js\";\n\nexport type ButtonActionType = \"button-action\";\nexport type ButtonActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseButtonAction = makeDecoratable(\"ButtonAction\", (props: ButtonActionProps) => {\n    return <BaseAction {...props} $type={\"button-action\"} />;\n});\n\nexport const ButtonAction = Object.assign(BaseButtonAction, { useButtons });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,UAAU,QAAQ,mBAAmB;AAE/D,SAASC,UAAU;AAKnB,OAAO,MAAMC,gBAAgB,GAAGH,eAAe,CAAC,cAAc,EAAGI,KAAwB,IAAK;EAC1F,oBAAOL,KAAA,CAAAM,aAAA,CAACH,UAAU,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,KAAK,EAAE;EAAgB,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACC,MAAM,CAACJ,gBAAgB,EAAE;EAAEF;AAAW,CAAC,CAAC","ignoreList":[]}

package/admin/config/contentEntries/editor/Actions/MenuItemAction.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { BaseActionProps } from "./BaseAction";
+import type { BaseActionProps } from "./BaseAction.js";
 export type MenuItemActionType = "menu-item-action";
 export type MenuItemActionProps = Omit<BaseActionProps, "$type">;
 export declare const BaseMenuItemAction: ((props: MenuItemActionProps) => React.JSX.Element) & {
@@ -40,5 +40,5 @@ export declare const MenuItemAction: ((props: MenuItemActionProps) => React.JSX.
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem").OptionsMenuItemProviderContext;
+    useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem.js").OptionsMenuItemProviderContext;
 };

package/admin/config/contentEntries/editor/Actions/MenuItemAction.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { makeDecoratable, useOptionsMenuItem } from "@webiny/app-admin";
-import { BaseAction } from "./BaseAction";
+import { BaseAction } from "./BaseAction.js";
 export const BaseMenuItemAction = makeDecoratable("MenuItemAction", props => {
   return /*#__PURE__*/React.createElement(BaseAction, Object.assign({}, props, {
     $type: "menu-item-action"

package/admin/config/contentEntries/editor/Actions/MenuItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","useOptionsMenuItem","BaseAction","BaseMenuItemAction","props","createElement","Object","assign","$type","MenuItemAction"],"sources":["MenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, useOptionsMenuItem } from \"@webiny/app-admin\";\nimport type { BaseActionProps } from \"./BaseAction\";\nimport { BaseAction } from \"./BaseAction\";\n\nexport type MenuItemActionType = \"menu-item-action\";\nexport type MenuItemActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseMenuItemAction = makeDecoratable(\n    \"MenuItemAction\",\n    (props: MenuItemActionProps) => {\n        return <BaseAction {...props} $type={\"menu-item-action\"} />;\n    }\n);\n\nexport const MenuItemAction = Object.assign(BaseMenuItemAction, { useOptionsMenuItem });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,mBAAmB;AAEvE,SAASC,UAAU;AAKnB,OAAO,MAAMC,kBAAkB,GAAGH,eAAe,CAC7C,gBAAgB,EACfI,KAA0B,IAAK;EAC5B,oBAAOL,KAAA,CAAAM,aAAA,CAACH,UAAU,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,KAAK,EAAE;EAAmB,EAAE,CAAC;AAC/D,CACJ,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGH,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAE;EAAEF;AAAmB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","useOptionsMenuItem","BaseAction","BaseMenuItemAction","props","createElement","Object","assign","$type","MenuItemAction"],"sources":["MenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, useOptionsMenuItem } from \"@webiny/app-admin\";\nimport type { BaseActionProps } from \"./BaseAction.js\";\nimport { BaseAction } from \"./BaseAction.js\";\n\nexport type MenuItemActionType = \"menu-item-action\";\nexport type MenuItemActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseMenuItemAction = makeDecoratable(\n    \"MenuItemAction\",\n    (props: MenuItemActionProps) => {\n        return <BaseAction {...props} $type={\"menu-item-action\"} />;\n    }\n);\n\nexport const MenuItemAction = Object.assign(BaseMenuItemAction, { useOptionsMenuItem });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,mBAAmB;AAEvE,SAASC,UAAU;AAKnB,OAAO,MAAMC,kBAAkB,GAAGH,eAAe,CAC7C,gBAAgB,EACfI,KAA0B,IAAK;EAC5B,oBAAOL,KAAA,CAAAM,aAAA,CAACH,UAAU,EAAAI,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,KAAK,EAAE;EAAmB,EAAE,CAAC;AAC/D,CACJ,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGH,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAE;EAAEF;AAAmB,CAAC,CAAC","ignoreList":[]}