@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

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

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

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

package/admin/components/LexicalCmsEditor/TypographyDropDown.js

@@ -1,112 +1,78 @@
-"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 _utils = require("@lexical/utils");
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _lexicalNodes = require("@webiny/lexical-nodes");
-var _appAdmin = require("@webiny/app-admin");
-var TypographyDropDown = exports.TypographyDropDown = function TypographyDropDown() {
-  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 _useCurrentElement = (0, _lexicalEditor.useCurrentElement)(),
-    element = _useCurrentElement.element;
-  var _useCurrentSelection = (0, _lexicalEditor.useCurrentSelection)(),
-    rangeSelection = _useCurrentSelection.rangeSelection;
-  var getAllTextStyles = function getAllTextStyles() {
-    if (!theme?.styles.typography) {
-      return [];
-    }
-    var headingsStyles = theme.styles.typography?.headings || [];
-    var paragraphStyles = theme.styles.typography?.paragraphs || [];
-    return [].concat((0, _toConsumableArray2.default)(headingsStyles), (0, _toConsumableArray2.default)(paragraphStyles));
+import React, { useEffect, useState } from "react";
+import { $getNearestNodeOfType } from "@lexical/utils";
+import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
+import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
+import { useAdminConfig } from "@webiny/app-admin";
+export 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];
   };
-  (0, _react.useEffect)(function () {
-    // In static toolbar typography, styles always need to be visible.
-    if (theme?.styles) {
-      setStyles(getAllTextStyles());
-    }
-  }, [theme?.styles]);
-  var getListStyles = function getListStyles(tag) {
-    var listStyles = theme?.styles.typography.lists?.filter(function (x) {
-      return x.tag === tag;
-    }) || [];
+  const getListStyles = tag => {
+    const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) || [];
     if (listStyles.length > 0) {
       return listStyles;
     }
-    var fallbackTag = tag === "ul" ? "ol" : "ul";
-    return theme?.styles.typography.lists?.filter(function (x) {
-      return x.tag === fallbackTag;
-    }) || [];
+    const fallbackTag = tag === "ul" ? "ol" : "ul";
+    return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) || [];
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!element || !rangeSelection) {
       return;
     }
-    switch (true) {
-      case (0, _lexicalNodes.$isHeadingNode)(element):
-      case (0, _lexicalNodes.$isParagraphNode)(element):
-        setStyles(getAllTextStyles());
-        break;
-      case (0, _lexicalNodes.$isListNode)(element):
-        var type;
-        try {
-          var anchorNode = rangeSelection.anchor.getNode();
-          var parentList = (0, _utils.$getNearestNodeOfType)(anchorNode, _lexicalNodes.ListNode);
-          if (parentList) {
-            type = parentList.getListType();
-          }
-        } catch (_unused) {
-          type = element.getListType();
-        }
-        if (type === "bullet") {
-          setStyles(getListStyles("ul"));
-        } else {
-          setStyles(getListStyles("ol"));
+    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();
         }
-        break;
-      case (0, _lexicalNodes.$isQuoteNode)(element):
-        setStyles(theme?.styles.typography?.quotes || []);
-        break;
-      default:
-        setStyles([]);
+      } catch {
+        type = element.getListType();
+      }
+      if (type === "bullet") {
+        setStyles(getListStyles("ul"));
+      } else {
+        setStyles(getListStyles("ol"));
+      }
+    } else if ($isQuoteNode(element)) {
+      setStyles(lexicalTheme.typography.quotes || []);
+    } else {
+      setStyles([]);
     }
   }, [element]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!styles?.length ? /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !!styles?.length ? /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item typography-dropdown",
     buttonAriaLabel: "Typography formatting options",
-    buttonLabel: value?.name || "Typography",
+    buttonLabel: value?.label || "Typography",
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: true
-  }, styles?.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-      className: "item typography-item ".concat(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);
+  }, 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);
 };
 
 //# sourceMappingURL=TypographyDropDown.js.map

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

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

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

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

package/admin/components/ModelFieldProvider/index.js

@@ -1,29 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ModelFieldContext = require("./ModelFieldContext");
-Object.keys(_ModelFieldContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ModelFieldContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ModelFieldContext[key];
-    }
-  });
-});
-var _useModelField = require("./useModelField");
-Object.keys(_useModelField).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useModelField[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useModelField[key];
-    }
-  });
-});
+export * from "@webiny/app-headless-cms-common/ModelFieldProvider/index.js";
 
 //# sourceMappingURL=index.js.map

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

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

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

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

package/admin/components/ModelProvider/index.js

