@webiny/app-headless-cms-common 5.42.2-beta.5 → 5.42.3-beta.0

package/Fields/FieldElement.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import { CmsModelField, CmsEditorContentModel, BindComponent } from "../types";
+export interface FieldElementProps {
+    field: CmsModelField;
+    Bind: BindComponent;
+    contentModel: CmsEditorContentModel;
+}
+export declare const FieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+    original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+        original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+        original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+/**
+ * @deprecated Use `FieldElement` instead.
+ */
+export declare const RenderFieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+    original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+        original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
+        original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+/**
+ * @deprecated Use `FieldElementProps` instead.
+ */
+export type RenderFieldElementProps = FieldElementProps;

package/Fields/FieldElement.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderFieldElement = exports.FieldElement = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _appAdmin = require("@webiny/app-admin");
+var _i18n = require("@webiny/app/i18n");
+var _Label = _interopRequireDefault(require("./Label"));
+var _useBind = require("./useBind");
+var _useRenderPlugins = require("./useRenderPlugins");
+var _ModelFieldProvider = require("../ModelFieldProvider");
+var _excluded = ["field"];
+var _templateObject;
+var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-form");
+var RenderField = function RenderField(props) {
+  var renderPlugins = (0, _useRenderPlugins.useRenderPlugins)();
+  var Bind = props.Bind,
+    contentModel = props.contentModel;
+  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+    field = _useModelField.field;
+  var getBind = (0, _useBind.useBind)({
+    Bind: Bind
+  });
+  if (typeof field.renderer === "function") {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.renderer({
+      field: field,
+      getBind: getBind,
+      Label: _Label.default,
+      contentModel: contentModel
+    }));
+  }
+  var renderPlugin = renderPlugins.find(function (plugin) {
+    return plugin.renderer.rendererName === (0, _get.default)(field, "renderer.name");
+  });
+  if (!renderPlugin) {
+    return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
+      fieldName: /*#__PURE__*/_react.default.createElement("strong", null, field.fieldId)
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderPlugin.renderer.render({
+    field: field,
+    getBind: getBind,
+    Label: _Label.default,
+    contentModel: contentModel
+  }));
+};
+var FieldElement = exports.FieldElement = (0, _appAdmin.makeDecoratable)("FieldElement", function (_ref) {
+  var field = _ref.field,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
+    field: field
+  }, /*#__PURE__*/_react.default.createElement(RenderField, props));
+});
+
+/**
+ * @deprecated Use `FieldElement` instead.
+ */
+var RenderFieldElement = exports.RenderFieldElement = FieldElement;
+
+/**
+ * @deprecated Use `FieldElementProps` instead.
+ */
+
+//# sourceMappingURL=FieldElement.js.map

package/Fields/FieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_appAdmin","_i18n","_Label","_useBind","_useRenderPlugins","_ModelFieldProvider","_excluded","_templateObject","t","i18n","ns","RenderField","props","renderPlugins","useRenderPlugins","Bind","contentModel","_useModelField","useModelField","field","getBind","useBind","renderer","default","createElement","Fragment","Label","renderPlugin","find","plugin","rendererName","get","_taggedTemplateLiteral2","fieldName","fieldId","render","FieldElement","exports","makeDecoratable","_ref","_objectWithoutProperties2","ModelFieldProvider","RenderFieldElement"],"sources":["FieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport Label from \"./Label\";\nimport { useBind } from \"./useBind\";\nimport { useRenderPlugins } from \"./useRenderPlugins\";\nimport { ModelFieldProvider, useModelField } from \"../ModelFieldProvider\";\nimport { CmsModelField, CmsEditorContentModel, BindComponent } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ntype RenderFieldProps = Omit<FieldElementProps, \"field\">;\n\nconst RenderField = (props: RenderFieldProps) => {\n    const renderPlugins = useRenderPlugins();\n    const { Bind, contentModel } = props;\n    const { field } = useModelField();\n    const getBind = useBind({ Bind });\n\n    if (typeof field.renderer === \"function\") {\n        return <>{field.renderer({ field, getBind, Label, contentModel })}</>;\n    }\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === get(field, \"renderer.name\")\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return <>{renderPlugin.renderer.render({ field, getBind, Label, contentModel })}</>;\n};\n\nexport interface FieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport const FieldElement = makeDecoratable(\n    \"FieldElement\",\n    ({ field, ...props }: FieldElementProps) => {\n        return (\n            <ModelFieldProvider field={field}>\n                <RenderField {...props} />\n            </ModelFieldProvider>\n        );\n    }\n);\n\n/**\n * @deprecated Use `FieldElement` instead.\n */\nexport const RenderFieldElement = FieldElement;\n\n/**\n * @deprecated Use `FieldElementProps` instead.\n */\nexport type RenderFieldElementProps = FieldElementProps;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA0E,IAAAQ,SAAA;AAAA,IAAAC,eAAA;AAG1E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAInE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;EAC7C,IAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,IAAQC,IAAI,GAAmBH,KAAK,CAA5BG,IAAI;IAAEC,YAAY,GAAKJ,KAAK,CAAtBI,YAAY;EAC1B,IAAAC,cAAA,GAAkB,IAAAC,iCAAa,EAAC,CAAC;IAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;EACb,IAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAC;IAAEN,IAAI,EAAJA;EAAK,CAAC,CAAC;EAEjC,IAAI,OAAOI,KAAK,CAACG,QAAQ,KAAK,UAAU,EAAE;IACtC,oBAAO1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAA5B,MAAA,CAAA2B,OAAA,CAAAE,QAAA,QAAGN,KAAK,CAACG,QAAQ,CAAC;MAAEH,KAAK,EAALA,KAAK;MAAEC,OAAO,EAAPA,OAAO;MAAEM,KAAK,EAALA,cAAK;MAAEV,YAAY,EAAZA;IAAa,CAAC,CAAI,CAAC;EACzE;EAEA,IAAMW,YAAY,GAAGd,aAAa,CAACe,IAAI,CACnC,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACP,QAAQ,CAACQ,YAAY,KAAK,IAAAC,YAAG,EAACZ,KAAK,EAAE,eAAe,CAAC;EAAA,CAC1E,CAAC;EAED,IAAI,CAACQ,YAAY,EAAE;IACf,OAAOnB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,CAAAT,OAAA,uEAA8D;MAClEU,SAAS,eAAErC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,iBAASL,KAAK,CAACe,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,oBAAOtC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAA5B,MAAA,CAAA2B,OAAA,CAAAE,QAAA,QAAGE,YAAY,CAACL,QAAQ,CAACa,MAAM,CAAC;IAAEhB,KAAK,EAALA,KAAK;IAAEC,OAAO,EAAPA,OAAO;IAAEM,KAAK,EAALA,cAAK;IAAEV,YAAY,EAAZA;EAAa,CAAC,CAAI,CAAC;AACvF,CAAC;AAQM,IAAMoB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAA4C;EAAA,IAAzCpB,KAAK,GAAAoB,IAAA,CAALpB,KAAK;IAAKP,KAAK,OAAA4B,yBAAA,CAAAjB,OAAA,EAAAgB,IAAA,EAAAjC,SAAA;EACd,oBACIV,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,mBAAA,CAAAoC,kBAAkB;IAACtB,KAAK,EAAEA;EAAM,gBAC7BvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACb,WAAW,EAAKC,KAAQ,CACT,CAAC;AAE7B,CACJ,CAAC;;AAED;AACA;AACA;AACO,IAAM8B,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAGN,YAAY;;AAE9C;AACA;AACA","ignoreList":[]}

