@webiny/app-headless-cms-common 0.0.0-unstable.c7dec08bb0 → 0.0.0-unstable.df7a8bb475

package/ModelFieldProvider/useModelField.d.ts

@@ -0,0 +1,15 @@
+import type { CmsModelField, CmsModelFieldTypePlugin } from "../types/index.js";
+export interface UseModelField {
+    field: CmsModelField;
+    parentValueIndex: number;
+    fieldPlugin: CmsModelFieldTypePlugin;
+}
+/**
+ * Get model field from the current context.
+ */
+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/ModelFieldProvider/useModelField.js

@@ -0,0 +1,29 @@
+import { useContext } from "react";
+import { plugins } from "@webiny/plugins";
+import { makeDecoratable } from "@webiny/react-composition";
+import { ModelFieldContext, useParentValueIndex } from "./ModelFieldContext.js";
+const getFieldPlugin = type => {
+  const plugin = plugins.byType("cms-editor-field-type").find(plugin => plugin.field.type === type);
+  if (!plugin) {
+    throw Error(`Missing plugin for field type "${type}"!`);
+  }
+  return plugin;
+};
+/**
+ * Get model field from the current context.
+ */
+export const useModelField = makeDecoratable(() => {
+  const field = useContext(ModelFieldContext);
+  const parentValueIndex = useParentValueIndex();
+  if (!field) {
+    throw Error(`Missing "ModelFieldProvider" in the component tree. Are you using the "useModelField()" hook in the right place?`);
+  }
+  const fieldPlugin = getFieldPlugin(field.type);
+  return {
+    field,
+    fieldPlugin,
+    parentValueIndex
+  };
+});
+
+//# sourceMappingURL=useModelField.js.map

package/ModelFieldProvider/useModelField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","plugins","makeDecoratable","ModelFieldContext","useParentValueIndex","getFieldPlugin","type","plugin","byType","find","field","Error","useModelField","parentValueIndex","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelFieldContext, useParentValueIndex } from \"./ModelFieldContext.js\";\nimport type { CmsModelField, CmsModelFieldTypePlugin } from \"~/types/index.js\";\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\nexport interface UseModelField {\n    field: CmsModelField;\n    parentValueIndex: number;\n    fieldPlugin: CmsModelFieldTypePlugin;\n}\n\n/**\n * Get model field from the current context.\n */\nexport const useModelField = makeDecoratable((): UseModelField => {\n    const field = useContext(ModelFieldContext);\n    const parentValueIndex = useParentValueIndex();\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 fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin, parentValueIndex };\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,iBAAiB,EAAEC,mBAAmB;AAO/C,MAAMC,cAA8B,GAAGC,IAAI,IAAI;EAC3C,MAAMC,MAAM,GAAGN,OAAO,CACjBO,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,KAAK,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMI,KAAK,CAAC,kCAAkCL,IAAI,IAAI,CAAC;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;AAQD;AACA;AACA;AACA,OAAO,MAAMK,aAAa,GAAGV,eAAe,CAAC,MAAqB;EAC9D,MAAMQ,KAAK,GAAGV,UAAU,CAACG,iBAAiB,CAAC;EAC3C,MAAMU,gBAAgB,GAAGT,mBAAmB,CAAC,CAAC;EAE9C,IAAI,CAACM,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,kHACJ,CAAC;EACL;EAEA,MAAMG,WAAW,GAAGT,cAAc,CAACK,KAAK,CAACJ,IAAI,CAAC;EAE9C,OAAO;IAAEI,KAAK;IAAEI,WAAW;IAAED;EAAiB,CAAC;AACnD,CAAC,CAAC","ignoreList":[]}

package/ModelProvider/ModelContext.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel } from "../types/index.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) => React.JSX.Element;

package/ModelProvider/ModelContext.js

@@ -0,0 +1,12 @@
+import React from "react";
+export const ModelContext = /*#__PURE__*/React.createContext(undefined);
+export const ModelProvider = ({
+  model,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(ModelContext.Provider, {
+    value: model
+  }, children);
+};
+
+//# sourceMappingURL=ModelContext.js.map

package/ModelProvider/ModelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ModelContext","createContext","undefined","ModelProvider","model","children","createElement","Provider","value"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModel } from \"~/types/index.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 <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAA2BC,SAAS,CAAC;AAOpF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACtE,oBAAON,KAAA,CAAAO,aAAA,CAACN,YAAY,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAgC,CAAC;AAClF,CAAC","ignoreList":[]}

