@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/LexicalCmsEditor/TypographyDropDown.js","sources":["../../../../src/admin/components/LexicalCmsEditor/TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n    DropDown,\n    DropDownItem,\n    useCurrentSelection,\n    useCurrentElement,\n    useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n    $isHeadingNode,\n    $isParagraphNode,\n    $isQuoteNode,\n    $isListNode,\n    ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nexport type TypographyStyle = {\n    id: string;\n    label: string;\n    tag: string;\n    className: string;\n};\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { lexicalTheme } = useAdminConfig();\n\n    const [styles, setStyles] = useState<TypographyStyle[]>([]);\n    const { element } = useCurrentElement();\n    const { rangeSelection } = useCurrentSelection();\n\n    const getAllTextStyles = (): TypographyStyle[] => {\n        const headingsStyles = lexicalTheme.typography.headings || [];\n        const paragraphStyles = lexicalTheme.typography.paragraphs || [];\n\n        return [...headingsStyles, ...paragraphStyles];\n    };\n\n    const getListStyles = (tag: string): TypographyStyle[] => {\n        const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) || [];\n        if (listStyles.length > 0) {\n            return listStyles;\n        }\n\n        const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n        return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n    };\n\n    useEffect(() => {\n        if (!element || !rangeSelection) {\n            return;\n        }\n\n        if ($isParagraphNode(element) || $isHeadingNode(element)) {\n            setStyles(getAllTextStyles());\n        } else if ($isListNode(element)) {\n            let type;\n            try {\n                const anchorNode = rangeSelection.anchor.getNode();\n                const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n                if (parentList) {\n                    type = parentList.getListType();\n                }\n            } catch {\n                type = element.getListType();\n            }\n\n            if (type === \"bullet\") {\n                setStyles(getListStyles(\"ul\"));\n            } else {\n                setStyles(getListStyles(\"ol\"));\n            }\n        } else if ($isQuoteNode(element)) {\n            setStyles(lexicalTheme.typography.quotes || []);\n        } else {\n            setStyles([]);\n        }\n    }, [element]);\n\n    return (\n        <>\n            {!!styles?.length ? (\n                <DropDown\n                    buttonClassName=\"toolbar-item typography-dropdown block-type-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                            selected={value?.id === option.id}\n                            onClick={() => applyTypography(option)}\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.label}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"names":["TypographyDropDown","value","applyTypography","useTypographyAction","lexicalTheme","useAdminConfig","styles","setStyles","useState","element","useCurrentElement","rangeSelection","useCurrentSelection","getAllTextStyles","headingsStyles","paragraphStyles","getListStyles","tag","listStyles","x","fallbackTag","useEffect","$isParagraphNode","$isHeadingNode","$isListNode","type","anchorNode","parentList","$getNearestNodeOfType","ListNode","$isQuoteNode","DropDown","option","DropDownItem"],"mappings":";;;;;AAyBO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAEC,eAAe,EAAE,GAAGC;IACnC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAA4B,EAAE;IAC1D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,mBAAmB;QACrB,MAAMC,iBAAiBV,aAAa,UAAU,CAAC,QAAQ,IAAI,EAAE;QAC7D,MAAMW,kBAAkBX,aAAa,UAAU,CAAC,UAAU,IAAI,EAAE;QAEhE,OAAO;eAAIU;eAAmBC;SAAgB;IAClD;IAEA,MAAMC,gBAAgB,CAACC;QACnB,MAAMC,aAAad,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKF,QAAQ,EAAE;QAClF,IAAIC,WAAW,MAAM,GAAG,GACpB,OAAOA;QAGX,MAAME,cAAcH,AAAQ,SAARA,MAAe,OAAO;QAC1C,OAAOb,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKC,gBAAgB,EAAE;IAClF;IAEAC,UAAU;QACN,IAAI,CAACZ,WAAW,CAACE,gBACb;QAGJ,IAAIW,iBAAiBb,YAAYc,eAAed,UAC5CF,UAAUM;aACP,IAAIW,YAAYf,UAAU;YAC7B,IAAIgB;YACJ,IAAI;gBACA,MAAMC,aAAaf,eAAe,MAAM,CAAC,OAAO;gBAChD,MAAMgB,aAAaC,sBAAgCF,YAAYG;gBAC/D,IAAIF,YACAF,OAAOE,WAAW,WAAW;YAErC,EAAE,OAAM;gBACJF,OAAOhB,QAAQ,WAAW;YAC9B;YAEa,aAATgB,OACAlB,UAAUS,cAAc,SAExBT,UAAUS,cAAc;QAEhC,OAAWc,aAAarB,WACpBF,UAAUH,aAAa,UAAU,CAAC,MAAM,IAAI,EAAE,IAE9CG,UAAU,EAAE;IAEpB,GAAG;QAACE;KAAQ;IAEZ,OAAO,WAAP,GACI,0CACK,AAAEH,QAAQ,SAAS,WAAT,GACP,oBAACyB,UAAQA;QACL,iBAAgB;QAChB,iBAAiB;QACjB,aAAa9B,OAAO,SAAS;QAC7B,sBAAsB;QACtB,UAAU;QACV,YAAY;OAEXK,QAAQ,IAAI0B,CAAAA,SAAAA,WAAAA,GACT,oBAACC,cAAYA;YACT,WAAU;YACV,UAAUhC,OAAO,OAAO+B,OAAO,EAAE;YACjC,SAAS,IAAM9B,gBAAgB8B;YAC/B,KAAKA,OAAO,EAAE;yBAEd,oBAAC;YAAK,WAAU;WAAQA,OAAO,KAAK,OAIhD;AAGhB"}

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

@@ -1,36 +1,40 @@
 import React from "react";
-import { CmsModelField } from "../../../types";
-export declare type ModelFieldContext = CmsModelField;
+import { CmsModelField } from "../../../types.js";
+export type ModelFieldContext = CmsModelField;
 export declare const ModelFieldContext: React.Context<{
     id: string;
     type: string;
-    fieldId: string;
-    storageId?: string | undefined;
-    label?: string | undefined;
-    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;
+    fieldId: import("~/types.js").CmsEditorFieldId;
+    storageId?: string;
+    label: string;
+    help?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    note?: string | React.ReactNode;
+    placeholder?: string;
+    validation?: (import("~/types.js").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[];
+    listValidation?: import("~/types.js").CmsModelFieldValidator[];
+    list?: boolean;
+    disabled?: boolean;
+    predefinedValues?: import("~/types.js").CmsEditorFieldPredefinedValues;
+    settings?: import("~/types.js").CmsModelFieldSettings<unknown> | undefined;
     renderer: {
         name: string;
+        settings?: Record<string, any>;
     };
-    tags?: string[] | undefined;
+    tags?: string[];
+    rules?: import("~/types.js").FieldRule[];
 } | undefined>;
 export interface ModelFieldProviderProps {
     field: CmsModelField;
     children: React.ReactNode;
 }
-export declare const ModelFieldProvider: ({ field, children }: ModelFieldProviderProps) => JSX.Element;
+export declare const ModelFieldProvider: ({ field, children }: ModelFieldProviderProps) => React.JSX.Element;
+export declare const ParentValueIndexProvider: {
+    ({ children, ...props }: {
+        index: number;
+    } & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export declare const useParentValueIndex: () => number;

package/admin/components/ModelFieldProvider/ModelFieldContext.js

@@ -1,18 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelFieldProvider = exports.ModelFieldContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-var ModelFieldContext = /*#__PURE__*/_react.default.createContext(undefined);
-exports.ModelFieldContext = ModelFieldContext;
-var ModelFieldProvider = function ModelFieldProvider(_ref) {
-  var field = _ref.field,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(ModelFieldContext.Provider, {
-    value: field
-  }, children);
+import react from "react";
+import { createGenericContext } from "@webiny/app-admin";
+const ModelFieldContext = /*#__PURE__*/ react.createContext(void 0);
+const ModelFieldProvider = ({ field, children })=>/*#__PURE__*/ react.createElement(ModelFieldContext.Provider, {
+        value: field
+    }, children);
+const { Provider: Provider, useHook: useHook } = createGenericContext("FieldIndex");
+const ParentValueIndexProvider = Provider;
+const useParentValueIndex = ()=>{
+    try {
+        const context = useHook();
+        return context.index;
+    } catch  {
+        return -1;
+    }
 };
-exports.ModelFieldProvider = ModelFieldProvider;
+export { ModelFieldContext, ModelFieldProvider, ParentValueIndexProvider, useParentValueIndex };
+
+//# sourceMappingURL=ModelFieldContext.js.map

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,"file":"admin/components/ModelFieldProvider/ModelFieldContext.js","sources":["../../../../src/admin/components/ModelFieldProvider/ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { createGenericContext } from \"@webiny/app-admin\";\nimport { CmsModelField } from \"~/types.js\";\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\nconst { Provider, useHook } = createGenericContext<{ index: number }>(\"FieldIndex\");\n\nexport const ParentValueIndexProvider = Provider;\n\nexport const useParentValueIndex = () => {\n    try {\n        const context = useHook();\n        return context.index;\n    } catch {\n        return -1;\n    }\n};\n"],"names":["ModelFieldContext","React","undefined","ModelFieldProvider","field","children","Provider","useHook","createGenericContext","ParentValueIndexProvider","useParentValueIndex","context"],"mappings":";;AAMO,MAAMA,oBAAoB,WAAHA,GAAGC,MAAAA,aAAmB,CAAgCC;AAO7E,MAAMC,qBAAqB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA2B,GACpE,WAAP,GAAO,oBAACL,kBAAkB,QAAQ;QAAC,OAAOI;OAAQC;AAGtD,MAAM,EAAEC,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAwC;AAE/D,MAAMC,2BAA2BH;AAEjC,MAAMI,sBAAsB;IAC/B,IAAI;QACA,MAAMC,UAAUJ;QAChB,OAAOI,QAAQ,KAAK;IACxB,EAAE,OAAM;QACJ,OAAO;IACX;AACJ"}

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

@@ -1,2 +1,2 @@
-export * from "./ModelFieldContext";
-export * from "./useModelField";
+export * from "./ModelFieldContext.js";
+export * from "./useModelField.js";

package/admin/components/ModelFieldProvider/index.js

@@ -1,27 +1,2 @@
-"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 "./ModelFieldContext.js";
+export * from "./useModelField.js";

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

@@ -1,35 +1,11 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
-/**
- * Get model field from the current context.
- */
-export declare function useModelField(): {
-    field: {
-        id: string;
-        type: string;
-        fieldId: string;
-        storageId?: string | undefined;
-        label?: string | undefined;
-        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;
-        renderer: {
-            name: string;
-        };
-        tags?: string[] | undefined;
-    };
-    fieldPlugin: CmsModelFieldTypePlugin;
+import type { CmsModelField } from "../../../types.js";
+export interface UseModelField {
+    field: CmsModelField;
+    parentValueIndex: number;
+}
+export declare const useModelField: import("@webiny/react-composition").GenericHook<unknown, UseModelField> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, UseModelField>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => UseModelField>) => () => React.JSX.Element;
 };

package/admin/components/ModelFieldProvider/useModelField.js

@@ -1,33 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import { useContext } from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { ModelFieldContext, useParentValueIndex } from "./ModelFieldContext.js";
+const useModelField = makeDecoratable(()=>{
+    const field = useContext(ModelFieldContext);
+    if (!field) throw Error('Missing "ModelFieldProvider" in the component tree. Are you using the "useModelField()" hook in the right place?');
+    const parentValueIndex = useParentValueIndex();
+    return {
+        field,
+        parentValueIndex
+    };
 });
-exports.useModelField = useModelField;
-var _react = require("react");
-var _ModelFieldContext = require("./ModelFieldContext");
-var _plugins = require("@webiny/plugins");
-var getFieldPlugin = function getFieldPlugin(type) {
-  var plugin = _plugins.plugins.byType("cms-editor-field-type").find(function (plugin) {
-    return plugin.field.type === type;
-  });
-  if (!plugin) {
-    throw Error("Missing plugin for field type \"".concat(type, "\"!"));
-  }
-  return plugin;
-};
+export { useModelField };
 
-/**
- * Get model field from the current context.
- */
-function useModelField() {
-  var field = (0, _react.useContext)(_ModelFieldContext.ModelFieldContext);
-  if (!field) {
-    throw Error("Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?");
-  }
-  var fieldPlugin = getFieldPlugin(field.type);
-  return {
-    field: field,
-    fieldPlugin: fieldPlugin
-  };
-}
+//# sourceMappingURL=useModelField.js.map

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,"file":"admin/components/ModelFieldProvider/useModelField.js","sources":["../../../../src/admin/components/ModelFieldProvider/useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelFieldContext, useParentValueIndex } from \"./ModelFieldContext.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nexport interface UseModelField {\n    field: CmsModelField;\n    parentValueIndex: number;\n}\n\nexport const useModelField = makeDecoratable((): UseModelField => {\n    const field = useContext(ModelFieldContext);\n\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 parentValueIndex = useParentValueIndex();\n\n    return { field, parentValueIndex };\n});\n"],"names":["useModelField","makeDecoratable","field","useContext","ModelFieldContext","Error","parentValueIndex","useParentValueIndex"],"mappings":";;;AAUO,MAAMA,gBAAgBC,gBAAgB;IACzC,MAAMC,QAAQC,WAAWC;IAEzB,IAAI,CAACF,OACD,MAAMG,MACF;IAIR,MAAMC,mBAAmBC;IAEzB,OAAO;QAAEL;QAAOI;IAAiB;AACrC"}

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { CmsModel } from "../../../types";
-export declare type ModelContext = CmsModel;
+import type { CmsModel } from "../../../types.js";
+export type ModelContext = CmsModel;
 export declare const ModelContext: React.Context<CmsModel | undefined>;
 export interface ModelProviderProps {
     model: CmsModel;
     children: React.ReactNode;
 }
-export declare const ModelProvider: ({ model, children }: ModelProviderProps) => JSX.Element;
+export declare const ModelProvider: ({ model, children }: ModelProviderProps) => React.JSX.Element;

package/admin/components/ModelProvider/ModelContext.js

@@ -1,18 +1,14 @@
-"use strict";
+import react from "react";
+import { DevToolsSection } from "@webiny/app-admin";
+const ModelContext = /*#__PURE__*/ react.createContext(void 0);
+const ModelProvider = ({ model, children })=>/*#__PURE__*/ react.createElement(ModelContext.Provider, {
+        value: model
+    }, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Model",
+        group: "CMS",
+        data: model,
+        views: "raw"
+    }), children);
+export { ModelContext, ModelProvider };
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelProvider = exports.ModelContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-var ModelContext = /*#__PURE__*/_react.default.createContext(undefined);
-exports.ModelContext = ModelContext;
-var ModelProvider = function ModelProvider(_ref) {
-  var model = _ref.model,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(ModelContext.Provider, {
-    value: model
-  }, children);
-};
-exports.ModelProvider = ModelProvider;
+//# sourceMappingURL=ModelContext.js.map

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,"file":"admin/components/ModelProvider/ModelContext.js","sources":["../../../../src/admin/components/ModelProvider/ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevToolsSection } from \"@webiny/app-admin\";\nimport type { CmsModel } from \"~/types.js\";\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 (\n        <ModelContext.Provider value={model}>\n            <DevToolsSection name={\"Model\"} group=\"CMS\" data={model} views={\"raw\"} />\n            {children}\n        </ModelContext.Provider>\n    );\n};\n"],"names":["ModelContext","React","undefined","ModelProvider","model","children","DevToolsSection"],"mappings":";;AAMO,MAAMA,eAAe,WAAHA,GAAGC,MAAAA,aAAmB,CAA2BC;AAOnE,MAAMC,gBAAgB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAsB,GAC1D,WAAP,GACI,oBAACL,aAAa,QAAQ;QAAC,OAAOI;qBAC1B,oBAACE,iBAAeA;QAAC,MAAM;QAAS,OAAM;QAAM,MAAMF;QAAO,OAAO;QAC/DC"}

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

@@ -1,2 +1,2 @@
-export * from "./ModelContext";
-export * from "./useModel";
+export * from "./ModelContext.js";
+export * from "./useModel.js";

package/admin/components/ModelProvider/index.js

@@ -1,27 +1,2 @@
-"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 "./ModelContext.js";
+export * from "./useModel.js";

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

@@ -1,5 +1,5 @@
-import { CmsModel } from "../../../types";
-declare type UseModelReturnType = {
+import type { CmsModel } from "../../../types.js";
+type UseModelReturnType = {
     model: CmsModel;
 };
 /**

package/admin/components/ModelProvider/useModel.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModel = useModel;
-var _react = require("react");
-var _ModelContext = require("./ModelContext");
-/**
- * Get model from the current context.
- */
+import { useContext } from "react";
+import { ModelContext } from "./ModelContext.js";
 function useModel() {
-  var model = (0, _react.useContext)(_ModelContext.ModelContext);
-  if (!model) {
-    throw Error("Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?");
-  }
-  return {
-    model: model
-  };
-}
+    const model = useContext(ModelContext);
+    if (!model) throw Error('Missing "ModelContext" in the component tree. Are you using the "useModel()" hook in the right place?');
+    return {
+        model
+    };
+}
+export { useModel };
+
+//# sourceMappingURL=useModel.js.map

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,"file":"admin/components/ModelProvider/useModel.js","sources":["../../../../src/admin/components/ModelProvider/useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext.js\";\nimport type { CmsModel } from \"~/types.js\";\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"],"names":["useModel","model","useContext","ModelContext","Error"],"mappings":";;AAWO,SAASA;IACZ,MAAMC,QAAQC,WAAWC;IACzB,IAAI,CAACF,OACD,MAAMG,MACF;IAIR,OAAO;QAAEH;IAAM;AACnB"}

package/admin/components/dropZoneOverState.d.ts

@@ -0,0 +1,9 @@
+type Subscriber = (isOver: boolean) => void;
+declare class DropZoneOverState {
+    private subscribers;
+    private activeCount;
+    notify(isOver: boolean): void;
+    subscribe(fn: Subscriber): () => void;
+}
+export declare const dropZoneOverState: DropZoneOverState;
+export {};

package/admin/components/dropZoneOverState.js

@@ -0,0 +1,21 @@
+class DropZoneOverState {
+    notify(isOver) {
+        this.activeCount = isOver ? this.activeCount + 1 : Math.max(0, this.activeCount - 1);
+        const state = this.activeCount > 0;
+        this.subscribers.forEach((fn)=>fn(state));
+    }
+    subscribe(fn) {
+        this.subscribers.add(fn);
+        return ()=>{
+            this.subscribers.delete(fn);
+        };
+    }
+    constructor(){
+        this.subscribers = new Set();
+        this.activeCount = 0;
+    }
+}
+const dropZoneOverState = new DropZoneOverState();
+export { dropZoneOverState };
+
+//# sourceMappingURL=dropZoneOverState.js.map

package/admin/components/dropZoneOverState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/dropZoneOverState.js","sources":["../../../src/admin/components/dropZoneOverState.ts"],"sourcesContent":["type Subscriber = (isOver: boolean) => void;\n\nclass DropZoneOverState {\n    private subscribers = new Set<Subscriber>();\n    private activeCount = 0;\n\n    notify(isOver: boolean) {\n        this.activeCount = isOver ? this.activeCount + 1 : Math.max(0, this.activeCount - 1);\n        const state = this.activeCount > 0;\n        this.subscribers.forEach(fn => fn(state));\n    }\n\n    subscribe(fn: Subscriber) {\n        this.subscribers.add(fn);\n        return () => {\n            this.subscribers.delete(fn);\n        };\n    }\n}\n\nexport const dropZoneOverState = new DropZoneOverState();\n"],"names":["DropZoneOverState","isOver","Math","state","fn","Set","dropZoneOverState"],"mappings":"AAEA,MAAMA;IAIF,OAAOC,MAAe,EAAE;QACpB,IAAI,CAAC,WAAW,GAAGA,SAAS,IAAI,CAAC,WAAW,GAAG,IAAIC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG;QAClF,MAAMC,QAAQ,IAAI,CAAC,WAAW,GAAG;QACjC,IAAI,CAAC,WAAW,CAAC,OAAO,CAACC,CAAAA,KAAMA,GAAGD;IACtC;IAEA,UAAUC,EAAc,EAAE;QACtB,IAAI,CAAC,WAAW,CAAC,GAAG,CAACA;QACrB,OAAO;YACH,IAAI,CAAC,WAAW,CAAC,MAAM,CAACA;QAC5B;IACJ;;aAdQ,WAAW,GAAG,IAAIC;aAClB,WAAW,GAAG;;AAc1B;AAEO,MAAMC,oBAAoB,IAAIN"}

package/admin/components/getDragInfo.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { DragSource } from "../../types.js";
+import type { ICmsFieldType } from "../../presentation/fieldTypes/abstractions.js";
+import type { ICmsLayoutFieldType } from "../../presentation/fieldTypes/abstractions.js";
+export interface DragInfo {
+    label: string;
+    icon?: React.ReactElement;
+}
+export declare const getDragInfo: (item: DragSource | null, fieldTypesMap: Map<string, ICmsFieldType>, layoutFieldTypesMap: Map<string, ICmsLayoutFieldType>) => DragInfo;

package/admin/components/getDragInfo.js

@@ -0,0 +1,43 @@
+import "react";
+const getDragInfo = (item, fieldTypesMap, layoutFieldTypesMap)=>{
+    if (!item) return {
+        label: ""
+    };
+    if ("newField" === item.type && item.fieldType) {
+        const ft = fieldTypesMap.get(item.fieldType);
+        return {
+            label: ft ? ft.label : item.fieldType,
+            icon: ft ? ft.icon : void 0
+        };
+    }
+    if ("field" === item.type && item.field) {
+        const ft = fieldTypesMap.get(item.field.type);
+        return {
+            label: item.field.label,
+            icon: ft ? ft.icon : void 0
+        };
+    }
+    if ("newLayoutField" === item.type && item.layoutFieldType) {
+        const lft = layoutFieldTypesMap.get(item.layoutFieldType);
+        return {
+            label: lft ? lft.label : item.layoutFieldType,
+            icon: lft ? lft.icon : void 0
+        };
+    }
+    if ("layoutField" === item.type && item.layoutField) {
+        const lft = layoutFieldTypesMap.get(item.layoutField.type);
+        return {
+            label: lft ? lft.label : "Layout",
+            icon: lft ? lft.icon : void 0
+        };
+    }
+    if ("row" === item.type) return {
+        label: "Row"
+    };
+    return {
+        label: "Field"
+    };
+};
+export { getDragInfo };
+
+//# sourceMappingURL=getDragInfo.js.map

package/admin/components/getDragInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/getDragInfo.js","sources":["../../../src/admin/components/getDragInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport type { DragSource } from \"~/types.js\";\nimport type { ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { ICmsLayoutFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\n\nexport interface DragInfo {\n    label: string;\n    icon?: React.ReactElement;\n}\n\nexport const getDragInfo = (\n    item: DragSource | null,\n    fieldTypesMap: Map<string, ICmsFieldType>,\n    layoutFieldTypesMap: Map<string, ICmsLayoutFieldType>\n): DragInfo => {\n    if (!item) {\n        return { label: \"\" };\n    }\n\n    if (item.type === \"newField\" && item.fieldType) {\n        const ft = fieldTypesMap.get(item.fieldType);\n        return {\n            label: ft ? ft.label : item.fieldType,\n            icon: ft ? ft.icon : undefined\n        };\n    }\n\n    if (item.type === \"field\" && item.field) {\n        const ft = fieldTypesMap.get(item.field.type);\n        return {\n            label: item.field.label,\n            icon: ft ? ft.icon : undefined\n        };\n    }\n\n    if (item.type === \"newLayoutField\" && item.layoutFieldType) {\n        const lft = layoutFieldTypesMap.get(item.layoutFieldType);\n        return {\n            label: lft ? lft.label : item.layoutFieldType,\n            icon: lft ? lft.icon : undefined\n        };\n    }\n\n    if (item.type === \"layoutField\" && item.layoutField) {\n        const lft = layoutFieldTypesMap.get(item.layoutField.type);\n        return {\n            label: lft ? lft.label : \"Layout\",\n            icon: lft ? lft.icon : undefined\n        };\n    }\n\n    if (item.type === \"row\") {\n        return { label: \"Row\" };\n    }\n\n    return { label: \"Field\" };\n};\n"],"names":["getDragInfo","item","fieldTypesMap","layoutFieldTypesMap","ft","undefined","lft"],"mappings":";AAUO,MAAMA,cAAc,CACvBC,MACAC,eACAC;IAEA,IAAI,CAACF,MACD,OAAO;QAAE,OAAO;IAAG;IAGvB,IAAIA,AAAc,eAAdA,KAAK,IAAI,IAAmBA,KAAK,SAAS,EAAE;QAC5C,MAAMG,KAAKF,cAAc,GAAG,CAACD,KAAK,SAAS;QAC3C,OAAO;YACH,OAAOG,KAAKA,GAAG,KAAK,GAAGH,KAAK,SAAS;YACrC,MAAMG,KAAKA,GAAG,IAAI,GAAGC;QACzB;IACJ;IAEA,IAAIJ,AAAc,YAAdA,KAAK,IAAI,IAAgBA,KAAK,KAAK,EAAE;QACrC,MAAMG,KAAKF,cAAc,GAAG,CAACD,KAAK,KAAK,CAAC,IAAI;QAC5C,OAAO;YACH,OAAOA,KAAK,KAAK,CAAC,KAAK;YACvB,MAAMG,KAAKA,GAAG,IAAI,GAAGC;QACzB;IACJ;IAEA,IAAIJ,AAAc,qBAAdA,KAAK,IAAI,IAAyBA,KAAK,eAAe,EAAE;QACxD,MAAMK,MAAMH,oBAAoB,GAAG,CAACF,KAAK,eAAe;QACxD,OAAO;YACH,OAAOK,MAAMA,IAAI,KAAK,GAAGL,KAAK,eAAe;YAC7C,MAAMK,MAAMA,IAAI,IAAI,GAAGD;QAC3B;IACJ;IAEA,IAAIJ,AAAc,kBAAdA,KAAK,IAAI,IAAsBA,KAAK,WAAW,EAAE;QACjD,MAAMK,MAAMH,oBAAoB,GAAG,CAACF,KAAK,WAAW,CAAC,IAAI;QACzD,OAAO;YACH,OAAOK,MAAMA,IAAI,KAAK,GAAG;YACzB,MAAMA,MAAMA,IAAI,IAAI,GAAGD;QAC3B;IACJ;IAEA,IAAIJ,AAAc,UAAdA,KAAK,IAAI,EACT,OAAO;QAAE,OAAO;IAAM;IAG1B,OAAO;QAAE,OAAO;IAAQ;AAC5B"}