package/Fields/Fields.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { CmsEditorContentModel, CmsModelField, CmsEditorFieldsLayout, BindComponent } from "../types";
+interface FieldsProps {
+    Bind: BindComponent;
+    contentModel: CmsEditorContentModel;
+    fields: CmsModelField[];
+    layout: CmsEditorFieldsLayout;
+    gridClassName?: string;
+}
+export declare const Fields: ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => React.JSX.Element;
+export {};

package/Fields/Fields.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fields = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Grid = require("@webiny/ui/Grid");
+var _FieldElement = require("./FieldElement");
+var getFieldById = function getFieldById(fields, id) {
+  return fields.find(function (field) {
+    return field.id === id;
+  }) || null;
+};
+var Fields = exports.Fields = function Fields(_ref) {
+  var Bind = _ref.Bind,
+    fields = _ref.fields,
+    layout = _ref.layout,
+    contentModel = _ref.contentModel,
+    gridClassName = _ref.gridClassName;
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+    className: gridClassName
+  }, layout.map(function (row, rowIndex) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: rowIndex
+    }, row.map(function (fieldId) {
+      var field = getFieldById(fields, fieldId);
+      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: Math.floor(12 / row.length),
+        key: fieldId
+      }, /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
+        field: field,
+        Bind: Bind,
+        contentModel: contentModel
+      }));
+    }));
+  }));
+};
+
+//# sourceMappingURL=Fields.js.map

package/Fields/Fields.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_FieldElement","getFieldById","fields","id","find","field","Fields","exports","_ref","Bind","layout","contentModel","gridClassName","default","createElement","Grid","className","map","row","rowIndex","Fragment","key","fieldId","Cell","span","Math","floor","length","FieldElement"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FieldElement } from \"./FieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => {\n                        const field = getFieldById(fields, fieldId) as CmsModelField;\n\n                        return (\n                            <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                                <FieldElement\n                                    field={field}\n                                    Bind={Bind}\n                                    contentModel={contentModel}\n                                />\n                            </Cell>\n                        );\n                    })}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAgBA,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAuB,EAAEC,EAAU,EAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,IAAI;AACxD,CAAC;AAEM,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAA2E;EAAA,IAArEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEP,MAAM,GAAAM,IAAA,CAANN,MAAM;IAAEQ,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;EACtE,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,IAAI;IAACC,SAAS,EAAEJ;EAAc,GAC1BF,MAAM,CAACO,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAiB,OAAK,CAACO,QAAQ;MAACC,GAAG,EAAEF;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAK,OAAO,EAAI;MAChB,IAAMjB,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEoB,OAAO,CAAkB;MAE5D,oBACI1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAwB,IAAI;QAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGR,GAAG,CAACS,MAAM,CAAE;QAACN,GAAG,EAAEC;MAAQ,gBAClD1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,YAAY;QACTvB,KAAK,EAAEA,KAAM;QACbI,IAAI,EAAEA,IAAK;QACXE,YAAY,EAAEA;MAAa,CAC9B,CACC,CAAC;IAEf,CAAC,CACW,CAAC;EAAA,CACpB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/Fields/Label.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface LabelProps {
+    children?: React.ReactNode;
+}
+declare const Label: ({ children }: LabelProps) => React.JSX.Element;
+export default Label;