package/ModelProvider/index.d.ts

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

package/ModelProvider/index.js

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

package/ModelProvider/index.js.map

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

package/ModelProvider/useModel.d.ts

@@ -0,0 +1,9 @@
+import type { CmsModel } from "../types/index.js";
+type UseModelReturnType = {
+    model: CmsModel;
+};
+/**
+ * Get model from the current context.
+ */
+export declare function useModel(): UseModelReturnType;
+export {};

package/ModelProvider/useModel.js

@@ -0,0 +1,16 @@
+import { useContext } from "react";
+import { ModelContext } from "./ModelContext.js";
+/**
+ * Get model from the current context.
+ */
+export function useModel() {
+  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
+  };
+}
+
+//# sourceMappingURL=useModel.js.map

package/ModelProvider/useModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ModelContext","useModel","model","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext.js\";\nimport type { CmsModel } from \"~/types/index.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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY;AAOrB;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAuB;EAC3C,MAAMC,KAAK,GAAGH,UAAU,CAACC,YAAY,CAAC;EACtC,IAAI,CAACE,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,uGACJ,CAAC;EACL;EAEA,OAAO;IAAED;EAAM,CAAC;AACpB","ignoreList":[]}

package/README.md

@@ -1,18 +1,11 @@
 # @webiny/app-headless-cms-common
 
