@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

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

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

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalCmsEditor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _reactComposition = require("@webiny/react-composition");
+var _LexicalEditor = require("@webiny/app-admin/components/LexicalEditor");
+var LexicalCmsEditor = function LexicalCmsEditor(props) {
+  return /*#__PURE__*/_react.default.createElement(_LexicalEditor.LexicalEditor, Object.assign({}, props, {
+    focus: true,
+    value: JSON.stringify(props.value),
+    onChange: function onChange(jsonString) {
+      if (props !== null && props !== void 0 && props.onChange) {
+        props === null || props === void 0 ? void 0 : props.onChange(JSON.parse(jsonString));
+      }
+    },
+    staticToolbar: /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
+      name: "cms"
+    }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.StaticToolbar, null)),
+    tag: "p",
+    placeholder: (props === null || props === void 0 ? void 0 : props.placeholder) || "Enter your text here...",
+    placeholderStyles: {
+      position: "absolute",
+      top: 90,
+      left: 25
+    },
+    contentEditableStyles: {
+      minHeight: 200,
+      display: "block",
+      padding: 10
+    },
+    styles: {
+      backgroundColor: "#fff",
+      border: "1px solid #e1e1e1",
+      padding: "10px 14px",
+      minHeight: 200,
+      maxHeight: 350
+    }
+  }));
+};
+exports.LexicalCmsEditor = LexicalCmsEditor;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_reactComposition","_LexicalEditor","LexicalCmsEditor","props","default","createElement","LexicalEditor","Object","assign","focus","value","JSON","stringify","onChange","jsonString","parse","staticToolbar","CompositionScope","name","StaticToolbar","tag","placeholder","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","exports"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={JSON.stringify(props.value)}\n            onChange={(jsonString: string) => {\n                if (props?.onChange) {\n                    props?.onChange(JSON.parse(jsonString));\n                }\n            }}\n            staticToolbar={\n                <CompositionScope name={\"cms\"}>\n                    <StaticToolbar />\n                </CompositionScope>\n            }\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={{ position: \"absolute\", top: 90, left: 25 }}\n            contentEditableStyles={{ minHeight: 200, display: \"block\", padding: 10 }}\n            styles={{\n                backgroundColor: \"#fff\",\n                border: \"1px solid #e1e1e1\",\n                padding: \"10px 14px\",\n                minHeight: 200,\n                maxHeight: 350\n            }}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAyC,EAAK;EAC3E,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,cAAA,CAAAK,aAAa,EAAAC,MAAA,CAAAC,MAAA,KACNL,KAAK;IACTM,KAAK,EAAE,IAAK;IACZC,KAAK,EAAEC,IAAI,CAACC,SAAS,CAACT,KAAK,CAACO,KAAK,CAAE;IACnCG,QAAQ,EAAE,SAAAA,SAACC,UAAkB,EAAK;MAC9B,IAAIX,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEU,QAAQ,EAAE;QACjBV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEU,QAAQ,CAACF,IAAI,CAACI,KAAK,CAACD,UAAU,CAAC,CAAC;MAC3C;IACJ,CAAE;IACFE,aAAa,eACTpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,iBAAA,CAAAiB,gBAAgB;MAACC,IAAI,EAAE;IAAM,gBAC1BtB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,cAAA,CAAAoB,aAAa,MAAE,CACF,CACrB;IACDC,GAAG,EAAE,GAAI;IACTC,WAAW,EAAE,CAAAlB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkB,WAAW,KAAI,yBAA0B;IAC7DC,iBAAiB,EAAE;MAAEC,QAAQ,EAAE,UAAU;MAAEC,GAAG,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE;IAC/DC,qBAAqB,EAAE;MAAEC,SAAS,EAAE,GAAG;MAAEC,OAAO,EAAE,OAAO;MAAEC,OAAO,EAAE;IAAG,CAAE;IACzEC,MAAM,EAAE;MACJC,eAAe,EAAE,MAAM;MACvBC,MAAM,EAAE,mBAAmB;MAC3BH,OAAO,EAAE,WAAW;MACpBF,SAAS,EAAE,GAAG;MACdM,SAAS,EAAE;IACf;EAAE,EACL,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAhC,gBAAA,GAAAA,gBAAA"}

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

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

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalEditorCmsPlugin = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _TypographyDropDown = require("./TypographyDropDown");
+var _reactComposition = require("@webiny/react-composition");
+var ToolbarElement = _lexicalEditor.LexicalEditorConfig.ToolbarElement,
+  Plugin = _lexicalEditor.LexicalEditorConfig.Plugin;
+var LexicalEditorCmsPlugin = function LexicalEditorCmsPlugin() {
+  return /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
+    name: "cms"
+  }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.LexicalEditorConfig, null, /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "fontSize",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontSizeAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "fontColor",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontColorAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "typography",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "textAlignment",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TextAlignmentAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "divider1",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "boldAction",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.BoldAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "italic",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ItalicAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "underline",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.UnderlineAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "codeHighlight",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.CodeHighlightAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "divider2",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "numberedList",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.NumberedListAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "bulletList",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.BulletListAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "divider",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "image",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ImageAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "divider3",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "link",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.LinkAction, null)
+  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    name: "quote",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.QuoteAction, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "fontColor",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontColorPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "list",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ListPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "codeHighlight",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.CodeHighlightPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "typography",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "link",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.LinkPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "floatingLinkEditor",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FloatingLinkEditorPlugin, {
+      anchorElem: document.body
+    })
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "images",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ImagesPlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    name: "quote",
+    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.QuotePlugin, null)
+  }), /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyAction.TypographyDropDown, {
+    element: /*#__PURE__*/_react.default.createElement(_TypographyDropDown.TypographyDropDown, null)
+  })));
+};
+exports.LexicalEditorCmsPlugin = LexicalEditorCmsPlugin;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_TypographyDropDown","_reactComposition","ToolbarElement","LexicalEditorConfig","Plugin","LexicalEditorCmsPlugin","default","createElement","CompositionScope","name","element","FontSizeAction","FontColorAction","TypographyAction","TextAlignmentAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","FontColorPlugin","ListPlugin","CodeHighlightPlugin","TypographyPlugin","LinkPlugin","FloatingLinkEditorPlugin","anchorElem","document","body","ImagesPlugin","QuotePlugin","TypographyDropDown","exports"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import React, { FC } 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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"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TypographyDropDown: () => JSX.Element;