package/Fields/Label.js

@@ -0,0 +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 _react2 = require("@emotion/react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Typography = require("@webiny/ui/Typography");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var style = {
+  label: process.env.NODE_ENV === "production" ? {
+    name: "1ngxi7",
+    styles: "margin-bottom:5px !important"
+  } : {
+    name: "1a8b4f-label",
+    styles: "margin-bottom:5px !important;label:label;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNVyIsImZpbGUiOiJMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCBzdHlsZSA9IHtcbiAgICBsYWJlbDogY3NzKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBcIjVweCAhaW1wb3J0YW50XCJcbiAgICB9KVxufTtcblxuaW50ZXJmYWNlIExhYmVsUHJvcHMge1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMYWJlbCA9ICh7IGNoaWxkcmVuIH06IExhYmVsUHJvcHMpID0+IChcbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgICAgIFwibWRjLXRleHQtZmllbGQtaGVscGVyLXRleHQgbWRjLXRleHQtZmllbGQtaGVscGVyLXRleHQtLXBlcnNpc3RlbnRcIixcbiAgICAgICAgICAgIHN0eWxlLmxhYmVsXG4gICAgICAgICl9XG4gICAgPlxuICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTJcIn0+e2NoaWxkcmVufTwvVHlwb2dyYXBoeT5cbiAgICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExhYmVsO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+var Label = function Label(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", style.label)
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, children));
+};
+var _default = exports.default = Label;
+
+//# sourceMappingURL=Label.js.map