-[![](https://img.shields.io/npm/dw/@webiny/app-headless-cms-common.svg)](https://www.npmjs.com/package/@webiny/app-headless-cms-common)
-[![](https://img.shields.io/npm/v/@webiny/app-headless-cms-common.svg)](https://www.npmjs.com/package/@webiny/app-headless-cms-common)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-## Install
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-```
-npm install --save @webiny/app-headless-cms-common
-```
+---
 
-Or if you prefer yarn:
-
-```
-yarn add @webiny/app-headless-cms-common
-```
+_This README file is automatically generated during the publish process._

package/constants.d.ts

@@ -0,0 +1 @@
+export declare const CMS_MODEL_SINGLETON_TAG = "singleEntry";

package/constants.js

@@ -0,0 +1,3 @@
+export const CMS_MODEL_SINGLETON_TAG = "singleEntry";
+
+//# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CMS_MODEL_SINGLETON_TAG"],"sources":["constants.ts"],"sourcesContent":["export const CMS_MODEL_SINGLETON_TAG = \"singleEntry\";\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAG,aAAa","ignoreList":[]}

package/createFieldsList.d.ts

@@ -1,7 +1,8 @@
-import { CmsModelField, CmsModel } from "./types";
+import type { CmsModel, CmsModelField } from "./types/index.js";
 interface CreateFieldsListParams {
     model: CmsModel;
     fields: CmsModelField[];
+    graphQLTypePrefix?: string;
 }
-export declare function createFieldsList({ model, fields }: CreateFieldsListParams): string;
+export declare function createFieldsList({ model, fields: inputFields, graphQLTypePrefix }: CreateFieldsListParams): string;
 export {};

package/createFieldsList.js

@@ -1,35 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createFieldsList = createFieldsList;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _plugins = require("@webiny/plugins");
-function createFieldsList(_ref) {
-  var model = _ref.model,
-    fields = _ref.fields;
-  var fieldPlugins = _plugins.plugins.byType("cms-editor-field-type").reduce(function (acc, item) {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.field.type, item.field));
-  }, {});
-
-  // console.log(fields, model);
-  return fields.map(function (field) {
+import { plugins } from "@webiny/plugins";
+export function createFieldsList({
+  model,
+  fields: inputFields,
+  graphQLTypePrefix
+}) {
+  const fieldPlugins = plugins.byType("cms-editor-field-type").reduce((acc, item) => ({
+    ...acc,
+    [item.field.type]: item.field
+  }), {});
+  const typePrefix = graphQLTypePrefix ?? model.singularApiName;
+  const fields = inputFields.map(field => {
     if (!fieldPlugins[field.type]) {
-      console.log("Unknown field plugin for field type \"".concat(field.type, "\"."));
+      console.log(`Unknown field plugin for field type "${field.type}".`);
       return null;
     }
-    var graphql = fieldPlugins[field.type].graphql;
+    const {
+      graphql
+    } = fieldPlugins[field.type];
     if (graphql && graphql.queryField) {
-      var queryField = graphql.queryField;
-      var selection = typeof queryField === "string" ? queryField : queryField({
-        model: model,
-        field: field
+      const {
+        queryField
+      } = graphql;
+      const selection = typeof queryField === "string" ? queryField : queryField({
+        model,
+        field,
+        graphQLTypePrefix: typePrefix
       });
-      return "".concat(field.fieldId, " ").concat(selection);
+
+      /**
+       * If field type plugin returns `null`, we don't include the field in the selection.
+       */
+      if (selection === null) {
+        return null;
+      }
+      return `${field.fieldId} ${selection}`;
     }
     return field.fieldId;
-  }).filter(Boolean).join("\n");
-}
+  }).filter(Boolean);
+  /**
+   * If there are no fields, let's always load the `_empty` field.
+   */
+  if (fields.length === 0) {
+    fields.push("_empty");
+  }
+  return fields.join("\n");
+}
+
+//# sourceMappingURL=createFieldsList.js.map

package/createFieldsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["createFieldsList","model","fields","fieldPlugins","plugins","byType","reduce","acc","item","field","type","map","console","log","graphql","queryField","selection","fieldId","filter","Boolean","join"],"sources":["createFieldsList.ts"],"sourcesContent":["import { CmsModelField, CmsEditorFieldTypePlugin, CmsModel } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface CreateFieldsListParams {\n    model: CmsModel;\n    fields: CmsModelField[];\n}\n\nexport function createFieldsList({ model, fields }: CreateFieldsListParams): string {\n    const fieldPlugins: Record<string, CmsEditorFieldTypePlugin[\"field\"]> = plugins\n        .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n        .reduce((acc, item) => ({ ...acc, [item.field.type]: item.field }), {});\n\n    // console.log(fields, model);\n    return fields\n        .map(field => {\n            if (!fieldPlugins[field.type]) {\n                console.log(`Unknown field plugin for field type \"${field.type}\".`);\n                return null;\n            }\n            const { graphql } = fieldPlugins[field.type];\n\n            if (graphql && graphql.queryField) {\n                const { queryField } = graphql;\n                const selection =\n                    typeof queryField === \"string\" ? queryField : queryField({ model, field });\n\n                return `${field.fieldId} ${selection}`;\n            }\n\n            return field.fieldId;\n        })\n        .filter(Boolean)\n        .join(\"\\n\");\n}\n"],"mappings":";;;;;;;;;AACA;AAOO,SAASA,gBAAgB,OAAoD;EAAA,IAAjDC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;EAC5C,IAAMC,YAA+D,GAAGC,gBAAO,CAC1EC,MAAM,CAA2B,uBAAuB,CAAC,CACzDC,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI;IAAA,mEAAWD,GAAG,yCAAGC,IAAI,CAACC,KAAK,CAACC,IAAI,EAAGF,IAAI,CAACC,KAAK;EAAA,CAAG,EAAE,CAAC,CAAC,CAAC;;EAE3E;EACA,OAAOP,MAAM,CACRS,GAAG,CAAC,UAAAF,KAAK,EAAI;IACV,IAAI,CAACN,YAAY,CAACM,KAAK,CAACC,IAAI,CAAC,EAAE;MAC3BE,OAAO,CAACC,GAAG,iDAAyCJ,KAAK,CAACC,IAAI,SAAK;MACnE,OAAO,IAAI;IACf;IACA,IAAQI,OAAO,GAAKX,YAAY,CAACM,KAAK,CAACC,IAAI,CAAC,CAApCI,OAAO;IAEf,IAAIA,OAAO,IAAIA,OAAO,CAACC,UAAU,EAAE;MAC/B,IAAQA,UAAU,GAAKD,OAAO,CAAtBC,UAAU;MAClB,IAAMC,SAAS,GACX,OAAOD,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,CAAC;QAAEd,KAAK,EAALA,KAAK;QAAEQ,KAAK,EAALA;MAAM,CAAC,CAAC;MAE9E,iBAAUA,KAAK,CAACQ,OAAO,cAAID,SAAS;IACxC;IAEA,OAAOP,KAAK,CAACQ,OAAO;EACxB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;AACnB"}
+{"version":3,"names":["plugins","createFieldsList","model","fields","inputFields","graphQLTypePrefix","fieldPlugins","byType","reduce","acc","item","field","type","typePrefix","singularApiName","map","console","log","graphql","queryField","selection","fieldId","filter","Boolean","length","push","join"],"sources":["createFieldsList.ts"],"sourcesContent":["import type { CmsModel, CmsModelField, CmsModelFieldTypePlugin } from \"~/types/index.js\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface CreateFieldsListParams {\n    model: CmsModel;\n    fields: CmsModelField[];\n    graphQLTypePrefix?: string;\n}\n\nexport function createFieldsList({\n    model,\n    fields: inputFields,\n    graphQLTypePrefix\n}: CreateFieldsListParams): string {\n    const fieldPlugins: Record<string, CmsModelFieldTypePlugin[\"field\"]> = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .reduce((acc, item) => ({ ...acc, [item.field.type]: item.field }), {});\n\n    const typePrefix = graphQLTypePrefix ?? model.singularApiName;\n\n    const fields = inputFields\n        .map(field => {\n            if (!fieldPlugins[field.type]) {\n                console.log(`Unknown field plugin for field type \"${field.type}\".`);\n                return null;\n            }\n            const { graphql } = fieldPlugins[field.type];\n\n            if (graphql && graphql.queryField) {\n                const { queryField } = graphql;\n                const selection =\n                    typeof queryField === \"string\"\n                        ? queryField\n                        : queryField({ model, field, graphQLTypePrefix: typePrefix });\n\n                /**\n                 * If field type plugin returns `null`, we don't include the field in the selection.\n                 */\n                if (selection === null) {\n                    return null;\n                }\n\n                return `${field.fieldId} ${selection}`;\n            }\n\n            return field.fieldId;\n        })\n        .filter(Boolean);\n    /**\n     * If there are no fields, let's always load the `_empty` field.\n     */\n    if (fields.length === 0) {\n        fields.push(\"_empty\");\n    }\n    return fields.join(\"\\n\");\n}\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,iBAAiB;AAQzC,OAAO,SAASC,gBAAgBA,CAAC;EAC7BC,KAAK;EACLC,MAAM,EAAEC,WAAW;EACnBC;AACoB,CAAC,EAAU;EAC/B,MAAMC,YAA8D,GAAGN,OAAO,CACzEO,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,MAAM;IAAE,GAAGD,GAAG;IAAE,CAACC,IAAI,CAACC,KAAK,CAACC,IAAI,GAAGF,IAAI,CAACC;EAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAE3E,MAAME,UAAU,GAAGR,iBAAiB,IAAIH,KAAK,CAACY,eAAe;EAE7D,MAAMX,MAAM,GAAGC,WAAW,CACrBW,GAAG,CAACJ,KAAK,IAAI;IACV,IAAI,CAACL,YAAY,CAACK,KAAK,CAACC,IAAI,CAAC,EAAE;MAC3BI,OAAO,CAACC,GAAG,CAAC,wCAAwCN,KAAK,CAACC,IAAI,IAAI,CAAC;MACnE,OAAO,IAAI;IACf;IACA,MAAM;MAAEM;IAAQ,CAAC,GAAGZ,YAAY,CAACK,KAAK,CAACC,IAAI,CAAC;IAE5C,IAAIM,OAAO,IAAIA,OAAO,CAACC,UAAU,EAAE;MAC/B,MAAM;QAAEA;MAAW,CAAC,GAAGD,OAAO;MAC9B,MAAME,SAAS,GACX,OAAOD,UAAU,KAAK,QAAQ,GACxBA,UAAU,GACVA,UAAU,CAAC;QAAEjB,KAAK;QAAES,KAAK;QAAEN,iBAAiB,EAAEQ;MAAW,CAAC,CAAC;;MAErE;AAChB;AACA;MACgB,IAAIO,SAAS,KAAK,IAAI,EAAE;QACpB,OAAO,IAAI;MACf;MAEA,OAAO,GAAGT,KAAK,CAACU,OAAO,IAAID,SAAS,EAAE;IAC1C;IAEA,OAAOT,KAAK,CAACU,OAAO;EACxB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;EACpB;AACJ;AACA;EACI,IAAIpB,MAAM,CAACqB,MAAM,KAAK,CAAC,EAAE;IACrBrB,MAAM,CAACsB,IAAI,CAAC,QAAQ,CAAC;EACzB;EACA,OAAOtB,MAAM,CAACuB,IAAI,CAAC,IAAI,CAAC;AAC5B","ignoreList":[]}

package/createValidationContainer.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "hcms-field-validation": {
+                class: string;
+                "data-path": string;
+                "data-field-type": string;
+                "data-field-multiple-values": string;
+                "data-field-renderer": string;
+                children: React.ReactNode;
+            };
+        }
+    }
+}
+export declare const createValidationContainer: (path: string) => ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/createValidationContainer.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { useModelField } from "./ModelFieldProvider/index.js";
+export const createValidationContainer = path => {
+  return function ValidationContainer({
+    children
+  }) {
+    const {
+      field
+    } = useModelField();
+    if (field.list === undefined) {
+      field.list = false;
+    }
+    return /*#__PURE__*/React.createElement("hcms-field-validation", {
+      class: "block",
+      "data-path": path,
+      "data-field-type": field.type,
+      "data-field-multiple-values": String(field.list),
+      "data-field-renderer": String(field.renderer.name)
+    }, children);
+  };
+};
+
+//# sourceMappingURL=createValidationContainer.js.map

package/createValidationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useModelField","createValidationContainer","path","ValidationContainer","children","field","list","undefined","createElement","class","type","String","renderer","name"],"sources":["createValidationContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModelField } from \"./ModelFieldProvider/index.js\";\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-field-validation\": {\n                class: string;\n                \"data-path\": string;\n                \"data-field-type\": string;\n                \"data-field-multiple-values\": string;\n                \"data-field-renderer\": string;\n                children: React.ReactNode;\n            };\n        }\n    }\n}\n\nexport const createValidationContainer = (path: string) => {\n    return function ValidationContainer({ children }: { children: React.ReactNode }) {\n        const { field } = useModelField();\n\n        if (field.list === undefined) {\n            field.list = false;\n        }\n\n        return (\n            <hcms-field-validation\n                class={\"block\"}\n                data-path={path}\n                data-field-type={field.type}\n                data-field-multiple-values={String(field.list)}\n                data-field-renderer={String(field.renderer.name)}\n            >\n                {children}\n            </hcms-field-validation>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AAiBtB,OAAO,MAAMC,yBAAyB,GAAIC,IAAY,IAAK;EACvD,OAAO,SAASC,mBAAmBA,CAAC;IAAEC;EAAwC,CAAC,EAAE;IAC7E,MAAM;MAAEC;IAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;IAEjC,IAAIK,KAAK,CAACC,IAAI,KAAKC,SAAS,EAAE;MAC1BF,KAAK,CAACC,IAAI,GAAG,KAAK;IACtB;IAEA,oBACIP,KAAA,CAAAS,aAAA;MACIC,KAAK,EAAE,OAAQ;MACf,aAAWP,IAAK;MAChB,mBAAiBG,KAAK,CAACK,IAAK;MAC5B,8BAA4BC,MAAM,CAACN,KAAK,CAACC,IAAI,CAAE;MAC/C,uBAAqBK,MAAM,CAACN,KAAK,CAACO,QAAQ,CAACC,IAAI;IAAE,GAEhDT,QACkB,CAAC;EAEhC,CAAC;AACL,CAAC","ignoreList":[]}

