@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -1 +1 @@
-{"version":3,"names":["moveField","params","field","position","prev","data","row","index","fieldId","id","next","layout","existingPosition","getFieldPosition","dot","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport {\n    CmsEditorField,\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<CmsEditorField, \"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;;AAOA;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAqBC,MAArB,EAAoD;EAClE,IAAQC,KAAR,GAAwCD,MAAxC,CAAQC,KAAR;EAAA,IAAeC,QAAf,GAAwCF,MAAxC,CAAeE,QAAf;EAAA,IAA+BC,IAA/B,GAAwCH,MAAxC,CAAyBI,IAAzB;EACA,IAAQC,GAAR,GAAuBH,QAAvB,CAAQG,GAAR;EAAA,IAAaC,KAAb,GAAuBJ,QAAvB,CAAaI,KAAb;EACA,IAAMC,OAAO,GAAG,OAAON,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAAK,CAACO,EAA1D;EAEA,IAAIC,IAAO,+DACJN,IADI;IAEPO,MAAM,EAAEP,IAAI,CAACO,MAAL,GAAcP,IAAI,CAACO,MAAL,IAAe,EAA7B,GAAkC;EAFnC,EAAX;EAKA,IAAMC,gBAAgB,GAAG,IAAAC,yBAAA,EAAiB;IAAEX,KAAK,EAAEM,OAAT;IAAkBH,IAAI,EAAED;EAAxB,CAAjB,CAAzB;;EAEA,IAAIQ,gBAAJ,EAAsB;IAClBF,IAAI,GAAGI,yBAAA,CAAIC,MAAJ,CAAWX,IAAX,mBAA2BQ,gBAAgB,CAACN,GAA5C,cAAmDM,gBAAgB,CAACL,KAApE,EAAP;EACH,CAdiE,CAgBlE;;;EACA,IAAI,CAACG,IAAI,CAACC,MAAL,CAAYL,GAAZ,CAAL,EAAuB;IACnB,OAAOQ,yBAAA,CAAIE,GAAJ,CAAQN,IAAR,mBAAwBJ,GAAxB,GAA+B,CAACE,OAAD,CAA/B,CAAP;EACH,CAnBiE,CAqBlE;;;EACA,IAAID,KAAK,KAAK,IAAd,EAAoB;IAChB;IACA,OAAOO,yBAAA,CAAIE,GAAJ,CAAQN,IAAR,EAAc,QAAd,EAAwB,UAACC,MAAD,EAAwB;MACnD,IAAMM,SAAS,oCAAON,MAAP,CAAf;MACAM,SAAS,CAACC,MAAV,CAAiBZ,GAAjB,EAAsB,CAAtB,EAAyB,CAACE,OAAD,CAAzB;MACA,OAAOS,SAAP;IACH,CAJM,CAAP;EAKH;;EAED,OAAOH,yBAAA,CAAIE,GAAJ,CAAQN,IAAR,mBAAwBJ,GAAxB,GAA+B,UAACK,MAAD,EAAsB;IACxD,IAAMM,SAAS,oCAAON,MAAP,CAAf;IACAM,SAAS,CAACC,MAAV,CAAiBX,KAAjB,EAAwB,CAAxB,EAA2BC,OAA3B;IACA,OAAOS,SAAP;EACH,CAJM,CAAP;AAKH,CApCD;;eAsCe,kBAAqBhB,MAArB,EAAuD;EAClE,OAAOa,yBAAA,CAAIE,GAAJ,CAAQhB,SAAS,CAAIC,MAAJ,CAAjB,EAA8B,QAA9B,EAAwC,UAACU,MAAD,EAAwB;IACnE,OAAO,iCAAIA,MAAJ,EAAYQ,MAAZ,CAAmB,UAAAb,GAAG;MAAA,OAAIA,GAAG,CAACc,MAAJ,GAAa,CAAjB;IAAA,CAAtB,CAAP;EACH,CAFM,CAAP;AAGH,C"}
+{"version":3,"file":"admin/components/FieldEditor/utils/moveField.js","sources":["../../../../../src/admin/components/FieldEditor/utils/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"],"names":["moveField","params","field","position","prev","row","index","fieldId","next","existingPosition","getFieldPosition","dot","layout","newLayout"],"mappings":";;AAiBA,MAAMA,YAAY,CAAqBC;IACnC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,MAAMC,IAAI,EAAE,GAAGH;IACxC,MAAM,EAAEI,GAAG,EAAEC,KAAK,EAAE,GAAGH;IACvB,MAAMI,UAAU,AAAiB,YAAjB,OAAOL,QAAqBA,QAAQA,MAAM,EAAE;IAE5D,IAAIM,OAAU;QACV,GAAGJ,IAAI;QACP,QAAQA,KAAK,MAAM,GAAGA,KAAK,MAAM,IAAI,EAAE,GAAG,EAAE;IAChD;IAEA,MAAMK,mBAAmBC,iBAAiB;QAAE,OAAOH;QAAS,MAAMH;IAAK;IAEvE,IAAIK,kBACAD,OAAOG,kBAAAA,CAAAA,SAAU,CAACP,MAAM,CAAC,OAAO,EAAEK,iBAAiB,GAAG,CAAC,CAAC,EAAEA,iBAAiB,KAAK,EAAE;IAItF,IAAI,CAACD,KAAK,MAAM,CAACH,IAAI,EACjB,OAAOM,mBAAAA,GAAO,CAACH,MAAM,CAAC,OAAO,EAAEH,KAAK,EAAE;QAACE;KAAQ;IAInD,IAAID,AAAU,SAAVA,OAEA,OAAOK,mBAAAA,GAAO,CAACH,MAAM,UAAU,CAACI;QAC5B,MAAMC,YAAY;eAAID;SAAO;QAC7BC,UAAU,MAAM,CAACR,KAAK,GAAG;YAACE;SAAQ;QAClC,OAAOM;IACX;IAGJ,OAAOF,mBAAAA,GAAO,CAACH,MAAM,CAAC,OAAO,EAAEH,KAAK,EAAE,CAACO;QACnC,MAAMC,YAAY;eAAID;SAAO;QAC7BC,UAAU,MAAM,CAACP,OAAO,GAAGC;QAC3B,OAAOM;IACX;AACJ;AAEA,wBAAe,CAAqBZ,SACzBU,mBAAAA,GAAO,CAACX,UAAaC,SAAS,UAAU,CAACW,SACrC;eAAIA;SAAO,CAAC,MAAM,CAACP,CAAAA,MAAOA,IAAI,MAAM,GAAG"}

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

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

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

@@ -1,23 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-
-var _default = function _default(_ref) {
-  var data = _ref.data,
-      source = _ref.source,
-      destination = _ref.destination;
-  return _dotPropImmutable.default.set(data, "layout", function (layout) {
-    return source < destination ? [].concat((0, _toConsumableArray2.default)(layout.slice(0, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination))) : [].concat((0, _toConsumableArray2.default)(layout.slice(0, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1)));
-  });
-};
-
-exports.default = _default;
+import dot_prop_immutable from "dot-prop-immutable";
+const moveRow = ({ data, source, destination })=>dot_prop_immutable.set(data, "layout", (layout)=>source < destination ? [
+            ...layout.slice(0, source),
+            ...layout.slice(source + 1, destination),
+            layout[source],
+            ...layout.slice(destination)
+        ] : [
+            ...layout.slice(0, destination),
+            layout[source],
+            ...layout.slice(destination, source),
+            ...layout.slice(source + 1)
+        ]);
+export default moveRow;
+
+//# sourceMappingURL=moveRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["data","source","destination","dot","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { 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;;eAQe,wBAA2C;EAAA,IAAxCA,IAAwC,QAAxCA,IAAwC;EAAA,IAAlCC,MAAkC,QAAlCA,MAAkC;EAAA,IAA1BC,WAA0B,QAA1BA,WAA0B;EACtD,OAAOC,yBAAA,CAAIC,GAAJ,CAAQJ,IAAR,EAAc,QAAd,EAAwB,UAACK,MAAD,EAAwB;IACnD,OAAOJ,MAAM,GAAGC,WAAT,8CAEMG,MAAM,CAACC,KAAP,CAAa,CAAb,EAAgBL,MAAhB,CAFN,oCAGMI,MAAM,CAACC,KAAP,CAAaL,MAAM,GAAG,CAAtB,EAAyBC,WAAzB,CAHN,IAIGG,MAAM,CAACJ,MAAD,CAJT,oCAKMI,MAAM,CAACC,KAAP,CAAaJ,WAAb,CALN,gDAQMG,MAAM,CAACC,KAAP,CAAa,CAAb,EAAgBJ,WAAhB,CARN,IASGG,MAAM,CAACJ,MAAD,CATT,oCAUMI,MAAM,CAACC,KAAP,CAAaJ,WAAb,EAA0BD,MAA1B,CAVN,oCAWMI,MAAM,CAACC,KAAP,CAAaL,MAAM,GAAG,CAAtB,CAXN,EAAP;EAaH,CAdM,CAAP;AAeH,C"}
+{"version":3,"file":"admin/components/FieldEditor/utils/moveRow.js","sources":["../../../../../src/admin/components/FieldEditor/utils/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"],"names":["data","source","destination","dot","layout"],"mappings":";AAQA,gBAAgB,GAAEA,IAAI,EAAEC,MAAM,EAAEC,WAAW,EAAU,GAC1CC,mBAAAA,GAAO,CAACH,MAAM,UAAU,CAACI,SACrBH,SAASC,cACV;eACOE,OAAO,KAAK,CAAC,GAAGH;eAChBG,OAAO,KAAK,CAACH,SAAS,GAAGC;YAC5BE,MAAM,CAACH,OAAO;eACXG,OAAO,KAAK,CAACF;SACnB,GACD;eACOE,OAAO,KAAK,CAAC,GAAGF;YACnBE,MAAM,CAACH,OAAO;eACXG,OAAO,KAAK,CAACF,aAAaD;eAC1BG,OAAO,KAAK,CAACH,SAAS;SAC5B"}

package/admin/components/IconPicker.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { IconPickerProps } from "@webiny/admin-ui";
+export declare const IconPicker: (props: Omit<IconPickerProps, "icons">) => React.JSX.Element;

package/admin/components/IconPicker.js

@@ -0,0 +1,30 @@
+import react, { useMemo } from "react";
+import { IconPicker } from "@webiny/admin-ui";
+import { plugins } from "@webiny/plugins";
+const IconPicker_IconPicker = (props)=>{
+    const icons = useMemo(()=>{
+        const iconPlugins = plugins.byType("cms-icons");
+        return iconPlugins.reduce((icons, pl)=>icons.concat(pl.getIcons()), []);
+    }, []);
+    const onChange = (value)=>{
+        if (props.onChange) {
+            if (!value) return void props.onChange(null);
+            props.onChange({
+                type: "icon",
+                name: value
+            });
+        }
+    };
+    let value = null;
+    if (props.value) value = "string" == typeof props.value ? props.value : props.value.name;
+    return /*#__PURE__*/ react.createElement(IconPicker, {
+        size: "lg",
+        icons: icons,
+        ...props,
+        onChange: onChange,
+        value: value
+    });
+};
+export { IconPicker_IconPicker as IconPicker };
+
+//# sourceMappingURL=IconPicker.js.map

package/admin/components/IconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/IconPicker.js","sources":["../../../src/admin/components/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"],"names":["IconPicker","props","icons","useMemo","iconPlugins","plugins","pl","onChange","value","AdminIconPicker"],"mappings":";;;AAMO,MAAMA,wBAAa,CAACC;IACvB,MAAMC,QAA6BC,QAAQ;QACvC,MAAMC,cAAcC,QAAQ,MAAM,CAAiB;QACnD,OAAOD,YAAY,MAAM,CAAC,CAACF,OAAiCI,KACjDJ,MAAM,MAAM,CAACI,GAAG,QAAQ,KAChC,EAAE;IACT,GAAG,EAAE;IAEL,MAAMC,WAAW,CAACC;QACd,IAAIP,MAAM,QAAQ,EAAE;YAChB,IAAI,CAACO,OAAO,YACRP,MAAM,QAAQ,CAAC;YAInBA,MAAM,QAAQ,CAAC;gBACX,MAAM;gBACN,MAAMO;YACV;QACJ;IACJ;IAEA,IAAIA,QAAQ;IACZ,IAAIP,MAAM,KAAK,EAEPO,QADA,AAAuB,YAAvB,OAAOP,MAAM,KAAK,GACVA,MAAM,KAAK,GAEXA,MAAM,KAAK,CAAC,IAAI;IAIhC,OAAO,WAAP,GACI,oBAACQ,YAAeA;QAAC,MAAM;QAAM,OAAOP;QAAQ,GAAGD,KAAK;QAAE,UAAUM;QAAU,OAAOC;;AAEzF"}

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,9 @@
+import react from "react";
+import { useIsModelPublishable } from "../hooks/useIsModelPublishable.js";
+const IsModelPublishable = (props)=>{
+    const isPublishable = useIsModelPublishable();
+    return isPublishable ? /*#__PURE__*/ react.createElement(react.Fragment, null, props.children) : null;
+};
+export { IsModelPublishable };
+
+//# sourceMappingURL=IsModelPublishable.js.map

package/admin/components/IsModelPublishable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/IsModelPublishable.js","sources":["../../../src/admin/components/IsModelPublishable.tsx"],"sourcesContent":["import React from \"react\";\nimport { useIsModelPublishable } from \"~/admin/hooks/useIsModelPublishable.js\";\n\nexport interface IsPublishableProps {\n    children: React.ReactNode;\n}\n\nexport const IsModelPublishable = (props: IsPublishableProps) => {\n    const isPublishable = useIsModelPublishable();\n\n    return isPublishable ? <>{props.children}</> : null;\n};\n"],"names":["IsModelPublishable","props","isPublishable","useIsModelPublishable"],"mappings":";;AAOO,MAAMA,qBAAqB,CAACC;IAC/B,MAAMC,gBAAgBC;IAEtB,OAAOD,gBAAgB,WAAhBA,GAAgB,0CAAGD,MAAM,QAAQ,IAAO;AACnD"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
+export type LexicalEditorProps = Omit<BaseLexicalEditor.Props, "theme">;
+export declare const LexicalEditor: (props: LexicalEditorProps) => React.JSX.Element;