package/Fields/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_classnames","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","style","label","process","env","NODE_ENV","name","styles","map","toString","Label","_ref","children","default","createElement","className","classNames","Typography","use","_default","exports"],"sources":["Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst style = {\n    label: css({\n        marginBottom: \"5px !important\"\n    })\n};\n\ninterface LabelProps {\n    children?: React.ReactNode;\n}\n\nconst Label = ({ children }: LabelProps) => (\n    <div\n        className={classNames(\n            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n            style.label\n        )}\n    >\n        <Typography use={\"body2\"}>{children}</Typography>\n    </div>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAmD,SAAAI,iCAAA;AAEnD,IAAMC,KAAK,GAAG;EACVC,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAT;EAAA;AAGT,CAAC;AAMD,IAAMU,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBACrBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAE,IAAAC,mBAAU,EACjB,mEAAmE,EACnEf,KAAK,CAACC,KACV;EAAE,gBAEFR,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAkB,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEN,QAAqB,CAC/C,CAAC;AAAA,CACT;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaH,KAAK","ignoreList":[]}

package/Fields/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FieldElement";
+export * from "./Fields";
+export * from "./useBind";

package/Fields/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FieldElement = require("./FieldElement");
+Object.keys(_FieldElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FieldElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FieldElement[key];
+    }
+  });
+});
+var _Fields = require("./Fields");
+Object.keys(_Fields).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fields[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Fields[key];
+    }
+  });
+});
+var _useBind = require("./useBind");
+Object.keys(_useBind).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useBind[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useBind[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/Fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Fields","_useBind"],"sources":["index.ts"],"sourcesContent":["export * from \"./FieldElement\";\nexport * from \"./Fields\";\nexport * from \"./useBind\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,QAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,QAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,QAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,QAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/Fields/useBind.d.ts

@@ -0,0 +1,9 @@
+import { BindComponent } from "../types";
+interface UseBindProps {
+    Bind: BindComponent;
+}
+export interface GetBindCallable {
+    (index?: number): BindComponent;
+}
+export declare function useBind({ Bind }: UseBindProps): (index?: number) => BindComponent<any>;
+export {};

package/Fields/useBind.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBind = useBind;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _form = require("@webiny/form");
+var _createValidators = require("../createValidators");
+var _ModelFieldProvider = require("../ModelFieldProvider");
+var _createValidationContainer = require("../createValidationContainer");
+var createFieldCacheKey = function createFieldCacheKey(field) {
+  return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
+};
+var emptyValidators = [];
+function useBind(_ref) {
+  var Bind = _ref.Bind;
+  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+    field = _useModelField.field;
+  var memoizedBindComponents = (0, _react.useRef)({});
+  var cacheKey = createFieldCacheKey(field);
+  var form = (0, _form.useForm)();
+  return function () {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+    var parentName = Bind.parentName;
+
+    // If there's a parent name assigned to the given Bind component, we need to include it in the new field "name".
+    // This allows us to have nested fields (like "object" field with nested properties)
+    var name = [parentName, field.fieldId, index >= 0 ? index : undefined].filter(function (v) {
+      return v !== undefined;
+    }).join(".");
+    var componentId = "".concat(name, ";").concat(cacheKey);
+    if (memoizedBindComponents.current[componentId]) {
+      return memoizedBindComponents.current[componentId];
+    }
+    var validators = (0, _createValidators.createValidators)(field, field.validation || emptyValidators);
+    var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || emptyValidators);
+    var isMultipleValues = index === -1 && field.multipleValues;
+    var inputValidators = isMultipleValues ? listValidators : validators;
+
+    // We only use default values for single-value fields.
+    var defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;
+    memoizedBindComponents.current[componentId] = function UseBind(params) {
+      var childName = params.name,
+        childValidators = params.validators,
+        children = params.children,
+        _params$defaultValue = params.defaultValue,
+        defaultValue = _params$defaultValue === void 0 ? defaultValueFromSettings : _params$defaultValue;
+      var _useModelField2 = (0, _ModelFieldProvider.useModelField)(),
+        field = _useModelField2.field;
+      return /*#__PURE__*/_react.default.createElement(Bind, {
+        name: childName || name,
+        validators: childValidators || inputValidators,
+        defaultValue: defaultValue ?? null,
+        context: {
+          field: field
+        }
+      }, function (bind) {
+        // Multiple-values functions below.
+        var props = (0, _objectSpread2.default)({}, bind);
+        if (field.multipleValues && index === -1) {
+          props.appendValue = function (newValue, index) {
+            var currentValue = bind.value || [];
+            var newIndex = index ?? currentValue.length;
+            bind.onChange([].concat((0, _toConsumableArray2.default)(currentValue.slice(0, newIndex)), [newValue], (0, _toConsumableArray2.default)(currentValue.slice(newIndex))));
+          };
+          props.prependValue = function (newValue) {
+            bind.onChange([newValue].concat((0, _toConsumableArray2.default)(bind.value || [])));
+          };
+          props.appendValues = function (newValues) {
+            bind.onChange([].concat((0, _toConsumableArray2.default)(bind.value || []), (0, _toConsumableArray2.default)(newValues)));
+          };
+          props.removeValue = function (index) {
+            if (index < 0) {
+              return;
+            }
+            var value = [].concat((0, _toConsumableArray2.default)(bind.value.slice(0, index)), (0, _toConsumableArray2.default)(bind.value.slice(index + 1)));
+            bind.onChange(value.length === 0 ? null : value);
+
+            // To make sure the field is still valid, we must trigger validation.
+            form.validateInput(field.fieldId);
+          };
+          props.moveValueUp = function (index) {
+            if (index <= 0) {
+              return;
+            }
+            var value = (0, _toConsumableArray2.default)(bind.value);
+            value.splice(index, 1);
+            value.splice(index - 1, 0, bind.value[index]);
+            bind.onChange(value);
+          };
+          props.moveValueDown = function (index) {
+            if (index >= bind.value.length) {
+              return;
+            }
+            var value = (0, _toConsumableArray2.default)(bind.value);
+            value.splice(index, 1);
+            value.splice(index + 1, 0, bind.value[index]);
+            bind.onChange(value);
+          };
+        }
+        return typeof children === "function" ? children(props) : /*#__PURE__*/(0, _react.cloneElement)(children, props);
+      });
+    };
+
+    // We need to keep track of current field name, to support nested fields.
+    memoizedBindComponents.current[componentId].parentName = name;
+    memoizedBindComponents.current[componentId].displayName = "Bind<".concat(name, ">");
+    memoizedBindComponents.current[componentId].ValidationContainer = (0, _createValidationContainer.createValidationContainer)(name);
+    return memoizedBindComponents.current[componentId];
+  };
+}
+
+//# sourceMappingURL=useBind.js.map

package/Fields/useBind.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","_ModelFieldProvider","_createValidationContainer","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","_useModelField","useModelField","memoizedBindComponents","useRef","cacheKey","form","useForm","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","_params$defaultValue","_useModelField2","default","createElement","context","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","cloneElement","displayName","ValidationContainer","createValidationContainer"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { useModelField } from \"~/ModelFieldProvider\";\nimport { createValidationContainer } from \"~/createValidationContainer\";\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.multipleValues;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <Bind\n                    name={childName || name}\n                    validators={childValidators || inputValidators}\n                    defaultValue={defaultValue ?? null}\n                    context={{ field }}\n                >\n                    {bind => {\n                        // Multiple-values functions below.\n                        const props = { ...bind };\n                        if (field.multipleValues && index === -1) {\n                            props.appendValue = (newValue: any, index?: number) => {\n                                const currentValue = bind.value || [];\n                                const newIndex = index ?? currentValue.length;\n\n                                bind.onChange([\n                                    ...currentValue.slice(0, newIndex),\n                                    newValue,\n                                    ...currentValue.slice(newIndex)\n                                ]);\n                            };\n                            props.prependValue = (newValue: any) => {\n                                bind.onChange([newValue, ...(bind.value || [])]);\n                            };\n                            props.appendValues = (newValues: any[]) => {\n                                bind.onChange([...(bind.value || []), ...newValues]);\n                            };\n\n                            props.removeValue = (index: number) => {\n                                if (index < 0) {\n                                    return;\n                                }\n\n                                const value = [\n                                    ...bind.value.slice(0, index),\n                                    ...bind.value.slice(index + 1)\n                                ];\n\n                                bind.onChange(value.length === 0 ? null : value);\n\n                                // To make sure the field is still valid, we must trigger validation.\n                                form.validateInput(field.fieldId);\n                            };\n\n                            props.moveValueUp = (index: number) => {\n                                if (index <= 0) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index - 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n\n                            props.moveValueDown = (index: number) => {\n                                if (index >= bind.value.length) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index + 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n                        }\n\n                        return typeof children === \"function\"\n                            ? children(props)\n                            : cloneElement(children, props);\n                    }}\n                </Bind>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationContainer =\n            createValidationContainer(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"mappings":"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","ignoreList":[]}

package/Fields/useRenderPlugins.d.ts

@@ -0,0 +1 @@
+export declare function useRenderPlugins(): import("@webiny/plugins/PluginsContainer").WithName<import("../types").CmsModelFieldRendererPlugin>[];

package/Fields/useRenderPlugins.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRenderPlugins = useRenderPlugins;
+var _plugins = require("@webiny/plugins");
+var _react = require("react");
+function useRenderPlugins() {
+  return (0, _react.useMemo)(function () {
+    return _plugins.plugins.byType("cms-editor-field-renderer");
+  }, []);
+}
+
+//# sourceMappingURL=useRenderPlugins.js.map

package/Fields/useRenderPlugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_plugins","require","_react","useRenderPlugins","useMemo","plugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,gBAAgBA,CAAA,EAAG;EAC/B,OAAO,IAAAC,cAAO,EACV;IAAA,OAAMC,gBAAO,CAACC,MAAM,CAA+B,2BAA2B,CAAC;EAAA,GAC/E,EACJ,CAAC;AACL","ignoreList":[]}

package/ModelFieldProvider/ModelFieldContext.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { CmsModelField } from "../types";
+export type ModelFieldContext = CmsModelField;
+export declare const ModelFieldContext: React.Context<{
+    id: string;
+    type: string;
+    fieldId: string;
+    storageId?: string | undefined;
+    label: string;
+    helpText?: string | undefined;
+    placeholderText?: string | undefined;
+    validation?: (import("../types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
+    listValidation?: import("../types").CmsModelFieldValidator[] | undefined;
+    multipleValues?: boolean | undefined;
+    predefinedValues?: import("../types").CmsEditorFieldPredefinedValues | undefined;
+    settings?: import("../types").CmsModelFieldSettings<unknown> | undefined;
+    renderer: {
+        name: string;
+        settings?: Record<string, any> | undefined;
+    } | ((props: import("../types").CmsModelFieldRendererProps) => React.ReactNode);
+    tags?: string[] | undefined;
+} | undefined>;
+export interface ModelFieldProviderProps {
+    field: CmsModelField;
+    children: React.ReactNode;
+}
+export declare const ModelFieldProvider: ({ field, children }: ModelFieldProviderProps) => React.JSX.Element;
+export declare const ParentValueIndexProvider: {
+    ({ children, ...props }: {
+        index: number;
+    } & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export declare const useParentValueIndex: () => number;

package/ModelFieldProvider/ModelFieldContext.js

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

package/ModelFieldProvider/ModelFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","ModelFieldContext","exports","React","createContext","undefined","ModelFieldProvider","_ref","field","children","default","createElement","Provider","value","_createGenericContext","createGenericContext","useHook","ParentValueIndexProvider","useParentValueIndex","context","index","_unused"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport { createGenericContext } from \"@webiny/app-admin\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n\nconst { Provider, useHook } = createGenericContext<{ index: number }>(\"FieldIndex\");\n\nexport const ParentValueIndexProvider = Provider;\n\nexport const useParentValueIndex = () => {\n    try {\n        const context = useHook();\n        return context.index;\n    } catch {\n        return -1;\n    }\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAIO,IAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAOvF,IAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAChD,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,iBAAiB,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAM,GAAEC,QAAqC,CAAC;AAC5F,CAAC;AAED,IAAAK,qBAAA,GAA8B,IAAAC,8BAAoB,EAAoB,YAAY,CAAC;EAA3EH,QAAQ,GAAAE,qBAAA,CAARF,QAAQ;EAAEI,OAAO,GAAAF,qBAAA,CAAPE,OAAO;AAElB,IAAMC,wBAAwB,GAAAf,OAAA,CAAAe,wBAAA,GAAGL,QAAQ;AAEzC,IAAMM,mBAAmB,GAAAhB,OAAA,CAAAgB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACrC,IAAI;IACA,IAAMC,OAAO,GAAGH,OAAO,CAAC,CAAC;IACzB,OAAOG,OAAO,CAACC,KAAK;EACxB,CAAC,CAAC,OAAAC,OAAA,EAAM;IACJ,OAAO,CAAC,CAAC;EACb;AACJ,CAAC","ignoreList":[]}

package/ModelFieldProvider/index.d.ts

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

package/ModelFieldProvider/index.js

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

package/ModelFieldProvider/index.js.map

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

package/ModelFieldProvider/useModelField.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CmsModelField, CmsModelFieldTypePlugin } from "../types";
+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>) => () => import("react").JSX.Element;
+};

package/ModelFieldProvider/useModelField.js

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

package/ModelFieldProvider/useModelField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_plugins","_reactComposition","_ModelFieldContext","getFieldPlugin","type","plugin","plugins","byType","find","field","Error","concat","useModelField","exports","makeDecoratable","useContext","ModelFieldContext","parentValueIndex","useParentValueIndex","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\";\nimport { CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAOA,IAAMI,cAA8B,GAAG,SAAjCA,cAA8BA,CAAGC,IAAI,EAAI;EAC3C,IAAMC,MAAM,GAAGC,gBAAO,CACjBC,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAAC,UAAAH,MAAM;IAAA,OAAIA,MAAM,CAACI,KAAK,CAACL,IAAI,KAAKA,IAAI;EAAA,EAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMK,KAAK,oCAAAC,MAAA,CAAmCP,IAAI,QAAI,CAAC;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;AAQD;AACA;AACA;AACO,IAAMO,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,iCAAe,EAAC,YAAqB;EAC9D,IAAML,KAAK,GAAG,IAAAM,iBAAU,EAACC,oCAAiB,CAAC;EAC3C,IAAMC,gBAAgB,GAAG,IAAAC,sCAAmB,EAAC,CAAC;EAE9C,IAAI,CAACT,KAAK,EAAE;IACR,MAAMC,KAAK,uHAEX,CAAC;EACL;EAEA,IAAMS,WAAW,GAAGhB,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC;EAE9C,OAAO;IAAEK,KAAK,EAALA,KAAK;IAAEU,WAAW,EAAXA,WAAW;IAAEF,gBAAgB,EAAhBA;EAAiB,CAAC;AACnD,CAAC,CAAC","ignoreList":[]}