package/createValidators.d.ts

@@ -0,0 +1,3 @@
+import type { CmsModelField, CmsModelFieldValidator } from "./types/index.js";
+import type { Validator } from "@webiny/validation/types.js";
+export declare const createValidators: (field: CmsModelField, validation: (CmsModelFieldValidator | Validator)[]) => Validator[];

package/createValidators.js

@@ -0,0 +1,52 @@
+import { plugins } from "@webiny/plugins";
+import camelCase from "lodash/camelCase.js";
+export const createValidators = (field, validation) => {
+  const validatorPlugins = plugins.byType("cms-model-field-validator");
+  return validation.reduce((collection, item) => {
+    if (typeof item === "function") {
+      return [...collection, item];
+    }
+    const validatorPlugin = validatorPlugins.find(plugin => plugin.validator.name === item.name);
+    if (!validatorPlugin || typeof validatorPlugin.validator.validate !== "function") {
+      return collection;
+    }
+    const validator = async value => {
+      let isInvalid;
+      let message = item.message;
+      try {
+        const result = await validatorPlugin.validator.validate(value, {
+          validator: item,
+          field
+        });
+        isInvalid = result === false;
+      } catch (e) {
+        isInvalid = true;
+        if (e.message && !item.message) {
+          message = e.message;
+        }
+      }
+      if (isInvalid) {
+        let interpolated = message || "Invalid value.";
+        const getVariableValues = validatorPlugin.validator.getVariableValues;
+        if (typeof getVariableValues === "function") {
+          const variables = getVariableValues({
+            validator: item
+          });
+          Object.keys(variables).forEach(key => {
+            const regex = new RegExp(`\{${key}\}`, "g");
+            interpolated = interpolated.replace(regex, variables[key]);
+          });
+        }
+        throw new Error(interpolated);
+      }
+    };
+    /**
+     * We need to set the validator name because it will be used as the reference to skip, if necessary.
+     */
+    validator.validatorName = camelCase(validatorPlugin.validator.name);
+    collection.push(validator);
+    return collection;
+  }, []);
+};
+
+//# sourceMappingURL=createValidators.js.map