package/admin/components/LexicalCmsEditor/TypographyDropDown.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypographyDropDown = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _appAdmin = require("@webiny/app-admin");
+/*
+ * This components support the typography selection for page builder and HCMS.
+ * */
+var TypographyDropDown = function TypographyDropDown() {
+  var _textBlockSelection$s;
+  var _useTypographyAction = (0, _lexicalEditor.useTypographyAction)(),
+    value = _useTypographyAction.value,
+    applyTypography = _useTypographyAction.applyTypography;
+  var _useTheme = (0, _appAdmin.useTheme)(),
+    theme = _useTheme.theme;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    styles = _useState2[0],
+    setStyles = _useState2[1];
+  var _useRichTextEditor = (0, _lexicalEditor.useRichTextEditor)(),
+    textBlockSelection = _useRichTextEditor.textBlockSelection;
+  var textType = textBlockSelection === null || textBlockSelection === void 0 ? void 0 : (_textBlockSelection$s = textBlockSelection.state) === null || _textBlockSelection$s === void 0 ? void 0 : _textBlockSelection$s.textType;
+  var getAllTextStyles = function getAllTextStyles() {
+    var _theme$styles$typogra, _theme$styles$typogra2;
+    if (!(theme !== null && theme !== void 0 && theme.styles.typography)) {
+      return [];
+    }
+    var headingsStyles = ((_theme$styles$typogra = theme.styles.typography) === null || _theme$styles$typogra === void 0 ? void 0 : _theme$styles$typogra.headings) || [];
+    var paragraphStyles = ((_theme$styles$typogra2 = theme.styles.typography) === null || _theme$styles$typogra2 === void 0 ? void 0 : _theme$styles$typogra2.paragraphs) || [];
+    return [].concat((0, _toConsumableArray2.default)(headingsStyles), (0, _toConsumableArray2.default)(paragraphStyles));
+  };
+  (0, _react.useEffect)(function () {
+    // In static toolbar typography styles always need to be visible.
+    // User from the start can select immediately in witch style he wants to start typing.
+    if (theme !== null && theme !== void 0 && theme.styles) {
+      setStyles(getAllTextStyles());
+    }
+  }, [theme === null || theme === void 0 ? void 0 : theme.styles]);
+  var getListStyles = function getListStyles(tag) {
+    var _theme$styles$typogra3, _theme$styles$typogra4;
+    var listStyles = (theme === null || theme === void 0 ? void 0 : (_theme$styles$typogra3 = theme.styles.typography.lists) === null || _theme$styles$typogra3 === void 0 ? void 0 : _theme$styles$typogra3.filter(function (x) {
+      return x.tag === tag;
+    })) || [];
+    if (listStyles.length > 0) {
+      return listStyles;
+    }
+    // fallback
+    var fallbackTag = tag === "ul" ? "ol" : "ul";
+    return (theme === null || theme === void 0 ? void 0 : (_theme$styles$typogra4 = theme.styles.typography.lists) === null || _theme$styles$typogra4 === void 0 ? void 0 : _theme$styles$typogra4.filter(function (x) {
+      return x.tag === fallbackTag;
+    })) || [];
+  };
+  (0, _react.useEffect)(function () {
+    var _theme$styles$typogra5;
+    if (textType) {
+      switch (textType) {
+        case "heading":
+        case "paragraph":
+          setStyles(getAllTextStyles());
+          break;
+        case "bullet":
+          setStyles(getListStyles("ul"));
+          break;
+        case "number":
+          setStyles(getListStyles("ol"));
+          break;
+        case "quoteblock":
+          setStyles((theme === null || theme === void 0 ? void 0 : (_theme$styles$typogra5 = theme.styles.typography) === null || _theme$styles$typogra5 === void 0 ? void 0 : _theme$styles$typogra5.quotes) || []);
+          break;
+        default:
+          setStyles([]);
+      }
+    }
+  }, [textType]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!(styles !== null && styles !== void 0 && styles.length) ? /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
+    buttonClassName: "toolbar-item typography-dropdown",
+    buttonAriaLabel: "Typography formatting options",
+    buttonLabel: (value === null || value === void 0 ? void 0 : value.name) || "Typography",
+    stopCloseOnClickSelf: true,
+    disabled: false,
+    showScroll: true
+  }, styles === null || styles === void 0 ? void 0 : styles.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
+      className: "item typography-item ".concat((value === null || value === void 0 ? void 0 : value.id) === option.id ? "active dropdown-item-active" : ""),
+      onClick: function onClick() {
+        return applyTypography((0, _objectSpread2.default)((0, _objectSpread2.default)({}, option), {}, {
+          css: option.styles
+        }));
+      },
+      key: option.id
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "text"
+    }, option.name));
+  })) : null);
+};
+exports.TypographyDropDown = TypographyDropDown;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_lexicalEditor","_appAdmin","TypographyDropDown","_textBlockSelection$s","_useTypographyAction","useTypographyAction","value","applyTypography","_useTheme","useTheme","theme","_useState","useState","_useState2","_slicedToArray2","default","styles","setStyles","_useRichTextEditor","useRichTextEditor","textBlockSelection","textType","state","getAllTextStyles","_theme$styles$typogra","_theme$styles$typogra2","typography","headingsStyles","headings","paragraphStyles","paragraphs","concat","_toConsumableArray2","useEffect","getListStyles","tag","_theme$styles$typogra3","_theme$styles$typogra4","listStyles","lists","filter","x","length","fallbackTag","_theme$styles$typogra5","quotes","createElement","Fragment","DropDown","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","DropDownItem","className","id","onClick","_objectSpread2","css","key","exports"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport {\n    DropDown,\n    DropDownItem,\n    useRichTextEditor,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyStyle } from \"@webiny/theme/types\";\nimport { TypographyValue } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-admin\";\n/*\n * This components support the typography selection for page builder and HCMS.\n * */\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { textBlockSelection } = useRichTextEditor();\n    const textType = textBlockSelection?.state?.textType;\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        // User from the start can select immediately in witch style he wants to start typing.\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        // fallback\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (textType) {\n            switch (textType) {\n                case \"heading\":\n                case \"paragraph\":\n                    setStyles(getAllTextStyles());\n                    break;\n                case \"bullet\":\n                    setStyles(getListStyles(\"ul\"));\n                    break;\n                case \"number\":\n                    setStyles(getListStyles(\"ol\"));\n                    break;\n                case \"quoteblock\":\n                    setStyles(theme?.styles.typography?.quotes || []);\n                    break;\n                default:\n                    setStyles([]);\n            }\n        }\n    }, [textType]);\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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"}

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