package/ModelProvider/ModelContext.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CmsModel } from "../types";
+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,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModelProvider = exports.ModelContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var ModelContext = exports.ModelContext = /*#__PURE__*/_react.default.createContext(undefined);
+var ModelProvider = exports.ModelProvider = function ModelProvider(_ref) {
+  var model = _ref.model,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(ModelContext.Provider, {
+    value: model
+  }, children);
+};
+
+//# sourceMappingURL=ModelContext.js.map

package/ModelProvider/ModelContext.js.map

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

package/ModelProvider/index.d.ts

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

package/ModelProvider/index.js

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

package/ModelProvider/index.js.map

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

package/ModelProvider/useModel.d.ts

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

package/ModelProvider/useModel.js

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

package/ModelProvider/useModel.js.map

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

package/createValidationContainer.d.ts

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

package/createValidationContainer.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createValidationContainer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ModelFieldProvider = require("./ModelFieldProvider");
+var ValidationContainerStyles = {
+  display: "inherit"
+};
+var createValidationContainer = exports.createValidationContainer = function createValidationContainer(path) {
+  return function ValidationContainer(_ref) {
+    var children = _ref.children;
+    var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+      field = _useModelField.field;
+    if (field.multipleValues === undefined) {
+      field.multipleValues = false;
+    }
+    return /*#__PURE__*/_react.default.createElement("hcms-field-validation", {
+      style: ValidationContainerStyles,
+      "data-path": path,
+      "data-field-type": field.type,
+      "data-field-multiple-values": String(field.multipleValues),
+      "data-field-renderer": String(field.renderer.name)
+    }, children);
+  };
+};
+
+//# sourceMappingURL=createValidationContainer.js.map