package/createValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugins","camelCase","createValidators","field","validation","validatorPlugins","byType","reduce","collection","item","validatorPlugin","find","plugin","validator","name","validate","value","isInvalid","message","result","e","interpolated","getVariableValues","variables","Object","keys","forEach","key","regex","RegExp","replace","Error","validatorName","push"],"sources":["createValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n    CmsModelField,\n    CmsModelFieldValidator,\n    CmsModelFieldValidatorPlugin\n} from \"~/types/index.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport camelCase from \"lodash/camelCase.js\";\n\nexport const createValidators = (\n    field: CmsModelField,\n    validation: (CmsModelFieldValidator | Validator)[]\n): Validator[] => {\n    const validatorPlugins = plugins.byType<CmsModelFieldValidatorPlugin>(\n        \"cms-model-field-validator\"\n    );\n\n    return validation.reduce<Validator[]>((collection, item) => {\n        if (typeof item === \"function\") {\n            return [...collection, item];\n        }\n\n        const validatorPlugin = validatorPlugins.find(\n            plugin => plugin.validator.name === item.name\n        );\n\n        if (!validatorPlugin || typeof validatorPlugin.validator.validate !== \"function\") {\n            return collection;\n        }\n\n        const validator = async (value: any | any[]) => {\n            let isInvalid;\n            let message = item.message;\n            try {\n                const result = await validatorPlugin.validator.validate(value, {\n                    validator: item,\n                    field\n                });\n\n                isInvalid = result === false;\n            } catch (e) {\n                isInvalid = true;\n                if (e.message && !item.message) {\n                    message = e.message;\n                }\n            }\n\n            if (isInvalid) {\n                let interpolated = message || \"Invalid value.\";\n\n                const getVariableValues = validatorPlugin.validator.getVariableValues;\n                if (typeof getVariableValues === \"function\") {\n                    const variables = getVariableValues({ validator: item });\n\n                    Object.keys(variables).forEach(key => {\n                        const regex = new RegExp(`\\{${key}\\}`, \"g\");\n                        interpolated = interpolated.replace(regex, variables[key]);\n                    });\n                }\n\n                throw new Error(interpolated);\n            }\n        };\n        /**\n         * We need to set the validator name because it will be used as the reference to skip, if necessary.\n         */\n        validator.validatorName = camelCase(validatorPlugin.validator.name);\n\n        collection.push(validator);\n        return collection;\n    }, [] as Validator[]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAOzC,OAAOC,SAAS,MAAM,qBAAqB;AAE3C,OAAO,MAAMC,gBAAgB,GAAGA,CAC5BC,KAAoB,EACpBC,UAAkD,KACpC;EACd,MAAMC,gBAAgB,GAAGL,OAAO,CAACM,MAAM,CACnC,2BACJ,CAAC;EAED,OAAOF,UAAU,CAACG,MAAM,CAAc,CAACC,UAAU,EAAEC,IAAI,KAAK;IACxD,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;MAC5B,OAAO,CAAC,GAAGD,UAAU,EAAEC,IAAI,CAAC;IAChC;IAEA,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,IAAI,CACzCC,MAAM,IAAIA,MAAM,CAACC,SAAS,CAACC,IAAI,KAAKL,IAAI,CAACK,IAC7C,CAAC;IAED,IAAI,CAACJ,eAAe,IAAI,OAAOA,eAAe,CAACG,SAAS,CAACE,QAAQ,KAAK,UAAU,EAAE;MAC9E,OAAOP,UAAU;IACrB;IAEA,MAAMK,SAAS,GAAG,MAAOG,KAAkB,IAAK;MAC5C,IAAIC,SAAS;MACb,IAAIC,OAAO,GAAGT,IAAI,CAACS,OAAO;MAC1B,IAAI;QACA,MAAMC,MAAM,GAAG,MAAMT,eAAe,CAACG,SAAS,CAACE,QAAQ,CAACC,KAAK,EAAE;UAC3DH,SAAS,EAAEJ,IAAI;UACfN;QACJ,CAAC,CAAC;QAEFc,SAAS,GAAGE,MAAM,KAAK,KAAK;MAChC,CAAC,CAAC,OAAOC,CAAC,EAAE;QACRH,SAAS,GAAG,IAAI;QAChB,IAAIG,CAAC,CAACF,OAAO,IAAI,CAACT,IAAI,CAACS,OAAO,EAAE;UAC5BA,OAAO,GAAGE,CAAC,CAACF,OAAO;QACvB;MACJ;MAEA,IAAID,SAAS,EAAE;QACX,IAAII,YAAY,GAAGH,OAAO,IAAI,gBAAgB;QAE9C,MAAMI,iBAAiB,GAAGZ,eAAe,CAACG,SAAS,CAACS,iBAAiB;QACrE,IAAI,OAAOA,iBAAiB,KAAK,UAAU,EAAE;UACzC,MAAMC,SAAS,GAAGD,iBAAiB,CAAC;YAAET,SAAS,EAAEJ;UAAK,CAAC,CAAC;UAExDe,MAAM,CAACC,IAAI,CAACF,SAAS,CAAC,CAACG,OAAO,CAACC,GAAG,IAAI;YAClC,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAAC,KAAKF,GAAG,IAAI,EAAE,GAAG,CAAC;YAC3CN,YAAY,GAAGA,YAAY,CAACS,OAAO,CAACF,KAAK,EAAEL,SAAS,CAACI,GAAG,CAAC,CAAC;UAC9D,CAAC,CAAC;QACN;QAEA,MAAM,IAAII,KAAK,CAACV,YAAY,CAAC;MACjC;IACJ,CAAC;IACD;AACR;AACA;IACQR,SAAS,CAACmB,aAAa,GAAG/B,SAAS,CAACS,eAAe,CAACG,SAAS,CAACC,IAAI,CAAC;IAEnEN,UAAU,CAACyB,IAAI,CAACpB,SAAS,CAAC;IAC1B,OAAOL,UAAU;EACrB,CAAC,EAAE,EAAiB,CAAC;AACzB,CAAC","ignoreList":[]}