@@ -1,29 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ModelContext = require("./ModelContext");
-Object.keys(_ModelContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ModelContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ModelContext[key];
-    }
-  });
-});
-var _useModel = require("./useModel");
-Object.keys(_useModel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useModel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useModel[key];
-    }
-  });
-});
+export * from "@webiny/app-headless-cms-common/ModelProvider/index.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelProvider/index.js\";\n"],"mappings":"AAAA,cAAc,wDAAwD","ignoreList":[]}

package/admin/config/IsApplicableToCurrentModel.js

@@ -1,21 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IsApplicableToCurrentModel = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ModelProvider = require("../components/ModelProvider");
-var IsApplicableToCurrentModel = exports.IsApplicableToCurrentModel = function IsApplicableToCurrentModel(_ref) {
-  var modelIds = _ref.modelIds,
-    children = _ref.children;
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
+import React from "react";
+import { useModel } from "../components/ModelProvider/index.js";
+export const IsApplicableToCurrentModel = ({
+  modelIds,
+  children
+}) => {
+  const {
+    model
+  } = useModel();
   if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 
 //# sourceMappingURL=IsApplicableToCurrentModel.js.map

package/admin/config/IsApplicableToCurrentModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ModelProvider","IsApplicableToCurrentModel","exports","_ref","modelIds","children","_useModel","useModel","model","length","includes","modelId","default","createElement","Fragment"],"sources":["IsApplicableToCurrentModel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\nexport interface IsApplicableToCurrentModelProps {\n    modelIds: string[];\n    children: React.ReactNode;\n}\n\nexport const IsApplicableToCurrentModel = ({\n    modelIds,\n    children\n}: IsApplicableToCurrentModelProps) => {\n    const { model } = useModel();\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAOO,IAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAE,IAAA,EAGA;EAAA,IAFnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,IAAAC,SAAA,GAAkB,IAAAC,uBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAIJ,QAAQ,CAACK,MAAM,GAAG,CAAC,IAAI,CAACL,QAAQ,CAACM,QAAQ,CAACF,KAAK,CAACG,OAAO,CAAC,EAAE;IAC1D,OAAO,IAAI;EACf;EAEA,oBAAOd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAAhB,MAAA,CAAAe,OAAA,CAAAE,QAAA,QAAGT,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useModel","IsApplicableToCurrentModel","modelIds","children","model","length","includes","modelId","createElement","Fragment"],"sources":["IsApplicableToCurrentModel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nexport interface IsApplicableToCurrentModelProps {\n    modelIds: string[];\n    children: React.ReactNode;\n}\n\nexport const IsApplicableToCurrentModel = ({\n    modelIds,\n    children\n}: IsApplicableToCurrentModelProps) => {\n    const { model } = useModel();\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AAOjB,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,QAAQ;EACRC;AAC6B,CAAC,KAAK;EACnC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE5B,IAAIE,QAAQ,CAACG,MAAM,GAAG,CAAC,IAAI,CAACH,QAAQ,CAACI,QAAQ,CAACF,KAAK,CAACG,OAAO,CAAC,EAAE;IAC1D,OAAO,IAAI;EACf;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGN,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

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

@@ -13,4 +13,4 @@ export interface BaseActionProps {
     element: React.ReactElement;
     $type: string;
 }
-export declare const BaseAction: ({ name, after, before, remove, modelIds, element, $type }: BaseActionProps) => React.JSX.Element | null;
+export declare const BaseAction: ({ name, after, before, remove, modelIds, element, $type }: BaseActionProps) => React.JSX.Element;

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

@@ -1,53 +1,40 @@
-"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 = exports.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, {
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { IsApplicableToCurrentModel } from "../../../IsApplicableToCurrentModel.js";
+export const BaseAction = ({
+  name,
+  after = undefined,
+  before = undefined,
+  remove = false,
+  modelIds = [],
+  element,
+  $type
+}) => {
+  const getId = useIdGenerator("action");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  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.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "element"),
     name: "element",
     value: element
-  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "$type"),
     name: "$type",
     value: $type
-  }));
+  })));
 };
 
 //# sourceMappingURL=BaseAction.js.map

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

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

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

@@ -1,20 +1,44 @@
 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: import("@webiny/app-admin").GenericComponent<ButtonActionProps> & {
-    original: import("@webiny/app-admin").GenericComponent<ButtonActionProps>;
+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;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ButtonActionProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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: import("@webiny/app-admin").GenericComponent<ButtonActionProps> & {
-    original: import("@webiny/app-admin").GenericComponent<ButtonActionProps>;
+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").Decorator<(props: ButtonActionProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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").ButtonsProviderContext;
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
 };