package/admin/components/LexicalCmsEditor/LexicalEditor.js

@@ -0,0 +1,34 @@
+import react from "react";
+import { StaticToolbar } from "@webiny/lexical-editor";
+import { LexicalEditor } from "@webiny/app-admin";
+const placeholderStyles = {
+    position: "absolute",
+    top: 40,
+    left: 25
+};
+const contentEditableStyles = {
+    minHeight: 200,
+    display: "block",
+    padding: 10
+};
+const styles = {
+    backgroundColor: "#fff",
+    border: "1px solid #e1e1e1",
+    padding: "10px 14px",
+    minHeight: 200,
+    maxHeight: 350
+};
+const toolbar = /*#__PURE__*/ react.createElement(StaticToolbar, null);
+const LexicalEditor_LexicalEditor = (props)=>/*#__PURE__*/ react.createElement(LexicalEditor, {
+        ...props,
+        focus: true,
+        staticToolbar: toolbar,
+        tag: "p",
+        placeholder: props?.placeholder || "Enter your text here...",
+        placeholderStyles: placeholderStyles,
+        contentEditableStyles: contentEditableStyles,
+        styles: styles
+    });
+export { LexicalEditor_LexicalEditor as LexicalEditor };
+
+//# sourceMappingURL=LexicalEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/LexicalCmsEditor/LexicalEditor.js","sources":["../../../../src/admin/components/LexicalCmsEditor/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { LexicalEditor as BaseLexicalEditor } 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 type LexicalEditorProps = Omit<BaseLexicalEditor.Props, \"theme\">;\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <BaseLexicalEditor\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"],"names":["placeholderStyles","contentEditableStyles","styles","toolbar","StaticToolbar","LexicalEditor","props","BaseLexicalEditor"],"mappings":";;;AAIA,MAAMA,oBAAyC;IAAE,UAAU;IAAY,KAAK;IAAI,MAAM;AAAG;AAEzF,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;AACf;AAEA,MAAMC,UAAU,WAAHA,GAAG,oBAACC,eAAaA;AAIvB,MAAMC,8BAAgB,CAACC,QACnB,WAAP,GACI,oBAACC,eAAiBA;QACb,GAAGD,KAAK;QACT,OAAO;QACP,eAAeH;QACf,KAAK;QACL,aAAaG,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC"}

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

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const LexicalEditorCmsPlugin: FC;

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js

