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

package/admin/plugins/fields/ref.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_viewsGraphql","_validation","_Grid","_AutoComplete","_useSnackbar2","_roundLink24px","_i18n","_form","_hooks","_renderInfo","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","RefFieldSettings","_useModel","useModel","model","_useForm","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","_useQuery","useQuery","LIST_CONTENT_MODELS","loading","error","_useSnackbar","useSnackbar","showSnackbar","message","options","useMemo","models","get","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","err","ValidationError","default","createElement","Grid","Cell","span","Bind","validators","bind","formattedValueForAutoComplete","filter","option","_ref","MultiAutoComplete","Object","assign","onChange","values","label","_taggedTemplateLiteral2","description","disabled","plugin","type","field","listValidators","icon","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField","renderInfo","_default","exports"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { LIST_CONTENT_MODELS, ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModelFieldTypePlugin, CmsModel } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useQuery, useModel } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        const models = get(data, \"listContentModels.data\", []) as CmsModel[];\n        return models.map(model => {\n            return { id: model.modelId, name: model.name };\n        });\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options.filter(option =>\n                            bind.value.some(({ modelId }) => option.id === modelId)\n                        );\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                value={formattedValueForAutoComplete}\n                                onChange={(values: CmsModel[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value.id })));\n                                }}\n                                label={loading ? t`Loading models...` : t`Content models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked || loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","LIST_CONTENT_MODELS","withoutBeingDeletedModels","validation","ValidationError","useSnackbar","ReactComponent","RefIcon","i18n","Bind","useQuery","renderInfo","CMS_MODEL_SINGLETON_TAG","Grid","Label","MultiAutoComplete","t","ns","RefFieldSettings","data","loading","error","showSnackbar","message","options","listContentModels","models","filter","model","tags","includes","map","value","modelId","label","name","atLeastOneItem","validate","createElement","Column","span","validators","bind","formattedValueForAutoComplete","option","some","Object","assign","size","values","onValuesChange","onChange","text","description","disabled","plugin","type","field","listValidators","icon","allowList","allowPredefinedValues","listLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"../../viewsGraphql.js\";\nimport { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from \"../../viewsGraphql.js\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsModel, CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\nimport { renderInfo } from \"./ref/renderInfo.js\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { value: model.modelId, label: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options\n                            .filter(option =>\n                                bind.value.some(({ modelId }) => option.value === modelId)\n                            )\n                            .map(({ value }) => value);\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                size={\"lg\"}\n                                values={formattedValueForAutoComplete}\n                                onValuesChange={(values: string[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value })));\n                                }}\n                                label={\n                                    loading ? (\n                                        t`Loading models...`\n                                    ) : (\n                                        <Label\n                                            text={t`Content models`}\n                                            description={\"(cannot be changed later)\"}\n                                        />\n                                    )\n                                }\n                                options={options}\n                                disabled={loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowList: true,\n        allowPredefinedValues: false,\n        listLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/richText.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/richText.js

@@ -1,31 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _text_snippet = require("@material-design-icons/svg/outlined/text_snippet.svg");
-var _Input = require("@webiny/ui/Input");
-var _form = require("@webiny/form");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent as NotesIcon } from "@webiny/icons/text_snippet.svg";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",
   field: {
     type: "rich-text",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich text"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Text formatting with references and media."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_text_snippet.ReactComponent, null),