package/createValidationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ModelFieldProvider","ValidationContainerStyles","display","createValidationContainer","exports","path","ValidationContainer","_ref","children","_useModelField","useModelField","field","multipleValues","undefined","default","createElement","style","type","String","renderer","name"],"sources":["createValidationContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModelField } from \"./ModelFieldProvider\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-field-validation\": {\n                \"data-path\": string;\n                \"data-field-type\": string;\n                \"data-field-multiple-values\": string;\n                \"data-field-renderer\": string;\n                style: React.CSSProperties;\n                children: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst ValidationContainerStyles = { display: \"inherit\" };\n\nexport const createValidationContainer = (path: string) => {\n    return function ValidationContainer({ children }: { children: React.ReactNode }) {\n        const { field } = useModelField();\n\n        if (field.multipleValues === undefined) {\n            field.multipleValues = false;\n        }\n\n        return (\n            <hcms-field-validation\n                style={ValidationContainerStyles}\n                data-path={path}\n                data-field-type={field.type}\n                data-field-multiple-values={String(field.multipleValues)}\n                data-field-renderer={String(field.renderer.name)}\n            >\n                {children}\n            </hcms-field-validation>\n        );\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAkBA,IAAME,yBAAyB,GAAG;EAAEC,OAAO,EAAE;AAAU,CAAC;AAEjD,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,SAA5BA,yBAAyBA,CAAIE,IAAY,EAAK;EACvD,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAA8C;IAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAC1C,IAAAC,cAAA,GAAkB,IAAAC,iCAAa,EAAC,CAAC;MAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;IAEb,IAAIA,KAAK,CAACC,cAAc,KAAKC,SAAS,EAAE;MACpCF,KAAK,CAACC,cAAc,GAAG,KAAK;IAChC;IAEA,oBACIf,MAAA,CAAAiB,OAAA,CAAAC,aAAA;MACIC,KAAK,EAAEf,yBAA0B;MACjC,aAAWI,IAAK;MAChB,mBAAiBM,KAAK,CAACM,IAAK;MAC5B,8BAA4BC,MAAM,CAACP,KAAK,CAACC,cAAc,CAAE;MACzD,uBAAqBM,MAAM,CAACP,KAAK,CAACQ,QAAQ,CAACC,IAAI;IAAE,GAEhDZ,QACkB,CAAC;EAEhC,CAAC;AACL,CAAC","ignoreList":[]}

package/createValidators.d.ts

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