package/admin/config/IsApplicableToCurrentModel.d.ts

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

package/admin/config/IsApplicableToCurrentModel.js

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

package/admin/config/IsApplicableToCurrentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/config/IsApplicableToCurrentModel.js","sources":["../../../src/admin/config/IsApplicableToCurrentModel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nexport interface IsApplicableToCurrentModelProps {\n    modelIds: string[];\n    children: React.ReactNode;\n}\n\nexport const IsApplicableToCurrentModel = ({\n    modelIds,\n    children\n}: IsApplicableToCurrentModelProps) => {\n    const { model } = useModel();\n\n    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"names":["IsApplicableToCurrentModel","modelIds","children","model","useModel"],"mappings":";;AAQO,MAAMA,6BAA6B,CAAC,EACvCC,QAAQ,EACRC,QAAQ,EACsB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAIH,SAAS,MAAM,GAAG,KAAK,CAACA,SAAS,QAAQ,CAACE,MAAM,OAAO,GACvD,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/config/contentEntries/editor/Actions/BaseAction.js","sources":["../../../../../../src/admin/config/contentEntries/editor/Actions/BaseAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { IsApplicableToCurrentModel } from \"~/admin/config/IsApplicableToCurrentModel.js\";\n\nexport interface BaseActionConfig<T extends string> {\n    name: string;\n    element: React.ReactElement;\n    $type: T;\n}\n\nexport interface BaseActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    modelIds?: string[];\n    element: React.ReactElement;\n    $type: string;\n}\n\nexport const BaseAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    modelIds = [],\n    element,\n    $type\n}: BaseActionProps) => {\n    const getId = useIdGenerator(\"action\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <IsApplicableToCurrentModel modelIds={modelIds}>\n            <Property\n                id={getId(name)}\n                name={\"actions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"$type\")} name={\"$type\"} value={$type} />\n            </Property>\n        </IsApplicableToCurrentModel>\n    );\n};\n"],"names":["BaseAction","name","after","before","remove","modelIds","element","$type","getId","useIdGenerator","placeAfter","undefined","placeBefore","IsApplicableToCurrentModel","Property"],"mappings":";;;AAoBO,MAAMA,aAAa,CAAC,EACvBC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,WAAW,EAAE,EACbC,OAAO,EACPC,KAAK,EACS;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaR,AAAUS,WAAVT,QAAsBM,MAAMN,SAASS;IACxD,MAAMC,cAAcT,AAAWQ,WAAXR,SAAuBK,MAAML,UAAUQ;IAE3D,OAAO,WAAP,GACI,oBAACE,4BAA0BA;QAAC,UAAUR;qBAClC,oBAACS,UAAQA;QACL,IAAIN,MAAMP;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACa,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAY,MAAM;QAAW,OAAOK;sBAC9D,oBAACQ,UAAQA;QAAC,IAAIN,MAAMP,MAAM;QAAU,MAAM;QAAS,OAAOM;;AAI1E"}