-    allowMultipleValues: true,
+    label: t`Rich text`,
+    description: t`Text formatting with references and media.`,
+    icon: /*#__PURE__*/React.createElement(NotesIcon, null),
+    allowList: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of rich texts"]))),
-    createField: function createField() {
+    listLabel: t`Use as a list of rich texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -34,18 +24,19 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-        name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholder"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t`Placeholder text`,
+        size: "lg",
+        description: "This text will be shown in an empty input component (optional)"
       }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=richText.js.map

package/admin/plugins/fields/richText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Grid","_text_snippet","_Input","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { ReactComponent as NotesIcon } from \"@material-design-icons/svg/outlined/text_snippet.svg\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of rich texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEP,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAa,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEV,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,mDAA4C;IAC1DE,IAAI,eAAExB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACpB,aAAA,CAAAqB,cAAS,MAAE,CAAC;IACnBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEhB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIjC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACrB,KAAA,CAAA8B,IAAI,qBACDlC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACrB,KAAA,CAAA+B,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXpC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAAClB,KAAA,CAAA8B,IAAI;QAACnB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACnB,MAAA,CAAAgC,KAAK;QACFlB,KAAK,EAAEP,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","ReactComponent","NotesIcon","Grid","Input","Bind","t","ns","plugin","type","name","field","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","renderSettings","Column","span","size"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { ReactComponent as NotesIcon } from \"@webiny/icons/text_snippet.svg\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowList: true,\n        allowPredefinedValues: false,\n        listLabel: t`Use as a list of rich texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"placeholder\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                size={\"lg\"}\n                                description={\n                                    \"This text will be shown in an empty input component (optional)\"\n                                }\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,cAAc,IAAIC,SAAS,QAAQ,gCAAgC;AAC5E,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,CAAC,GAAGN,IAAI,CAACO,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEN,CAAC,WAAW;IACnBO,WAAW,EAAEP,CAAC,4CAA4C;IAC1DQ,IAAI,eAAEf,KAAA,CAAAgB,aAAA,CAACb,SAAS,MAAE,CAAC;IACnBc,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,KAAK;IAC5BC,SAAS,EAAEZ,CAAC,6BAA6B;IACzCa,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAcA,CAAA,EAAG;MACb,oBACIvB,KAAA,CAAAgB,aAAA,CAACZ,IAAI,qBACDJ,KAAA,CAAAgB,aAAA,CAACZ,IAAI,CAACoB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClBzB,KAAA,CAAAgB,aAAA,CAACV,IAAI;QAACK,IAAI,EAAE;MAAc,gBACtBX,KAAA,CAAAgB,aAAA,CAACX,KAAK;QACFQ,KAAK,EAAEN,CAAC,kBAAmB;QAC3BmB,IAAI,EAAE,IAAK;QACXZ,WAAW,EACP;MACH,CACJ,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeL,MAAM","ignoreList":[]}

package/admin/plugins/fields/searchableJson.d.ts

@@ -0,0 +1,3 @@
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
+declare const plugin: CmsModelFieldTypePlugin;
+export default plugin;

package/admin/plugins/fields/searchableJson.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as JsonIcon } from "@webiny/icons/data_object.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-searchable-json",
+  field: {
+    type: "searchable-json",
+    label: t`Searchable JSON`,
+    description: t`Store Searchable JSON values.`,
+    icon: /*#__PURE__*/React.createElement(JsonIcon, null),
+    allowList: true,
+    allowPredefinedValues: true,
+    listLabel: t`Use as a list of Searchable JSONs`,
+    hideInAdmin: true,
+    createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        },
+        settings: {
+          defaultValue: false
+        }
+      };
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=searchableJson.js.map

package/admin/plugins/fields/searchableJson.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","JsonIcon","i18n","t","ns","plugin","type","name","field","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","hideInAdmin","createField","validation","renderer","settings","defaultValue"],"sources":["searchableJson.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-searchable-json\",\n    field: {\n        type: \"searchable-json\",\n        label: t`Searchable JSON`,\n        description: t`Store Searchable JSON values.`,\n        icon: <JsonIcon />,\n        allowList: true,\n        allowPredefinedValues: true,\n        listLabel: t`Use as a list of Searchable JSONs`,\n        hideInAdmin: true,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                },\n                settings: {\n                    defaultValue: false\n                }\n            };\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,uCAAuC;EAC7CC,KAAK,EAAE;IACHF,IAAI,EAAE,iBAAiB;IACvBG,KAAK,EAAEN,CAAC,iBAAiB;IACzBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,IAAI;IAC3BC,SAAS,EAAEZ,CAAC,mCAAmC;IAC/Ca,WAAW,EAAE,IAAI;IACjBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV,CAAC;QACDa,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

package/admin/plugins/fields/text.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/text.js