package/entries.graphql.d.ts

@@ -1,4 +1,5 @@
-import { CmsContentEntryRevision, CmsContentEntry, CmsEditorContentModel, CmsErrorResponse, CmsMetaResponse, CmsModelField } from "./types";
+import type { CmsContentEntry, CmsContentEntryRevision, CmsEditorContentModel, CmsErrorResponse, CmsMetaResponse, CmsModelField } from "./types/index.js";
+import type { FormValidationOptions } from "@webiny/form";
 /**
  * ############################################
  * Get CMS Entry Query
@@ -14,6 +15,17 @@ export interface CmsEntryGetQueryVariables {
     entryId?: string;
 }
 export declare const createReadQuery: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
+/**
+ * ############################################
+ * Get CMS Singleton Entry Query
+ */
+export interface CmsEntryGetSingletonQueryResponse {
+    content: {
+        data: CmsContentEntry;
+        error: CmsErrorResponse | null;
+    };
+}
+export declare const createReadSingletonQuery: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
 /**
  * ############################################
  * List CMS Entry Revisions Query
@@ -48,7 +60,8 @@ export interface CmsEntriesListQueryVariables {
     limit?: number;
     after?: string;
 }
-export declare const createListQuery: (model: CmsEditorContentModel, fields?: CmsModelField[]) => import("graphql").DocumentNode;
+export declare const createListQueryDataSelection: (model: CmsEditorContentModel, fields?: CmsModelField[]) => string;
+export declare const createListQuery: (model: CmsEditorContentModel, fields?: CmsModelField[], deleted?: boolean) => import("graphql").DocumentNode;
 /**
  * ############################################
  * Delete Mutation
@@ -61,8 +74,23 @@ export interface CmsEntryDeleteMutationResponse {
 }
 export interface CmsEntryDeleteMutationVariables {
     revision: string;
+    permanently?: boolean;
 }
 export declare const createDeleteMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
+/**
+ * ############################################
+ * Restore from bin Mutation
+ */
+export interface CmsEntryRestoreFromBinMutationResponse {
+    content: {
+        data: CmsContentEntry | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntryRestoreFromBinMutationVariables {
+    revision: string;
+}
+export declare const createRestoreFromBinMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
 /**
  * ############################################
  * Create Mutation
@@ -78,6 +106,7 @@ export interface CmsEntryCreateMutationVariables {
      * We have any here because we do not know which fields does entry have
      */
     data: Record<string, any>;
+    options?: FormValidationOptions;
 }
 export declare const createCreateMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
 /**
@@ -96,6 +125,7 @@ export interface CmsEntryCreateFromMutationVariables {
      * We have any here because we do not know which fields does entry have
      */
     data?: Record<string, any>;
+    options?: FormValidationOptions;
 }
 export declare const createCreateFromMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
 /**
@@ -114,8 +144,27 @@ export interface CmsEntryUpdateMutationVariables {
      * We have any here because we do not know which fields does entry have
      */
     data: Record<string, any>;