package/createValidators.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createValidators = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _plugins = require("@webiny/plugins");
+var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+var createValidators = exports.createValidators = function createValidators(field, validation) {
+  var validatorPlugins = _plugins.plugins.byType("cms-model-field-validator");
+  return validation.reduce(function (collection, item) {
+    if (typeof item === "function") {
+      return [].concat((0, _toConsumableArray2.default)(collection), [item]);
+    }
+    var validatorPlugin = validatorPlugins.find(function (plugin) {
+      return plugin.validator.name === item.name;
+    });
+    if (!validatorPlugin || typeof validatorPlugin.validator.validate !== "function") {
+      return collection;
+    }
+    var validator = async function validator(value) {
+      var isInvalid;
+      var message = item.message;
+      try {
+        var result = await validatorPlugin.validator.validate(value, {
+          validator: item,
+          field: field
+        });
+        isInvalid = result === false;
+      } catch (e) {
+        isInvalid = true;
+        if (e.message && !item.message) {
+          message = e.message;
+        }
+      }
+      if (isInvalid) {
+        var interpolated = message || "Invalid value.";
+        var getVariableValues = validatorPlugin.validator.getVariableValues;
+        if (typeof getVariableValues === "function") {
+          var variables = getVariableValues({
+            validator: item
+          });
+          Object.keys(variables).forEach(function (key) {
+            var regex = new RegExp("{".concat(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 = (0, _camelCase.default)(validatorPlugin.validator.name);
+    collection.push(validator);
+    return collection;
+  }, []);
+};
+
+//# sourceMappingURL=createValidators.js.map

package/createValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_plugins","require","_camelCase","_interopRequireDefault","createValidators","exports","field","validation","validatorPlugins","plugins","byType","reduce","collection","item","concat","_toConsumableArray2","default","validatorPlugin","find","plugin","validator","name","validate","value","isInvalid","message","result","e","interpolated","getVariableValues","variables","Object","keys","forEach","key","regex","RegExp","replace","Error","validatorName","camelCase","push"],"sources":["createValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsModelField, CmsModelFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\nimport camelCase from \"lodash/camelCase\";\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,IAAAA,QAAA,GAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEO,IAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CACzBE,KAAoB,EACpBC,UAAkD,EACpC;EACd,IAAMC,gBAAgB,GAAGC,gBAAO,CAACC,MAAM,CACnC,2BACJ,CAAC;EAED,OAAOH,UAAU,CAACI,MAAM,CAAc,UAACC,UAAU,EAAEC,IAAI,EAAK;IACxD,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;MAC5B,UAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAWJ,UAAU,IAAEC,IAAI;IAC/B;IAEA,IAAMI,eAAe,GAAGT,gBAAgB,CAACU,IAAI,CACzC,UAAAC,MAAM;MAAA,OAAIA,MAAM,CAACC,SAAS,CAACC,IAAI,KAAKR,IAAI,CAACQ,IAAI;IAAA,CACjD,CAAC;IAED,IAAI,CAACJ,eAAe,IAAI,OAAOA,eAAe,CAACG,SAAS,CAACE,QAAQ,KAAK,UAAU,EAAE;MAC9E,OAAOV,UAAU;IACrB;IAEA,IAAMQ,SAAS,GAAG,eAAZA,SAASA,CAAUG,KAAkB,EAAK;MAC5C,IAAIC,SAAS;MACb,IAAIC,OAAO,GAAGZ,IAAI,CAACY,OAAO;MAC1B,IAAI;QACA,IAAMC,MAAM,GAAG,MAAMT,eAAe,CAACG,SAAS,CAACE,QAAQ,CAACC,KAAK,EAAE;UAC3DH,SAAS,EAAEP,IAAI;UACfP,KAAK,EAALA;QACJ,CAAC,CAAC;QAEFkB,SAAS,GAAGE,MAAM,KAAK,KAAK;MAChC,CAAC,CAAC,OAAOC,CAAC,EAAE;QACRH,SAAS,GAAG,IAAI;QAChB,IAAIG,CAAC,CAACF,OAAO,IAAI,CAACZ,IAAI,CAACY,OAAO,EAAE;UAC5BA,OAAO,GAAGE,CAAC,CAACF,OAAO;QACvB;MACJ;MAEA,IAAID,SAAS,EAAE;QACX,IAAII,YAAY,GAAGH,OAAO,IAAI,gBAAgB;QAE9C,IAAMI,iBAAiB,GAAGZ,eAAe,CAACG,SAAS,CAACS,iBAAiB;QACrE,IAAI,OAAOA,iBAAiB,KAAK,UAAU,EAAE;UACzC,IAAMC,SAAS,GAAGD,iBAAiB,CAAC;YAAET,SAAS,EAAEP;UAAK,CAAC,CAAC;UAExDkB,MAAM,CAACC,IAAI,CAACF,SAAS,CAAC,CAACG,OAAO,CAAC,UAAAC,GAAG,EAAI;YAClC,IAAMC,KAAK,GAAG,IAAIC,MAAM,KAAAtB,MAAA,CAAMoB,GAAG,QAAM,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,IAAAC,kBAAS,EAACvB,eAAe,CAACG,SAAS,CAACC,IAAI,CAAC;IAEnET,UAAU,CAAC6B,IAAI,CAACrB,SAAS,CAAC;IAC1B,OAAOR,UAAU;EACrB,CAAC,EAAE,EAAiB,CAAC;AACzB,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,5 +1,10 @@
+export * from "./Fields";
+export * from "./ModelFieldProvider";
+export * from "./ModelProvider";
 export * from "./entries.graphql";
 export * from "./getModelTitleFieldId";
 export * from "./createFieldsList";
+export * from "./createValidationContainer";
+export * from "./createValidators";
 export * from "./prepareFormData";
 export * from "./constants";

package/index.js

@@ -3,6 +3,39 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _Fields = require("./Fields");
+Object.keys(_Fields).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fields[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Fields[key];
+    }
+  });
+});
+var _ModelFieldProvider = require("./ModelFieldProvider");
+Object.keys(_ModelFieldProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModelFieldProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModelFieldProvider[key];
+    }
+  });
+});
+var _ModelProvider = require("./ModelProvider");
+Object.keys(_ModelProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModelProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModelProvider[key];
+    }
+  });
+});
 var _entries = require("./entries.graphql");
 Object.keys(_entries).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -36,6 +69,28 @@ Object.keys(_createFieldsList).forEach(function (key) {
     }
   });
 });