@@ -1,33 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _roundText_fields24px = require("./icons/round-text_fields-24px.svg");
-var _Grid = require("@webiny/ui/Grid");
-var _i18n = require("@webiny/app/i18n");
-var _Input = require("@webiny/ui/Input");
-var _PredefinedValuesDynamicFieldset = _interopRequireDefault(require("./PredefinedValuesDynamicFieldset"));
-var _form = require("@webiny/form");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import React from "react";
+import { ReactComponent as TextIcon } from "@webiny/icons/text_fields.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset.js";
+import { Bind } from "@webiny/form";
+import { Grid, Input } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-text",
   field: {
     type: "text",
     validators: ["required", "minLength", "maxLength", "pattern", "unique"],
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Titles, names, single line values."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundText_fields24px.ReactComponent, null),
-    allowMultipleValues: true,
+    label: t`Text`,
+    description: t`Titles, names, single line values.`,
+    icon: /*#__PURE__*/React.createElement(TextIcon, null),
+    allowList: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of texts"]))),
-    createField: function createField() {
+    listLabel: t`Use as a list of texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -36,23 +26,24 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-        name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholder"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t`Placeholder text`,
+        size: "lg",
+        description: "This text will be shown in an empty input component (optional)"
       }))));
     },
-    renderPredefinedValues: function renderPredefinedValues(props) {
-      return /*#__PURE__*/_react.default.createElement(_PredefinedValuesDynamicFieldset.default, props, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Value"])))
+    renderPredefinedValues(props) {
+      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, props, /*#__PURE__*/React.createElement(Input, {
+        label: t`Value`
       }));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=text.js.map

package/admin/plugins/fields/text.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_roundText_fields24px","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","_default","exports"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"./icons/round-text_fields-24px.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { Bind } from \"@webiny/form\";\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAAoC,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AACpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;IACvEC,KAAK,EAAER,CAAC,CAAAN,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAC,OAAA,aAAM;IACdC,WAAW,EAAEX,CAAC,CAAAL,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,2CAAoC;IAClDE,IAAI,eAAE3B,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACzB,qBAAA,CAAA0B,cAAQ,MAAE,CAAC;IAClBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEjB,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,+BAAwB;IAC9CQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIpC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAiC,IAAI,qBACDrC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAkC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXvC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACpB,KAAA,CAAAgC,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BpB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf,CAAC;IACDiB,sBAAsB,WAAAA,uBAACC,KAAK,EAAE;MAC1B,oBACI3C,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACrB,gCAAA,CAAAkB,OAA+B,EAAKkB,KAAK,eACtC3C,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QAAClB,KAAK,EAAER,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAAQ,CAAE,CACI,CAAC;IAE1C;EACJ;AACJ,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","TextIcon","i18n","PredefinedValuesDynamicFieldset","Bind","Grid","Input","t","ns","plugin","type","name","field","validators","label","description","icon","createElement","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","renderSettings","Column","span","size","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"@webiny/icons/text_fields.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset.js\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowList: true,\n        allowPredefinedValues: true,\n        listLabel: t`Use as a list of texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"placeholder\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                size={\"lg\"}\n                                description={\n                                    \"This text will be shown in an empty input component (optional)\"\n                                }\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,+BAA+B;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;IACvEC,KAAK,EAAEP,CAAC,MAAM;IACdQ,WAAW,EAAER,CAAC,oCAAoC;IAClDS,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ,MAAE,CAAC;IAClBiB,SAAS,EAAE,IAAI;IACfC,qBAAqB,EAAE,IAAI;IAC3BC,SAAS,EAAEb,CAAC,wBAAwB;IACpCc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACIzB,KAAA,CAAAkB,aAAA,CAACZ,IAAI,qBACDN,KAAA,CAAAkB,aAAA,CAACZ,IAAI,CAACoB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB3B,KAAA,CAAAkB,aAAA,CAACb,IAAI;QAACO,IAAI,EAAE;MAAc,gBACtBZ,KAAA,CAAAkB,aAAA,CAACX,KAAK;QACFQ,KAAK,EAAEP,CAAC,kBAAmB;QAC3BoB,IAAI,EAAE,IAAK;QACXZ,WAAW,EACP;MACH,CACJ,CACC,CACG,CACX,CAAC;IAEf,CAAC;IACDa,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACI9B,KAAA,CAAAkB,aAAA,CAACd,+BAA+B,EAAK0B,KAAK,eACtC9B,KAAA,CAAAkB,aAAA,CAACX,KAAK;QAACQ,KAAK,EAAEP,CAAC;MAAQ,CAAE,CACI,CAAC;IAE1C;EACJ;AACJ,CAAC;AAED,eAAeE,MAAM","ignoreList":[]}

package/admin/plugins/fields/ui/alert.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldTypePlugin } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const uiAlertField: CmsModelFieldTypePlugin;

package/admin/plugins/fields/ui/alert.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as AlertIcon } from "@webiny/icons/warning.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/fields");
+export const uiAlertField = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-ui-alert",
+  field: {
+    type: "ui:alert",
+    label: t`Alert`,
+    description: t`Show an alert field which is not stored in the database.`,
+    icon: /*#__PURE__*/React.createElement(AlertIcon, null),
+    allowLayout: false,
+    hideInAdmin: false,
+    allowList: false,
+    canEditSettings: true,
+    allowPredefinedValues: false,
+    tags: undefined,
+    createField() {
+      return {
+        type: "ui:alert",
+        list: false,
+        validation: undefined,
+        listValidation: undefined,
+        renderer: {
+          name: "uiAlert"
+        }
+      };
+    }
+  }
+};
+
+//# sourceMappingURL=alert.js.map