@@ -6,27 +6,17 @@ export declare const ModelFieldContext: React.Context<{
     type: string;
     fieldId: string;
     storageId?: string | undefined;
-    label?: string | undefined;
+    label: string;
     helpText?: string | undefined;
     placeholderText?: string | undefined;
     validation?: import("../../../types").CmsModelFieldValidator[] | undefined;
     listValidation?: import("../../../types").CmsModelFieldValidator[] | undefined;
     multipleValues?: boolean | undefined;
     predefinedValues?: import("../../../types").CmsEditorFieldPredefinedValues | undefined;
-    settings?: {
-        [key: string]: any;
-        defaultValue?: string | null | undefined;
-        defaultSetValue?: string | undefined;
-        type?: string | undefined;
-        fields?: any[] | undefined;
-        layout?: string[][] | undefined;
-        models?: Pick<import("../../../types").CmsModel, "modelId">[] | undefined;
-        templates?: import("../../../types").CmsDynamicZoneTemplate[] | undefined;
-        imagesOnly?: boolean | undefined;
-    } | undefined;
+    settings?: import("../../../types").CmsModelFieldSettings<unknown> | undefined;
     renderer: {
         name: string;
-    };
+    } | ((props: import("../../../types").CmsModelFieldRendererProps) => React.ReactNode);
     tags?: string[] | undefined;
 } | undefined>;
 export interface ModelFieldProviderProps {

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

@@ -1 +1 @@
-{"version":3,"names":["ModelFieldContext","React","createContext","undefined","ModelFieldProvider","field","children"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;AAKO,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAAC;AAOxF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAqD;EAAA,IAA/CC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAChD,oBAAO,6BAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAA8B;AAC5F,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","ModelFieldContext","React","createContext","undefined","exports","ModelFieldProvider","_ref","field","children","default","createElement","Provider","value"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKO,IAAMC,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAACC,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA;AAOxF,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAChD,oBAAOX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,iBAAiB,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAM,GAAEC,QAAqC,CAAC;AAC5F,CAAC;AAACJ,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelFieldContext\";\nexport * from \"./useModelField\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ModelFieldContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useModelField"],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelFieldContext\";\nexport * from \"./useModelField\";\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CmsModelFieldTypePlugin } from "../../../types";
 /**
  * Get model field from the current context.
@@ -8,27 +9,17 @@ export declare function useModelField(): {
         type: string;
         fieldId: string;
         storageId?: string | undefined;
-        label?: string | undefined;
+        label: string;
         helpText?: string | undefined;
         placeholderText?: string | undefined;
         validation?: import("../../../types").CmsModelFieldValidator[] | undefined;
         listValidation?: import("../../../types").CmsModelFieldValidator[] | undefined;
         multipleValues?: boolean | undefined;
         predefinedValues?: import("../../../types").CmsEditorFieldPredefinedValues | undefined;
-        settings?: {
-            [key: string]: any;
-            defaultValue?: string | null | undefined;
-            defaultSetValue?: string | undefined;
-            type?: string | undefined;
-            fields?: any[] | undefined;
-            layout?: string[][] | undefined;
-            models?: Pick<import("../../../types").CmsModel, "modelId">[] | undefined;
-            templates?: import("../../../types").CmsDynamicZoneTemplate[] | undefined;
-            imagesOnly?: boolean | undefined;
-        } | undefined;
+        settings?: import("../../../types").CmsModelFieldSettings<unknown> | undefined;
         renderer: {
             name: string;
-        };
+        } | ((props: import("../../../types").CmsModelFieldRendererProps) => import("react").ReactNode);
         tags?: string[] | undefined;
     };
     fieldPlugin: CmsModelFieldTypePlugin;

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

@@ -1 +1 @@
-{"version":3,"names":["getFieldPlugin","type","plugin","plugins","byType","find","field","Error","useModelField","useContext","ModelFieldContext","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelFieldContext } from \"./ModelFieldContext\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\n/**\n * Get model field from the current context.\n */\nexport function useModelField() {\n    const field = useContext(ModelFieldContext);\n    if (!field) {\n        throw Error(\n            `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n        );\n    }\n\n    const fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin };\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAOA,IAAMA,cAA8B,GAAG,SAAjCA,cAA8B,CAAGC,IAAI,EAAI;EAC3C,IAAMC,MAAM,GAAGC,gBAAO,CACjBC,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAAC,UAAAH,MAAM;IAAA,OAAIA,MAAM,CAACI,KAAK,CAACL,IAAI,KAAKA,IAAI;EAAA,EAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMK,KAAK,2CAAmCN,IAAI,SAAK;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;;AAED;AACA;AACA;AACO,SAASM,aAAa,GAAG;EAC5B,IAAMF,KAAK,GAAG,IAAAG,iBAAU,EAACC,oCAAiB,CAAC;EAC3C,IAAI,CAACJ,KAAK,EAAE;IACR,MAAMC,KAAK,wHAEV;EACL;EAEA,IAAMI,WAAW,GAAGX,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC;EAE9C,OAAO;IAAEK,KAAK,EAALA,KAAK;IAAEK,WAAW,EAAXA;EAAY,CAAC;AACjC"}
+{"version":3,"names":["_react","require","_ModelFieldContext","_plugins","getFieldPlugin","type","plugin","plugins","byType","find","field","Error","concat","useModelField","useContext","ModelFieldContext","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelFieldContext } from \"./ModelFieldContext\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\n/**\n * Get model field from the current context.\n */\nexport function useModelField() {\n    const field = useContext(ModelFieldContext);\n    if (!field) {\n        throw Error(\n            `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n        );\n    }\n\n    const fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOA,IAAMG,cAA8B,GAAG,SAAjCA,cAA8BA,CAAGC,IAAI,EAAI;EAC3C,IAAMC,MAAM,GAAGC,gBAAO,CACjBC,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAAC,UAAAH,MAAM;IAAA,OAAIA,MAAM,CAACI,KAAK,CAACL,IAAI,KAAKA,IAAI;EAAA,EAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMK,KAAK,oCAAAC,MAAA,CAAmCP,IAAI,QAAI,CAAC;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;;AAED;AACA;AACA;AACO,SAASO,aAAaA,CAAA,EAAG;EAC5B,IAAMH,KAAK,GAAG,IAAAI,iBAAU,EAACC,oCAAiB,CAAC;EAC3C,IAAI,CAACL,KAAK,EAAE;IACR,MAAMC,KAAK,uHAEX,CAAC;EACL;EAEA,IAAMK,WAAW,GAAGZ,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC;EAE9C,OAAO;IAAEK,KAAK,EAALA,KAAK;IAAEM,WAAW,EAAXA;EAAY,CAAC;AACjC"}

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

@@ -1 +1 @@
-{"version":3,"names":["ModelContext","React","createContext","undefined","ModelProvider","model","children"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModel } from \"~/types\";\n\nexport type ModelContext = CmsModel;\n\nexport const ModelContext = React.createContext<ModelContext | undefined>(undefined);\n\nexport interface ModelProviderProps {\n    model: CmsModel;\n    children: React.ReactNode;\n}\n\nexport const ModelProvider = ({ model, children }: ModelProviderProps) => {\n    return <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;AAKO,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAA2BC,SAAS,CAAC;AAAC;AAO9E,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAAgD;EAAA,IAA1CC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAC3C,oBAAO,6BAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAAyB;AAClF,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","ModelContext","React","createContext","undefined","exports","ModelProvider","_ref","model","children","default","createElement","Provider","value"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModel } from \"~/types\";\n\nexport type ModelContext = CmsModel;\n\nexport const ModelContext = React.createContext<ModelContext | undefined>(undefined);\n\nexport interface ModelProviderProps {\n    model: CmsModel;\n    children: React.ReactNode;\n}\n\nexport const ModelProvider = ({ model, children }: ModelProviderProps) => {\n    return <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKO,IAAMC,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAA2BC,SAAS,CAAC;AAACC,OAAA,CAAAJ,YAAA,GAAAA,YAAA;AAO9E,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAgD;EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC3C,oBAAOX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,YAAY,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAM,GAAEC,QAAgC,CAAC;AAClF,CAAC;AAACJ,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelContext\";\nexport * from \"./useModel\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ModelContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useModel"],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelContext\";\nexport * from \"./useModel\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["useModel","model","useContext","ModelContext","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext\";\nimport { CmsModel } from \"~/types\";\n\ntype UseModelReturnType = {\n    model: CmsModel;\n};\n\n/**\n * Get model from the current context.\n */\nexport function useModel(): UseModelReturnType {\n    const model = useContext(ModelContext);\n    if (!model) {\n        throw Error(\n            `Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?`\n        );\n    }\n\n    return { model };\n}\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AACA;AACO,SAASA,QAAQ,GAAuB;EAC3C,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAI,CAACF,KAAK,EAAE;IACR,MAAMG,KAAK,6GAEV;EACL;EAEA,OAAO;IAAEH,KAAK,EAALA;EAAM,CAAC;AACpB"}
+{"version":3,"names":["_react","require","_ModelContext","useModel","model","useContext","ModelContext","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext\";\nimport { CmsModel } from \"~/types\";\n\ntype UseModelReturnType = {\n    model: CmsModel;\n};\n\n/**\n * Get model from the current context.\n */\nexport function useModel(): UseModelReturnType {\n    const model = useContext(ModelContext);\n    if (!model) {\n        throw Error(\n            `Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?`\n        );\n    }\n\n    return { model };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACO,SAASE,QAAQA,CAAA,EAAuB;EAC3C,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAI,CAACF,KAAK,EAAE;IACR,MAAMG,KAAK,4GAEX,CAAC;EACL;EAEA,OAAO;IAAEH,KAAK,EAALA;EAAM,CAAC;AACpB"}

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: React.FC<BaseActionProps>;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseAction = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactProperties = require("@webiny/react-properties");
+var _hooks = require("../../../../hooks");
+var BaseAction = function BaseAction(_ref) {
+  var name = _ref.name,
+    _ref$after = _ref.after,
+    after = _ref$after === void 0 ? undefined : _ref$after,
+    _ref$before = _ref.before,
+    before = _ref$before === void 0 ? undefined : _ref$before,
+    _ref$remove = _ref.remove,
+    remove = _ref$remove === void 0 ? false : _ref$remove,
+    _ref$modelIds = _ref.modelIds,
+    modelIds = _ref$modelIds === void 0 ? [] : _ref$modelIds,
+    element = _ref.element,
+    $type = _ref.$type;
+  var _useModel = (0, _hooks.useModel)(),
+    model = _useModel.model;
+  var getId = (0, _reactProperties.useIdGenerator)("action");
+  if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {
+    return null;
+  }
+  var placeAfter = after !== undefined ? getId(after) : undefined;
+  var placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name),
+    name: "actions",
+    remove: remove,
+    array: true,
+    before: placeBefore,
+    after: placeAfter
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "name"),
+    name: "name",
+    value: name
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "element"),
+    name: "element",
+    value: element
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "$type"),
+    name: "$type",
+    value: $type
+  }));
+};
+exports.BaseAction = BaseAction;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_hooks","BaseAction","_ref","name","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","_ref$modelIds","modelIds","element","$type","_useModel","useModel","model","getId","useIdGenerator","length","includes","modelId","placeAfter","placeBefore","default","createElement","Property","id","array","value","exports"],"sources":["BaseAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useModel } from \"~/admin/hooks\";\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: React.FC<BaseActionProps> = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    modelIds = [],\n    element,\n    $type\n}) => {\n    const { model } = useModel();\n    const getId = useIdGenerator(\"action\");\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\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    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAkBO,IAAMG,UAAqC,GAAG,SAAxCA,UAAqCA,CAAAC,IAAA,EAQ5C;EAAA,IAPFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,UAAA,GAAAF,IAAA,CACJG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAL,IAAA,CACjBM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAP,IAAA,CAClBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAT,IAAA,CACdU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IACbE,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,KAAK,GAAAZ,IAAA,CAALY,KAAK;EAEL,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,QAAQ,CAAC;EAEtC,IAAIP,QAAQ,CAACQ,MAAM,GAAG,CAAC,IAAI,CAACR,QAAQ,CAACS,QAAQ,CAACJ,KAAK,CAACK,OAAO,CAAC,EAAE;IAC1D,OAAO,IAAI;EACf;EAEA,IAAMC,UAAU,GAAGlB,KAAK,KAAKC,SAAS,GAAGY,KAAK,CAACb,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMkB,WAAW,GAAGhB,MAAM,KAAKF,SAAS,GAAGY,KAAK,CAACV,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIV,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,gBAAA,CAAA4B,QAAQ;IACLC,EAAE,EAAEV,KAAK,CAACf,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBO,MAAM,EAAEA,MAAO;IACfmB,KAAK,EAAE,IAAK;IACZrB,MAAM,EAAEgB,WAAY;IACpBnB,KAAK,EAAEkB;EAAW,gBAElB3B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,gBAAA,CAAA4B,QAAQ;IAACC,EAAE,EAAEV,KAAK,CAACf,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAAC2B,KAAK,EAAE3B;EAAK,CAAE,CAAC,eAChEP,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,gBAAA,CAAA4B,QAAQ;IAACC,EAAE,EAAEV,KAAK,CAACf,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAAC2B,KAAK,EAAEjB;EAAQ,CAAE,CAAC,eACzEjB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,gBAAA,CAAA4B,QAAQ;IAACC,EAAE,EAAEV,KAAK,CAACf,IAAI,EAAE,OAAO,CAAE;IAACA,IAAI,EAAE,OAAQ;IAAC2B,KAAK,EAAEhB;EAAM,CAAE,CAC5D,CAAC;AAEnB,CAAC;AAACiB,OAAA,CAAA9B,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { BaseActionProps } from "./BaseAction";
+export declare type ButtonActionType = "button-action";
+export declare type ButtonActionProps = Omit<BaseActionProps, "$type">;
+export declare const BaseButtonAction: React.FC<ButtonActionProps>;
+export declare const ButtonAction: React.FC<ButtonActionProps> & {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonAction = exports.BaseButtonAction = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _BaseAction = require("./BaseAction");
+var BaseButtonAction = function BaseButtonAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseAction.BaseAction, Object.assign({}, props, {
+    $type: "button-action"
+  }));
+};
+exports.BaseButtonAction = BaseButtonAction;
+var ButtonAction = Object.assign(BaseButtonAction, {
+  useButtons: _appAdmin.useButtons
+});
+exports.ButtonAction = ButtonAction;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_BaseAction","BaseButtonAction","props","default","createElement","BaseAction","Object","assign","$type","exports","ButtonAction","useButtons"],"sources":["ButtonAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useButtons } from \"@webiny/app-admin\";\nimport { BaseAction, BaseActionProps } from \"./BaseAction\";\n\nexport type ButtonActionType = \"button-action\";\nexport type ButtonActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseButtonAction: React.FC<ButtonActionProps> = props => {\n    return <BaseAction {...props} $type={\"button-action\"} />;\n};\n\nexport const ButtonAction = Object.assign(BaseButtonAction, { useButtons });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKO,IAAMG,gBAA6C,GAAG,SAAhDA,gBAA6CA,CAAGC,KAAK,EAAI;EAClE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACJ,WAAA,CAAAK,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;EAAgB,EAAE,CAAC;AAC5D,CAAC;AAACC,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEK,IAAMS,YAAY,GAAGJ,MAAM,CAACC,MAAM,CAACN,gBAAgB,EAAE;EAAEU,UAAU,EAAVA;AAAW,CAAC,CAAC;AAACF,OAAA,CAAAC,YAAA,GAAAA,YAAA"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { BaseActionProps } from "./BaseAction";
+export declare type MenuItemActionType = "menu-item-action";
+export declare type MenuItemActionProps = Omit<BaseActionProps, "$type">;
+export declare const BaseMenuItemAction: React.FC<MenuItemActionProps>;
+export declare const MenuItemAction: React.FC<MenuItemActionProps> & {
+    useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem").OptionsMenuItemProviderContext;
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemAction = exports.BaseMenuItemAction = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _BaseAction = require("./BaseAction");
+var BaseMenuItemAction = function BaseMenuItemAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseAction.BaseAction, Object.assign({}, props, {
+    $type: "menu-item-action"
+  }));
+};
+exports.BaseMenuItemAction = BaseMenuItemAction;
+var MenuItemAction = Object.assign(BaseMenuItemAction, {
+  useOptionsMenuItem: _appAdmin.useOptionsMenuItem
+});
+exports.MenuItemAction = MenuItemAction;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_BaseAction","BaseMenuItemAction","props","default","createElement","BaseAction","Object","assign","$type","exports","MenuItemAction","useOptionsMenuItem"],"sources":["MenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useOptionsMenuItem } from \"@webiny/app-admin\";\nimport { BaseAction, BaseActionProps } from \"./BaseAction\";\n\nexport type MenuItemActionType = \"menu-item-action\";\nexport type MenuItemActionProps = Omit<BaseActionProps, \"$type\">;\n\nexport const BaseMenuItemAction: React.FC<MenuItemActionProps> = props => {\n    return <BaseAction {...props} $type={\"menu-item-action\"} />;\n};\n\nexport const MenuItemAction = Object.assign(BaseMenuItemAction, { useOptionsMenuItem });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKO,IAAMG,kBAAiD,GAAG,SAApDA,kBAAiDA,CAAGC,KAAK,EAAI;EACtE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACJ,WAAA,CAAAK,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;EAAmB,EAAE,CAAC;AAC/D,CAAC;AAACC,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAEK,IAAMS,cAAc,GAAGJ,MAAM,CAACC,MAAM,CAACN,kBAAkB,EAAE;EAAEU,kBAAkB,EAAlBA;AAAmB,CAAC,CAAC;AAACF,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseActionConfig } from "./BaseAction";
+import { ButtonActionType } from "./ButtonAction";
+import { MenuItemActionType } from "./MenuItemAction";
+export declare type ActionsConfig = (BaseActionConfig<ButtonActionType> | BaseActionConfig<MenuItemActionType>)[];
+export declare const Actions: {
+    ButtonAction: import("react").FC<import("./ButtonAction").ButtonActionProps> & {
+        useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    };
+    MenuItemAction: import("react").FC<import("./MenuItemAction").MenuItemActionProps> & {
+        useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem").OptionsMenuItemProviderContext;
+    };
+};