+    options?: FormValidationOptions;
 }
 export declare const createUpdateMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
+/**
+ * ############################################
+ * Update Singleton Mutation
+ */
+export interface CmsEntryUpdateSingletonMutationResponse {
+    content: {
+        data?: CmsContentEntry;
+        error?: CmsErrorResponse;
+    };
+}
+export interface CmsEntryUpdateSingletonMutationVariables {
+    /**
+     * We have any here because we do not know which fields does entry have
+     */
+    data: Record<string, any>;
+    options?: FormValidationOptions;
+}
+export declare const createUpdateSingletonMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
 /**
  * ############################################
  * Publish Mutation
@@ -144,3 +193,26 @@ export interface CmsEntryUnpublishMutationVariables {
     revision: string;
 }
 export declare const createUnpublishMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;
+/**
+ * ############################################
+ * Bulk Action Mutation
+ */
+export interface CmsEntryBulkActionMutationResponse {
+    content: {
+        data?: {
+            id: string;
+        };
+        error?: CmsErrorResponse;
+    };
+}
+export interface CmsEntryBulkActionMutationVariables {
+    action: string;
+    where?: {
+        [key: string]: any;
+    };
+    search?: string;
+    data?: {
+        [key: string]: any;
+    };
+}
+export declare const createBulkActionMutation: (model: CmsEditorContentModel) => import("graphql").DocumentNode;