package/admin/plugins/fields/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","AlertIcon","i18n","t","ns","uiAlertField","type","name","field","label","description","icon","createElement","allowLayout","hideInAdmin","allowList","canEditSettings","allowPredefinedValues","tags","undefined","createField","list","validation","listValidation","renderer"],"sources":["alert.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { ReactComponent as AlertIcon } from \"@webiny/icons/warning.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nexport const uiAlertField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ui-alert\",\n    field: {\n        type: \"ui:alert\",\n        label: t`Alert`,\n        description: t`Show an alert field which is not stored in the database.`,\n        icon: <AlertIcon />,\n        allowLayout: false,\n        hideInAdmin: false,\n        allowList: false,\n        canEditSettings: true,\n        allowPredefinedValues: false,\n        tags: undefined,\n        createField() {\n            return {\n                type: \"ui:alert\",\n                list: false,\n                validation: undefined,\n                listValidation: undefined,\n                renderer: {\n                    name: \"uiAlert\"\n                }\n            };\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,2BAA2B;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,OAAO,MAAMC,YAAqC,GAAG;EACjDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,UAAU;IAChBG,KAAK,EAAEN,CAAC,OAAO;IACfO,WAAW,EAAEP,CAAC,0DAA0D;IACxEQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,SAAS,MAAE,CAAC;IACnBY,WAAW,EAAE,KAAK;IAClBC,WAAW,EAAE,KAAK;IAClBC,SAAS,EAAE,KAAK;IAChBC,eAAe,EAAE,IAAI;IACrBC,qBAAqB,EAAE,KAAK;IAC5BC,IAAI,EAAEC,SAAS;IACfC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,UAAU;QAChBe,IAAI,EAAE,KAAK;QACXC,UAAU,EAAEH,SAAS;QACrBI,cAAc,EAAEJ,SAAS;QACzBK,QAAQ,EAAE;UACNjB,IAAI,EAAE;QACV;MACJ,CAAC;IACL;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fields/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./alert.js";
+export * from "./separator.js";

package/admin/plugins/fields/ui/index.js

@@ -0,0 +1,4 @@
+export * from "./alert.js";
+export * from "./separator.js";
+
+//# sourceMappingURL=index.js.map

package/admin/plugins/fields/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./alert.js\";\nexport * from \"./separator.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/admin/plugins/fields/ui/separator.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldTypePlugin } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const uiSeparatorField: CmsModelFieldTypePlugin;

package/admin/plugins/fields/ui/separator.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as SeparatorIcon } from "@webiny/icons/line_style.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/fields");
+export const uiSeparatorField = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-ui-separator",
+  field: {
+    type: "ui:separator",
+    label: t`Separator`,
+    description: t`Show a separator field which is not stored in the database.`,
+    icon: /*#__PURE__*/React.createElement(SeparatorIcon, null),
+    allowLayout: false,
+    hideInAdmin: false,
+    allowList: false,
+    canEditSettings: true,
+    allowPredefinedValues: false,
+    tags: undefined,
+    createField() {
+      return {
+        type: "ui:separator",
+        list: false,
+        validation: undefined,
+        listValidation: undefined,
+        renderer: {
+          name: "uiSeparator"
+        }
+      };
+    }
+  }
+};
+
+//# sourceMappingURL=separator.js.map