+var _createValidationContainer = require("./createValidationContainer");
+Object.keys(_createValidationContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createValidationContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _createValidationContainer[key];
+    }
+  });
+});
+var _createValidators = require("./createValidators");
+Object.keys(_createValidators).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createValidators[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _createValidators[key];
+    }
+  });
+});
 var _prepareFormData = require("./prepareFormData");
 Object.keys(_prepareFormData).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_entries","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getModelTitleFieldId","_createFieldsList","_prepareFormData","_constants"],"sources":["index.ts"],"sourcesContent":["export * from \"./entries.graphql\";\nexport * from \"./getModelTitleFieldId\";\nexport * from \"./createFieldsList\";\nexport * from \"./prepareFormData\";\nexport * from \"./constants\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,iBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,iBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,iBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,iBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,gBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,gBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,gBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,gBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,UAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,UAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,UAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,UAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Fields","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ModelFieldProvider","_ModelProvider","_entries","_getModelTitleFieldId","_createFieldsList","_createValidationContainer","_createValidators","_prepareFormData","_constants"],"sources":["index.ts"],"sourcesContent":["export * from \"./Fields\";\nexport * from \"./ModelFieldProvider\";\nexport * from \"./ModelProvider\";\nexport * from \"./entries.graphql\";\nexport * from \"./getModelTitleFieldId\";\nexport * from \"./createFieldsList\";\nexport * from \"./createValidationContainer\";\nexport * from \"./createValidators\";\nexport * from \"./prepareFormData\";\nexport * from \"./constants\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,mBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,mBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,mBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,mBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,QAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,QAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,QAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,QAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,qBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,qBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,qBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,qBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,iBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,iBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,iBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,iBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,0BAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,0BAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,0BAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAM,0BAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,iBAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,iBAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,iBAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAO,iBAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,gBAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,gBAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAY,gBAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAQ,gBAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,UAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,UAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAa,UAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAS,UAAA,CAAAb,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms-common",
-	"version": "5.42.2-beta.5",
+	"version": "5.42.3-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -13,21 +13,29 @@
 	],
 	"license": "MIT",
 	"dependencies": {
+		"@emotion/react": "11.10.8",
 		"@fortawesome/fontawesome-svg-core": "1.3.0",
-		"@types/react": "18.2.79",
-		"@webiny/app-security": "5.42.2-beta.5",
-		"@webiny/form": "5.42.2-beta.5",
-		"@webiny/plugins": "5.42.2-beta.5",
-		"@webiny/validation": "5.42.2-beta.5",
+		"@webiny/app": "5.42.3-beta.0",
+		"@webiny/app-admin": "5.42.3-beta.0",
+		"@webiny/app-security": "5.42.3-beta.0",
+		"@webiny/form": "5.42.3-beta.0",
+		"@webiny/plugins": "5.42.3-beta.0",
+		"@webiny/react-composition": "5.42.3-beta.0",
+		"@webiny/ui": "5.42.3-beta.0",
+		"@webiny/validation": "5.42.3-beta.0",
+		"classnames": "2.5.1",
 		"dnd-core": "16.0.1",
 		"graphql": "15.9.0",
 		"graphql-tag": "2.12.6",
+		"lodash": "4.17.21",
 		"prop-types": "15.8.1",
 		"react": "18.2.0"
 	},
 	"devDependencies": {
 		"@emotion/babel-plugin": "11.11.0",
-		"@webiny/project-utils": "5.42.2-beta.5",
+		"@types/react": "18.2.79",
+		"@webiny/cli": "5.42.3-beta.0",
+		"@webiny/project-utils": "5.42.3-beta.0",
 		"babel-plugin-module-resolver": "5.0.2",
 		"rimraf": "6.0.1",
 		"ttypescript": "1.5.15",
@@ -41,5 +49,5 @@
 		"build": "node ../cli/bin.js run build",
 		"watch": "node ../cli/bin.js run watch"
 	},
-	"gitHead": "492fd2526739d34306c51961b0335bf8ecf071a4"
+	"gitHead": "3ff1f272d954a6d045c023595d94556af38f4b14"
 }