@@ -0,0 +1,85 @@
+import react from "react";
+import { BoldAction, BulletListAction, CodeHighlightAction, CodeHighlightPlugin, Divider, FontColorAction, FontColorPlugin, ImageAction, ImagesPlugin, ItalicAction, LexicalEditorConfig, LinkAction, LinkPlugin, ListPlugin, NumberedListAction, QuoteAction, QuotePlugin, TextAlignmentAction, TypographyAction, TypographyPlugin, UnderlineAction } from "@webiny/lexical-editor";
+import { TypographyDropDown } from "./TypographyDropDown.js";
+import { CompositionScope } from "@webiny/react-composition";
+const { ToolbarElement: ToolbarElement, Plugin: Plugin } = LexicalEditorConfig;
+const LexicalEditorCmsPlugin = ()=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        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, {
+        name: "typography",
+        element: /*#__PURE__*/ react.createElement(TypographyAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "textAlignment",
+        element: /*#__PURE__*/ react.createElement(TextAlignmentAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider1",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "boldAction",
+        element: /*#__PURE__*/ react.createElement(BoldAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "italic",
+        element: /*#__PURE__*/ react.createElement(ItalicAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "underline",
+        element: /*#__PURE__*/ react.createElement(UnderlineAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "codeHighlight",
+        element: /*#__PURE__*/ react.createElement(CodeHighlightAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider2",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "numberedList",
+        element: /*#__PURE__*/ react.createElement(NumberedListAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "bulletList",
+        element: /*#__PURE__*/ react.createElement(BulletListAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "image",
+        element: /*#__PURE__*/ react.createElement(ImageAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "divider3",
+        element: /*#__PURE__*/ react.createElement(Divider, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "link",
+        element: /*#__PURE__*/ react.createElement(LinkAction, null)
+    }), /*#__PURE__*/ react.createElement(ToolbarElement, {
+        name: "quote",
+        element: /*#__PURE__*/ react.createElement(QuoteAction, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "fontColor",
+        element: /*#__PURE__*/ react.createElement(FontColorPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "list",
+        element: /*#__PURE__*/ react.createElement(ListPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "codeHighlight",
+        element: /*#__PURE__*/ react.createElement(CodeHighlightPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "typography",
+        element: /*#__PURE__*/ react.createElement(TypographyPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "link",
+        element: /*#__PURE__*/ react.createElement(LinkPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "images",
+        element: /*#__PURE__*/ react.createElement(ImagesPlugin, null)
+    }), /*#__PURE__*/ react.createElement(Plugin, {
+        name: "quote",
+        element: /*#__PURE__*/ react.createElement(QuotePlugin, null)
+    }), /*#__PURE__*/ react.createElement(TypographyAction.TypographyDropDown, {
+        element: /*#__PURE__*/ react.createElement(TypographyDropDown, null)
+    })));
+export { LexicalEditorCmsPlugin };
+
+//# sourceMappingURL=LexicalEditorCmsPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js","sources":["../../../../src/admin/components/LexicalCmsEditor/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"],"names":["ToolbarElement","Plugin","LexicalEditorConfig","LexicalEditorCmsPlugin","CompositionScope","FontColorAction","TypographyAction","TextAlignmentAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","FontColorPlugin","ListPlugin","CodeHighlightPlugin","TypographyPlugin","LinkPlugin","ImagesPlugin","QuotePlugin","TypographyDropDown"],"mappings":";;;;AA4BA,MAAM,EAAEA,gBAAAA,cAAc,EAAEC,QAAAA,MAAM,EAAE,GAAGC;AAE5B,MAAMC,yBAA6B,IAC/B,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;QAAO,SAAS;qBACpC,oBAACF,qBAAmBA;QAAC,UAAU;qBAC3B,oBAACF,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACK,iBAAeA;sBAC1D,oBAACL,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACM,kBAAgBA;sBAC5D,oBAACN,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACO,qBAAmBA;sBAClE,oBAACP,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACQ,SAAOA;sBACjD,oBAACR,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACS,YAAUA;sBACtD,oBAACT,gBAAcA;QAAC,MAAK;QAAS,uBAAS,oBAACU,cAAYA;sBACpD,oBAACV,gBAAcA;QAAC,MAAK;QAAY,uBAAS,oBAACW,iBAAeA;sBAC1D,oBAACX,gBAAcA;QAAC,MAAK;QAAgB,uBAAS,oBAACY,qBAAmBA;sBAClE,oBAACZ,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACQ,SAAOA;sBACjD,oBAACR,gBAAcA;QAAC,MAAK;QAAe,uBAAS,oBAACa,oBAAkBA;sBAChE,oBAACb,gBAAcA;QAAC,MAAK;QAAa,uBAAS,oBAACc,kBAAgBA;sBAC5D,oBAACd,gBAAcA;QAAC,MAAK;QAAU,uBAAS,oBAACQ,SAAOA;sBAChD,oBAACR,gBAAcA;QAAC,MAAK;QAAQ,uBAAS,oBAACe,aAAWA;sBAClD,oBAACf,gBAAcA;QAAC,MAAK;QAAW,uBAAS,oBAACQ,SAAOA;sBACjD,oBAACR,gBAAcA;QAAC,MAAK;QAAO,uBAAS,oBAACgB,YAAUA;sBAChD,oBAAChB,gBAAcA;QAAC,MAAK;QAAQ,uBAAS,oBAACiB,aAAWA;sBAClD,oBAAChB,QAAMA;QAAC,MAAM;QAAa,uBAAS,oBAACiB,iBAAeA;sBACpD,oBAACjB,QAAMA;QAAC,MAAM;QAAQ,uBAAS,oBAACkB,YAAUA;sBAC1C,oBAAClB,QAAMA;QAAC,MAAM;QAAiB,uBAAS,oBAACmB,qBAAmBA;sBAC5D,oBAACnB,QAAMA;QAAC,MAAM;QAAc,uBAAS,oBAACoB,kBAAgBA;sBACtD,oBAACpB,QAAMA;QAAC,MAAM;QAAQ,uBAAS,oBAACqB,YAAUA;sBAC1C,oBAACrB,QAAMA;QAAC,MAAM;QAAU,uBAAS,oBAACsB,cAAYA;sBAC9C,oBAACtB,QAAMA;QAAC,MAAM;QAAS,uBAAS,oBAACuB,aAAWA;sBAC5C,oBAAClB,iBAAiB,kBAAkB;QAAC,uBAAS,oBAACmB,oBAAkBA"}

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

@@ -0,0 +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

@@ -0,0 +1,60 @@
+import react, { useEffect, useState } from "react";
+import { $getNearestNodeOfType } from "@lexical/utils";
+import { DropDown, DropDownItem, useCurrentElement, useCurrentSelection, useTypographyAction } from "@webiny/lexical-editor";
+import { $isHeadingNode, $isListNode, $isParagraphNode, $isQuoteNode, ListNode } from "@webiny/lexical-nodes";
+import { useAdminConfig } from "@webiny/app-admin";
+const TypographyDropDown = ()=>{
+    const { value, applyTypography } = useTypographyAction();
+    const { lexicalTheme } = useAdminConfig();
+    const [styles, setStyles] = useState([]);
+    const { element } = useCurrentElement();
+    const { rangeSelection } = useCurrentSelection();
+    const getAllTextStyles = ()=>{
+        const headingsStyles = lexicalTheme.typography.headings || [];
+        const paragraphStyles = lexicalTheme.typography.paragraphs || [];
+        return [
+            ...headingsStyles,
+            ...paragraphStyles
+        ];
+    };
+    const getListStyles = (tag)=>{
+        const listStyles = lexicalTheme.typography.lists?.filter((x)=>x.tag === tag) || [];
+        if (listStyles.length > 0) return listStyles;
+        const fallbackTag = "ul" === tag ? "ol" : "ul";
+        return lexicalTheme.typography.lists?.filter((x)=>x.tag === fallbackTag) || [];
+    };
+    useEffect(()=>{
+        if (!element || !rangeSelection) return;
+        if ($isParagraphNode(element) || $isHeadingNode(element)) setStyles(getAllTextStyles());
+        else if ($isListNode(element)) {
+            let type;
+            try {
+                const anchorNode = rangeSelection.anchor.getNode();
+                const parentList = $getNearestNodeOfType(anchorNode, ListNode);
+                if (parentList) type = parentList.getListType();
+            } catch  {
+                type = element.getListType();
+            }
+            "bullet" === type ? setStyles(getListStyles("ul")) : setStyles(getListStyles("ol"));
+        } else $isQuoteNode(element) ? setStyles(lexicalTheme.typography.quotes || []) : setStyles([]);
+    }, [
+        element
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, styles?.length ? /*#__PURE__*/ react.createElement(DropDown, {
+        buttonClassName: "toolbar-item typography-dropdown",
+        buttonAriaLabel: "Typography formatting options",
+        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),
+            key: option.id
+        }, /*#__PURE__*/ react.createElement("span", {
+            className: "text"
+        }, option.label)))) : null);
+};
+export { TypographyDropDown };
+
+//# sourceMappingURL=TypographyDropDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/LexicalCmsEditor/TypographyDropDown.js","sources":["../../../../src/admin/components/LexicalCmsEditor/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"],"names":["TypographyDropDown","value","applyTypography","useTypographyAction","lexicalTheme","useAdminConfig","styles","setStyles","useState","element","useCurrentElement","rangeSelection","useCurrentSelection","getAllTextStyles","headingsStyles","paragraphStyles","getListStyles","tag","listStyles","x","fallbackTag","useEffect","$isParagraphNode","$isHeadingNode","$isListNode","type","anchorNode","parentList","$getNearestNodeOfType","ListNode","$isQuoteNode","DropDown","option","DropDownItem"],"mappings":";;;;;AAyBO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAEC,eAAe,EAAE,GAAGC;IACnC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAA4B,EAAE;IAC1D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,mBAAmB;QACrB,MAAMC,iBAAiBV,aAAa,UAAU,CAAC,QAAQ,IAAI,EAAE;QAC7D,MAAMW,kBAAkBX,aAAa,UAAU,CAAC,UAAU,IAAI,EAAE;QAEhE,OAAO;eAAIU;eAAmBC;SAAgB;IAClD;IAEA,MAAMC,gBAAgB,CAACC;QACnB,MAAMC,aAAad,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKF,QAAQ,EAAE;QAClF,IAAIC,WAAW,MAAM,GAAG,GACpB,OAAOA;QAGX,MAAME,cAAcH,AAAQ,SAARA,MAAe,OAAO;QAC1C,OAAOb,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKC,gBAAgB,EAAE;IAClF;IAEAC,UAAU;QACN,IAAI,CAACZ,WAAW,CAACE,gBACb;QAGJ,IAAIW,iBAAiBb,YAAYc,eAAed,UAC5CF,UAAUM;aACP,IAAIW,YAAYf,UAAU;YAC7B,IAAIgB;YACJ,IAAI;gBACA,MAAMC,aAAaf,eAAe,MAAM,CAAC,OAAO;gBAChD,MAAMgB,aAAaC,sBAAgCF,YAAYG;gBAC/D,IAAIF,YACAF,OAAOE,WAAW,WAAW;YAErC,EAAE,OAAM;gBACJF,OAAOhB,QAAQ,WAAW;YAC9B;YAEa,aAATgB,OACAlB,UAAUS,cAAc,SAExBT,UAAUS,cAAc;QAEhC,OAAWc,aAAarB,WACpBF,UAAUH,aAAa,UAAU,CAAC,MAAM,IAAI,EAAE,IAE9CG,UAAU,EAAE;IAEpB,GAAG;QAACE;KAAQ;IAEZ,OAAO,WAAP,GACI,0CACK,AAAEH,QAAQ,SAAS,WAAT,GACP,oBAACyB,UAAQA;QACL,iBAAgB;QAChB,iBAAiB;QACjB,aAAa9B,OAAO,SAAS;QAC7B,sBAAsB;QACtB,UAAU;QACV,YAAY;OAEXK,QAAQ,IAAI0B,CAAAA,SAAAA,WAAAA,GACT,oBAACC,cAAYA;YACT,WAAW,CAAC,qBAAqB,EAC7BhC,OAAO,OAAO+B,OAAO,EAAE,GAAG,gCAAgC,IAC5D;YACF,SAAS,IAAM9B,gBAAgB8B;YAC/B,KAAKA,OAAO,EAAE;yBAEd,oBAAC;YAAK,WAAU;WAAQA,OAAO,KAAK,OAIhD;AAGhB"}

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

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

package/admin/components/ModelFieldProvider/index.js

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

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

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

package/admin/components/ModelProvider/index.js

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

package/admin/config/IsApplicableToCurrentModel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface IsApplicableToCurrentModelProps {
+    modelIds: string[];
+    children: React.ReactNode;
+}
+export declare const IsApplicableToCurrentModel: ({ modelIds, children }: IsApplicableToCurrentModelProps) => React.JSX.Element | null;

package/admin/config/IsApplicableToCurrentModel.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { useModel } from "../components/ModelProvider/index.js";
+const IsApplicableToCurrentModel = ({ modelIds, children })=>{
+    const { model } = useModel();
+    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+};
+export { IsApplicableToCurrentModel };
+
+//# sourceMappingURL=IsApplicableToCurrentModel.js.map

package/admin/config/IsApplicableToCurrentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/config/IsApplicableToCurrentModel.js","sources":["../../../src/admin/config/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"],"names":["IsApplicableToCurrentModel","modelIds","children","model","useModel"],"mappings":";;AAQO,MAAMA,6BAA6B,CAAC,EACvCC,QAAQ,EACRC,QAAQ,EACsB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAIH,SAAS,MAAM,GAAG,KAAK,CAACA,SAAS,QAAQ,CAACE,MAAM,OAAO,GACvD,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+export interface BaseActionConfig<T extends string> {
+    name: string;
+    element: React.ReactElement;
+    $type: T;
+}
+export interface BaseActionProps {
+    name: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+    modelIds?: string[];
+    element: React.ReactElement;
+    $type: string;
+}
+export declare const BaseAction: ({ name, after, before, remove, modelIds, element, $type }: BaseActionProps) => React.JSX.Element;

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

@@ -0,0 +1,33 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { IsApplicableToCurrentModel } from "../../../IsApplicableToCurrentModel.js";
+const BaseAction = ({ name, after, before, remove = false, modelIds = [], element, $type })=>{
+    const getId = useIdGenerator("action");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(IsApplicableToCurrentModel, {
+        modelIds: modelIds
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "actions",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "$type"),
+        name: "$type",
+        value: $type
+    })));
+};
+export { BaseAction };
+
+//# sourceMappingURL=BaseAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/config/contentEntries/editor/Actions/BaseAction.js","sources":["../../../../../../src/admin/config/contentEntries/editor/Actions/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"],"names":["BaseAction","name","after","before","remove","modelIds","element","$type","getId","useIdGenerator","placeAfter","undefined","placeBefore","IsApplicableToCurrentModel","Property"],"mappings":";;;AAoBO,MAAMA,aAAa,CAAC,EACvBC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,WAAW,EAAE,EACbC,OAAO,EACPC,KAAK,EACS;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaR,AAAUS,WAAVT,QAAsBM,MAAMN,SAASS;IACxD,MAAMC,cAAcT,AAAWQ,WAAXR,SAAuBK,MAAML,UAAUQ;IAE3D,OAAO,WAAP,GACI,oBAACE,4BAA0BA;QAAC,UAAUR;qBAClC,oBAACS,UAAQA;QACL,IAAIN,MAAMP;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACa,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAY,MAAM;QAAW,OAAOK;sBAC9D,oBAACQ,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAU,MAAM;QAAS,OAAOM;;AAI1E"}

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

@@ -0,0 +1,44 @@
+import React from "react";
+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) & {
+    original: (props: ButtonActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ButtonActionProps) => React.JSX.Element) & {
+        original: (props: ButtonActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ButtonActionProps) => React.JSX.Element) & {
+        original: (props: ButtonActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const ButtonAction: ((props: ButtonActionProps) => React.JSX.Element) & {
+    original: (props: ButtonActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ButtonActionProps) => React.JSX.Element) & {
+        original: (props: ButtonActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ButtonActionProps) => React.JSX.Element) & {
+        original: (props: ButtonActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/config/contentEntries/editor/Actions/ButtonAction.js","sources":["../../../../../../src/admin/config/contentEntries/editor/Actions/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"],"names":["BaseButtonAction","makeDecoratable","props","BaseAction","ButtonAction","Object","useButtons"],"mappings":";;;AAQO,MAAMA,mBAAmBC,gBAAgB,gBAAgB,CAACC,QACtD,WAAP,GAAO,oBAACC,YAAUA;QAAE,GAAGD,KAAK;QAAE,OAAO;;AAGlC,MAAME,eAAeC,OAAO,MAAM,CAACL,kBAAkB;IAAEM,YAAUA;AAAC"}

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

@@ -0,0 +1,44 @@
+import React from "react";
+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) & {
+    original: (props: MenuItemActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: MenuItemActionProps) => React.JSX.Element) & {
+        original: (props: MenuItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: MenuItemActionProps) => React.JSX.Element) & {
+        original: (props: MenuItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const MenuItemAction: ((props: MenuItemActionProps) => React.JSX.Element) & {
+    original: (props: MenuItemActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: MenuItemActionProps) => React.JSX.Element) & {
+        original: (props: MenuItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: MenuItemActionProps) => React.JSX.Element) & {
+        original: (props: MenuItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem.js").OptionsMenuItemProviderContext;
+};

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

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