package/admin/plugins/fields/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","SeparatorIcon","i18n","t","ns","uiSeparatorField","type","name","field","label","description","icon","createElement","allowLayout","hideInAdmin","allowList","canEditSettings","allowPredefinedValues","tags","undefined","createField","list","validation","listValidation","renderer"],"sources":["separator.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { ReactComponent as SeparatorIcon } from \"@webiny/icons/line_style.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nexport const uiSeparatorField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ui-separator\",\n    field: {\n        type: \"ui:separator\",\n        label: t`Separator`,\n        description: t`Show a separator field which is not stored in the database.`,\n        icon: <SeparatorIcon />,\n        allowLayout: false,\n        hideInAdmin: false,\n        allowList: false,\n        canEditSettings: true,\n        allowPredefinedValues: false,\n        tags: undefined,\n        createField() {\n            return {\n                type: \"ui:separator\",\n                list: false,\n                validation: undefined,\n                listValidation: undefined,\n                renderer: {\n                    name: \"uiSeparator\"\n                }\n            };\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAC9E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,OAAO,MAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,cAAc;IACpBG,KAAK,EAAEN,CAAC,WAAW;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,aAAa,MAAE,CAAC;IACvBY,WAAW,EAAE,KAAK;IAClBC,WAAW,EAAE,KAAK;IAClBC,SAAS,EAAE,KAAK;IAChBC,eAAe,EAAE,IAAI;IACrBC,qBAAqB,EAAE,KAAK;IAC5BC,IAAI,EAAEC,SAAS;IACfC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,cAAc;QACpBe,IAAI,EAAE,KAAK;QACXC,UAAU,EAAEH,SAAS;QACrBI,cAAc,EAAEJ,SAAS;QACzBK,QAAQ,EAAE;UACNjB,IAAI,EAAE;QACV;MACJ,CAAC;IACL;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/getObjectId.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _app = require("@webiny/app");
-var _default = exports.default = new _app.ApolloCacheObjectIdPlugin(function (obj) {
+import { ApolloCacheObjectIdPlugin } from "@webiny/app";
+export default new ApolloCacheObjectIdPlugin(obj => {
   switch (obj.__typename) {
     case "CmsContentModel":
-      return "".concat(obj.__typename, ":").concat(obj.modelId);
+      return `${obj.__typename}:${obj.modelId}`;
     default:
       return undefined;
   }

package/admin/plugins/getObjectId.js.map

@@ -1 +1 @@
-{"version":3,"names":["_app","require","_default","exports","default","ApolloCacheObjectIdPlugin","obj","__typename","concat","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAwD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzC,IAAIC,8BAAyB,CAAC,UAAAC,GAAG,EAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,UAAAC,MAAA,CAAUF,GAAG,CAACC,UAAU,OAAAC,MAAA,CAAIF,GAAG,CAACG,OAAO;IAC3C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,aAAa;AAEvD,eAAe,IAAIA,yBAAyB,CAACC,GAAG,IAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,OAAO,GAAGD,GAAG,CAACC,UAAU,IAAID,GAAG,CAACE,OAAO,EAAE;IAC7C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/icons.d.ts

@@ -1,3 +1,3 @@
-import { CmsIconsPlugin } from "../../types";
+import type { CmsIconsPlugin } from "../../types.js";
 declare const plugin: CmsIconsPlugin;
 export default plugin;

package/admin/plugins/icons.js

@@ -1,52 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-var _freeBrandsSvgIcons = require("@fortawesome/free-brands-svg-icons");
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
-var createSvg = function createSvg(icon) {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: 24,
-    viewBox: "0 0 ".concat(icon[0], " ").concat(icon[1])
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: icon[4],
-    fill: "currentColor"
-  }));
-};
-var icons = [];
-var plugin = {
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fab } from "@fortawesome/free-brands-svg-icons";
+import { fas } from "@fortawesome/free-solid-svg-icons";
+import { far } from "@fortawesome/free-regular-svg-icons";
+const icons = [];
+const plugin = {
   name: "cms-icons-fontawesome",
   type: "cms-icons",
-  init: function init() {
+  init() {
     /**
      * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.
      */
     // @ts-expect-error
-    _fontawesomeSvgCore.library.add(_freeBrandsSvgIcons.fab, _freeSolidSvgIcons.fas, _freeRegularSvgIcons.far);
-    var definitions = _fontawesomeSvgCore.library.definitions;
+    library.add(fab, fas, far);
+    const definitions = library.definitions;
     // @ts-expect-error
-    Object.keys(definitions).forEach(function (pack) {
-      var defs = definitions[pack];
+    Object.keys(definitions).forEach(pack => {
+      const defs = definitions[pack];
       // @ts-expect-error
-      Object.keys(defs).forEach(function (icon) {
+      Object.keys(defs).forEach(icon => {
         icons.push({
-          id: [pack, icon],
-          name: icon,
-          svg: createSvg(defs[icon])
+          prefix: pack,
+          name: icon
         });
       });
     });
   },
-  getIcons: function getIcons() {
+  getIcons() {
     return icons;
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=icons.js.map

package/admin/plugins/icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_fontawesomeSvgCore","_freeBrandsSvgIcons","_freeSolidSvgIcons","_freeRegularSvgIcons","createSvg","icon","default","createElement","width","viewBox","concat","d","fill","icons","plugin","name","type","init","library","add","fab","fas","far","definitions","Object","keys","forEach","pack","defs","push","id","svg","getIcons","_default","exports"],"sources":["icons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName, library } from \"@fortawesome/fontawesome-svg-core\";\nimport { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\n\nconst createSvg = (icon: string[]): React.ReactElement => {\n    return (\n        <svg width={24} viewBox={`0 0 ${icon[0]} ${icon[1]}`}>\n            <path d={icon[4]} fill=\"currentColor\" />\n        </svg>\n    );\n};\n\nconst icons: CmsIcon[] = [];\n\ninterface Icons {\n    definitions: Record<IconPrefix, Record<IconName, string[]>>;\n}\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        /**\n         * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.\n         */\n        // @ts-expect-error\n        library.add(fab, fas, far);\n        const definitions = (library as unknown as Icons).definitions;\n        // @ts-expect-error\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-expect-error\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    id: [pack, icon],\n                    name: icon,\n                    svg: createSvg(defs[icon])\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAGA,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAc,EAAyB;EACtD,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE,EAAG;IAACC,OAAO,SAAAC,MAAA,CAASL,IAAI,CAAC,CAAC,CAAC,OAAAK,MAAA,CAAIL,IAAI,CAAC,CAAC,CAAC;EAAG,gBACjDR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAMI,CAAC,EAAEN,IAAI,CAAC,CAAC,CAAE;IAACO,IAAI,EAAC;EAAc,CAAE,CACtC,CAAC;AAEd,CAAC;AAED,IAAMC,KAAgB,GAAG,EAAE;AAM3B,IAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAI,WAAAA,KAAA,EAAG;IACH;AACR;AACA;IACQ;IACAC,2BAAO,CAACC,GAAG,CAACC,uBAAG,EAAEC,sBAAG,EAAEC,wBAAG,CAAC;IAC1B,IAAMC,WAAW,GAAIL,2BAAO,CAAsBK,WAAW;IAC7D;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAC,UAACC,IAAgB,EAAK;MACnD,IAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAC,UAACrB,IAAc,EAAK;QAC1CQ,KAAK,CAACgB,IAAI,CAAC;UACPC,EAAE,EAAE,CAACH,IAAI,EAAEtB,IAAI,CAAC;UAChBU,IAAI,EAAEV,IAAI;UACV0B,GAAG,EAAE3B,SAAS,CAACwB,IAAI,CAACvB,IAAI,CAAC;QAC7B,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACD2B,QAAQ,WAAAA,SAAA,EAAG;IACP,OAAOnB,KAAK;EAChB;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaQ,MAAM","ignoreList":[]}
+{"version":3,"names":["library","fab","fas","far","icons","plugin","name","type","init","add","definitions","Object","keys","forEach","pack","defs","icon","push","prefix","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import type { IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport type { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport type { IconPickerIconDto } from \"@webiny/admin-ui\";\nimport type { CmsIconsPlugin } from \"~/types.js\";\n\nconst icons: IconPickerIconDto[] = [];\n\ninterface Icons {\n    definitions: Record<IconPrefix, Record<IconName, string[]>>;\n}\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        /**\n         * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.\n         */\n        // @ts-expect-error\n        library.add(fab, fas, far);\n        const definitions = (library as unknown as Icons).definitions;\n        // @ts-expect-error\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-expect-error\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    prefix: pack,\n                    name: icon\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,mCAAmC;AAE3D,SAASC,GAAG,QAAQ,oCAAoC;AACxD,SAASC,GAAG,QAAQ,mCAAmC;AACvD,SAASC,GAAG,QAAQ,qCAAqC;AAIzD,MAAMC,KAA0B,GAAG,EAAE;AAMrC,MAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAIA,CAAA,EAAG;IACH;AACR;AACA;IACQ;IACAR,OAAO,CAACS,GAAG,CAACR,GAAG,EAAEC,GAAG,EAAEC,GAAG,CAAC;IAC1B,MAAMO,WAAW,GAAIV,OAAO,CAAsBU,WAAW;IAC7D;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAEC,IAAgB,IAAK;MACnD,MAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAEG,IAAc,IAAK;QAC1CZ,KAAK,CAACa,IAAI,CAAC;UACPC,MAAM,EAAEJ,IAAI;UACZR,IAAI,EAAEU;QACV,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDG,QAAQA,CAAA,EAAG;IACP,OAAOf,KAAK;EAChB;AACJ,CAAC;AAED,eAAeC,MAAM","ignoreList":[]}