@webiny/app-headless-cms-common 5.42.3-beta.0 → 5.42.3-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Fields/ErrorBoundary.d.ts +23 -0
- package/Fields/ErrorBoundary.js +60 -0
- package/Fields/ErrorBoundary.js.map +1 -0
- package/Fields/FieldElement.d.ts +24 -12
- package/Fields/FieldElement.js +12 -2
- package/Fields/FieldElement.js.map +1 -1
- package/Fields/FieldElementError.d.ts +7 -0
- package/Fields/FieldElementError.js +33 -0
- package/Fields/FieldElementError.js.map +1 -0
- package/Fields/Fields.d.ts +1 -1
- package/Fields/Fields.js +8 -4
- package/Fields/Fields.js.map +1 -1
- package/Fields/Label.d.ts +1 -1
- package/Fields/Label.js +3 -3
- package/Fields/Label.js.map +1 -1
- package/createFieldsList.js +2 -2
- package/createFieldsList.js.map +1 -1
- package/package.json +13 -12
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { ErrorInfo } from "react";
|
|
2
|
+
import type { CmsModelField } from "../types";
|
|
3
|
+
type State = {
|
|
4
|
+
hasError: true;
|
|
5
|
+
error: Error;
|
|
6
|
+
} | {
|
|
7
|
+
hasError: false;
|
|
8
|
+
error: undefined;
|
|
9
|
+
};
|
|
10
|
+
interface Props {
|
|
11
|
+
field: CmsModelField;
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
}
|
|
14
|
+
export declare class ErrorBoundary extends React.Component<Props, State> {
|
|
15
|
+
constructor(props: Props);
|
|
16
|
+
static getDerivedStateFromError(error: Error): {
|
|
17
|
+
hasError: boolean;
|
|
18
|
+
error: Error;
|
|
19
|
+
};
|
|
20
|
+
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
21
|
+
render(): any;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ErrorBoundary = void 0;
|
|
8
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
var _FieldElementError = require("./FieldElementError");
|
|
14
|
+
var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
15
|
+
function ErrorBoundary(props) {
|
|
16
|
+
var _this;
|
|
17
|
+
(0, _classCallCheck2.default)(this, ErrorBoundary);
|
|
18
|
+
_this = (0, _callSuper2.default)(this, ErrorBoundary, [props]);
|
|
19
|
+
_this.state = {
|
|
20
|
+
hasError: false,
|
|
21
|
+
error: undefined
|
|
22
|
+
};
|
|
23
|
+
return _this;
|
|
24
|
+
}
|
|
25
|
+
(0, _inherits2.default)(ErrorBoundary, _React$Component);
|
|
26
|
+
return (0, _createClass2.default)(ErrorBoundary, [{
|
|
27
|
+
key: "componentDidCatch",
|
|
28
|
+
value: function componentDidCatch(error, errorInfo) {
|
|
29
|
+
var field = this.props.field;
|
|
30
|
+
if (!field) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
console.groupCollapsed("%cFIELD ERROR%c: An error occurred while rendering model field \"".concat(field.fieldId, "\" (").concat(field.id, ") of type \"").concat(field.type, "\"."), "color:red", "color:default");
|
|
34
|
+
console.log("Field definition", field);
|
|
35
|
+
console.error(error, errorInfo);
|
|
36
|
+
console.groupEnd();
|
|
37
|
+
}
|
|
38
|
+
}, {
|
|
39
|
+
key: "render",
|
|
40
|
+
value: function render() {
|
|
41
|
+
if (this.state.hasError) {
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_FieldElementError.FieldElementError, {
|
|
43
|
+
title: "Error: ".concat(this.state.error.message),
|
|
44
|
+
description: "See developer console for more details."
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
return this.props.children;
|
|
48
|
+
}
|
|
49
|
+
}], [{
|
|
50
|
+
key: "getDerivedStateFromError",
|
|
51
|
+
value: function getDerivedStateFromError(error) {
|
|
52
|
+
return {
|
|
53
|
+
hasError: true,
|
|
54
|
+
error: error
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}]);
|
|
58
|
+
}(_react.default.Component);
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_FieldElementError","ErrorBoundary","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","state","hasError","error","undefined","_inherits2","_createClass2","key","value","componentDidCatch","errorInfo","field","console","groupCollapsed","concat","fieldId","id","type","log","groupEnd","render","createElement","FieldElementError","title","message","description","children","getDerivedStateFromError","React","Component"],"sources":["ErrorBoundary.tsx"],"sourcesContent":["import React, { ErrorInfo } from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport { FieldElementError } from \"./FieldElementError\";\n\ntype State =\n | {\n hasError: true;\n error: Error;\n }\n | { hasError: false; error: undefined };\n\ninterface Props {\n field: CmsModelField;\n [key: string]: any;\n}\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n constructor(props: Props) {\n super(props);\n this.state = {\n hasError: false,\n error: undefined\n };\n }\n\n static getDerivedStateFromError(error: Error) {\n return {\n hasError: true,\n error\n };\n }\n\n public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n const { field } = this.props;\n if (!field) {\n return;\n }\n console.groupCollapsed(\n `%cFIELD ERROR%c: An error occurred while rendering model field \"${field.fieldId}\" (${field.id}) of type \"${field.type}\".`,\n \"color:red\",\n \"color:default\"\n );\n console.log(\"Field definition\", field);\n console.error(error, errorInfo);\n console.groupEnd();\n }\n\n public override render() {\n if (this.state.hasError) {\n return (\n <FieldElementError\n title={`Error: ${this.state.error.message}`}\n description={\"See developer console for more details.\"}\n />\n );\n }\n\n return this.props.children;\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAAwD,IAc3CE,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,gBAAA;EACtB,SAAAF,cAAYG,KAAY,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,aAAA;IACtBI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,aAAA,GAAMG,KAAK;IACXC,KAAA,CAAKI,KAAK,GAAG;MACTC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAEC;IACX,CAAC;IAAC,OAAAP,KAAA;EACN;EAAC,IAAAQ,UAAA,CAAAN,OAAA,EAAAN,aAAA,EAAAE,gBAAA;EAAA,WAAAW,aAAA,CAAAP,OAAA,EAAAN,aAAA;IAAAc,GAAA;IAAAC,KAAA,EASD,SAAgBC,iBAAiBA,CAACN,KAAY,EAAEO,SAAoB,EAAE;MAClE,IAAQC,KAAK,GAAK,IAAI,CAACf,KAAK,CAApBe,KAAK;MACb,IAAI,CAACA,KAAK,EAAE;QACR;MACJ;MACAC,OAAO,CAACC,cAAc,qEAAAC,MAAA,CACiDH,KAAK,CAACI,OAAO,UAAAD,MAAA,CAAMH,KAAK,CAACK,EAAE,kBAAAF,MAAA,CAAcH,KAAK,CAACM,IAAI,UACtH,WAAW,EACX,eACJ,CAAC;MACDL,OAAO,CAACM,GAAG,CAAC,kBAAkB,EAAEP,KAAK,CAAC;MACtCC,OAAO,CAACT,KAAK,CAACA,KAAK,EAAEO,SAAS,CAAC;MAC/BE,OAAO,CAACO,QAAQ,CAAC,CAAC;IACtB;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAgBY,MAAMA,CAAA,EAAG;MACrB,IAAI,IAAI,CAACnB,KAAK,CAACC,QAAQ,EAAE;QACrB,oBACIb,MAAA,CAAAU,OAAA,CAAAsB,aAAA,CAAC7B,kBAAA,CAAA8B,iBAAiB;UACdC,KAAK,YAAAT,MAAA,CAAY,IAAI,CAACb,KAAK,CAACE,KAAK,CAACqB,OAAO,CAAG;UAC5CC,WAAW,EAAE;QAA0C,CAC1D,CAAC;MAEV;MAEA,OAAO,IAAI,CAAC7B,KAAK,CAAC8B,QAAQ;IAC9B;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAjCD,SAAOmB,wBAAwBA,CAACxB,KAAY,EAAE;MAC1C,OAAO;QACHD,QAAQ,EAAE,IAAI;QACdC,KAAK,EAALA;MACJ,CAAC;IACL;EAAC;AAAA,EAd8ByB,cAAK,CAACC,SAAS","ignoreList":[]}
|
package/Fields/FieldElement.d.ts
CHANGED
|
@@ -1,25 +1,37 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CmsModelField, CmsEditorContentModel, BindComponent } from "../types";
|
|
3
|
+
declare global {
|
|
4
|
+
namespace JSX {
|
|
5
|
+
interface IntrinsicElements {
|
|
6
|
+
"hcms-model-field": {
|
|
7
|
+
"data-id": string;
|
|
8
|
+
"data-type": string;
|
|
9
|
+
"data-field-id": string;
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
3
15
|
export interface FieldElementProps {
|
|
4
16
|
field: CmsModelField;
|
|
5
17
|
Bind: BindComponent;
|
|
6
18
|
contentModel: CmsEditorContentModel;
|
|
7
19
|
}
|
|
8
|
-
export declare const FieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
9
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
20
|
+
export declare const FieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
21
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
10
22
|
originalName: string;
|
|
11
23
|
displayName: string;
|
|
12
24
|
} & {
|
|
13
|
-
original: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
14
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
25
|
+
original: (({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
26
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
15
27
|
originalName: string;
|
|
16
28
|
displayName: string;
|
|
17
29
|
};
|
|
18
30
|
originalName: string;
|
|
19
31
|
displayName: string;
|
|
20
32
|
} & {
|
|
21
|
-
createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
22
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
33
|
+
createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
34
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
23
35
|
originalName: string;
|
|
24
36
|
displayName: string;
|
|
25
37
|
}>) => (props: unknown) => React.JSX.Element;
|
|
@@ -27,21 +39,21 @@ export declare const FieldElement: (({ field, ...props }: FieldElementProps) =>
|
|
|
27
39
|
/**
|
|
28
40
|
* @deprecated Use `FieldElement` instead.
|
|
29
41
|
*/
|
|
30
|
-
export declare const RenderFieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
31
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
42
|
+
export declare const RenderFieldElement: (({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
43
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
32
44
|
originalName: string;
|
|
33
45
|
displayName: string;
|
|
34
46
|
} & {
|
|
35
|
-
original: (({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
36
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
47
|
+
original: (({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
48
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
37
49
|
originalName: string;
|
|
38
50
|
displayName: string;
|
|
39
51
|
};
|
|
40
52
|
originalName: string;
|
|
41
53
|
displayName: string;
|
|
42
54
|
} & {
|
|
43
|
-
createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element) & {
|
|
44
|
-
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element;
|
|
55
|
+
createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ field, ...props }: FieldElementProps) => React.JSX.Element | null) & {
|
|
56
|
+
original: ({ field, ...props }: FieldElementProps) => React.JSX.Element | null;
|
|
45
57
|
originalName: string;
|
|
46
58
|
displayName: string;
|
|
47
59
|
}>) => (props: unknown) => React.JSX.Element;
|
package/Fields/FieldElement.js
CHANGED
|
@@ -15,6 +15,7 @@ var _Label = _interopRequireDefault(require("./Label"));
|
|
|
15
15
|
var _useBind = require("./useBind");
|
|
16
16
|
var _useRenderPlugins = require("./useRenderPlugins");
|
|
17
17
|
var _ModelFieldProvider = require("../ModelFieldProvider");
|
|
18
|
+
var _ErrorBoundary = require("./ErrorBoundary");
|
|
18
19
|
var _excluded = ["field"];
|
|
19
20
|
var _templateObject;
|
|
20
21
|
var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-form");
|
|
@@ -53,9 +54,18 @@ var RenderField = function RenderField(props) {
|
|
|
53
54
|
var FieldElement = exports.FieldElement = (0, _appAdmin.makeDecoratable)("FieldElement", function (_ref) {
|
|
54
55
|
var field = _ref.field,
|
|
55
56
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
56
|
-
|
|
57
|
+
if (!field) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement("hcms-model-field", {
|
|
61
|
+
"data-id": field.id,
|
|
62
|
+
"data-field-id": field.fieldId,
|
|
63
|
+
"data-type": field.type
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
|
|
65
|
+
field: field
|
|
66
|
+
}, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
|
|
57
67
|
field: field
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement(RenderField, props));
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(RenderField, props))));
|
|
59
69
|
});
|
|
60
70
|
|
|
61
71
|
/**
|
|
@@ -1 +1 @@
|
|
|
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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_appAdmin","_i18n","_Label","_useBind","_useRenderPlugins","_ModelFieldProvider","_ErrorBoundary","_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","id","type","ErrorBoundary","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\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ndeclare global {\n // eslint-disable-next-line\n namespace JSX {\n interface IntrinsicElements {\n \"hcms-model-field\": {\n \"data-id\": string;\n \"data-type\": string;\n \"data-field-id\": string;\n children: React.ReactNode;\n };\n }\n }\n}\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 if (!field) {\n return null;\n }\n\n return (\n <hcms-model-field\n data-id={field.id}\n data-field-id={field.fieldId}\n data-type={field.type}\n >\n <ErrorBoundary field={field}>\n <ModelFieldProvider field={field}>\n <RenderField {...props} />\n </ModelFieldProvider>\n </ErrorBoundary>\n </hcms-model-field>\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":"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","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.FieldElementError = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
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)."; }
|
|
11
|
+
var StyledError = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
12
|
+
target: "e11oiyxk0"
|
|
13
|
+
} : {
|
|
14
|
+
target: "e11oiyxk0",
|
|
15
|
+
label: "StyledError"
|
|
16
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
+
name: "1ybf6v5",
|
|
18
|
+
styles: "border:2px solid red;background-color:#f87e7e;border-radius:5px;padding:5px 10px"
|
|
19
|
+
} : {
|
|
20
|
+
name: "1ybf6v5",
|
|
21
|
+
styles: "border:2px solid red;background-color:#f87e7e;border-radius:5px;padding:5px 10px",
|
|
22
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkRWxlbWVudEVycm9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHOEIiLCJmaWxlIjoiRmllbGRFbGVtZW50RXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkLmRpdmBcbiAgICBib3JkZXI6IDJweCBzb2xpZCByZWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4N2U3ZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgcGFkZGluZzogNXB4IDEwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRmllbGRFbGVtZW50RXJyb3JQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xufVxuXG5jb25zdCBzaG93RXJyb3IgPSBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gXCJkZXZlbG9wbWVudFwiO1xuXG5leHBvcnQgY29uc3QgRmllbGRFbGVtZW50RXJyb3IgPSAocHJvcHM6IEZpZWxkRWxlbWVudEVycm9yUHJvcHMpID0+IHtcbiAgICBpZiAoIXNob3dFcnJvcikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkRXJyb3I+XG4gICAgICAgICAgICA8aDU+e3Byb3BzLnRpdGxlfTwvaDU+XG4gICAgICAgICAgICA8cD57cHJvcHMuZGVzY3JpcHRpb259PC9wPlxuICAgICAgICA8L1N0eWxlZEVycm9yPlxuICAgICk7XG59O1xuIl19 */",
|
|
23
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
|
+
});
|
|
25
|
+
var showError = process.env.NODE_ENV === "development";
|
|
26
|
+
var FieldElementError = exports.FieldElementError = function FieldElementError(props) {
|
|
27
|
+
if (!showError) {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement(StyledError, null, /*#__PURE__*/_react.default.createElement("h5", null, props.title), /*#__PURE__*/_react.default.createElement("p", null, props.description));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=FieldElementError.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledError","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","showError","FieldElementError","exports","props","createElement","title","description"],"sources":["FieldElementError.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst StyledError = styled.div`\n border: 2px solid red;\n background-color: #f87e7e;\n border-radius: 5px;\n padding: 5px 10px;\n`;\n\ninterface FieldElementErrorProps {\n title: string;\n description: string;\n}\n\nconst showError = process.env.NODE_ENV === \"development\";\n\nexport const FieldElementError = (props: FieldElementErrorProps) => {\n if (!showError) {\n return null;\n }\n\n return (\n <StyledError>\n <h5>{props.title}</h5>\n <p>{props.description}</p>\n </StyledError>\n );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAG1B,IAAMC,WAAW,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAKhB;AAOD,IAAMa,SAAS,GAAGT,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;AAEjD,IAAMQ,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAA6B,EAAK;EAChE,IAAI,CAACH,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIhB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAAChB,WAAW,qBACRJ,MAAA,CAAAM,OAAA,CAAAc,aAAA,aAAKD,KAAK,CAACE,KAAU,CAAC,eACtBrB,MAAA,CAAAM,OAAA,CAAAc,aAAA,YAAID,KAAK,CAACG,WAAe,CAChB,CAAC;AAEtB,CAAC","ignoreList":[]}
|
package/Fields/Fields.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { CmsEditorContentModel, CmsModelField, CmsEditorFieldsLayout, BindComponent } from "../types";
|
|
2
|
+
import type { CmsEditorContentModel, CmsModelField, CmsEditorFieldsLayout, BindComponent } from "../types";
|
|
3
3
|
interface FieldsProps {
|
|
4
4
|
Bind: BindComponent;
|
|
5
5
|
contentModel: CmsEditorContentModel;
|
package/Fields/Fields.js
CHANGED
|
@@ -8,6 +8,7 @@ exports.Fields = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Grid = require("@webiny/ui/Grid");
|
|
10
10
|
var _FieldElement = require("./FieldElement");
|
|
11
|
+
var _FieldElementError = require("./FieldElementError");
|
|
11
12
|
var getFieldById = function getFieldById(fields, id) {
|
|
12
13
|
return fields.find(function (field) {
|
|
13
14
|
return field.id === id;
|
|
@@ -24,15 +25,18 @@ var Fields = exports.Fields = function Fields(_ref) {
|
|
|
24
25
|
}, layout.map(function (row, rowIndex) {
|
|
25
26
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
26
27
|
key: rowIndex
|
|
27
|
-
}, row.map(function (
|
|
28
|
-
var field = getFieldById(fields,
|
|
28
|
+
}, row.map(function (id) {
|
|
29
|
+
var field = getFieldById(fields, id);
|
|
29
30
|
return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
|
|
30
31
|
span: Math.floor(12 / row.length),
|
|
31
|
-
key:
|
|
32
|
-
}, /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
|
|
32
|
+
key: id
|
|
33
|
+
}, field ? /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
|
|
33
34
|
field: field,
|
|
34
35
|
Bind: Bind,
|
|
35
36
|
contentModel: contentModel
|
|
37
|
+
}) : /*#__PURE__*/_react.default.createElement(_FieldElementError.FieldElementError, {
|
|
38
|
+
title: "Missing field with id \"".concat(id, "\"!"),
|
|
39
|
+
description: "Make sure field layout contains the correct field ids (hint: check for typos)."
|
|
36
40
|
}));
|
|
37
41
|
}));
|
|
38
42
|
}));
|
package/Fields/Fields.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_FieldElement","_FieldElementError","getFieldById","fields","id","find","field","Fields","exports","_ref","Bind","layout","contentModel","gridClassName","default","createElement","Grid","className","map","row","rowIndex","Fragment","key","Cell","span","Math","floor","length","FieldElement","FieldElementError","title","concat","description"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FieldElement } from \"./FieldElement\";\nimport { FieldElementError } from \"./FieldElementError\";\nimport type {\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(id => {\n const field = getFieldById(fields, id) as CmsModelField;\n\n return (\n <Cell span={Math.floor(12 / row.length)} key={id}>\n {field ? (\n <FieldElement\n field={field}\n Bind={Bind}\n contentModel={contentModel}\n />\n ) : (\n <FieldElementError\n title={`Missing field with id \"${id}\"!`}\n description={\n \"Make sure field layout contains the correct field ids (hint: check for typos).\"\n }\n />\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;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAgBA,IAAMI,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,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAiB,IAAI;IAACC,SAAS,EAAEJ;EAAc,GAC1BF,MAAM,CAACO,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtBxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACnB,MAAA,CAAAkB,OAAK,CAACO,QAAQ;MAACC,GAAG,EAAEF;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAd,EAAE,EAAI;MACX,IAAME,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEC,EAAE,CAAkB;MAEvD,oBACIR,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAwB,IAAI;QAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGP,GAAG,CAACQ,MAAM,CAAE;QAACL,GAAG,EAAElB;MAAG,GAC5CE,KAAK,gBACFV,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA4B,YAAY;QACTtB,KAAK,EAAEA,KAAM;QACbI,IAAI,EAAEA,IAAK;QACXE,YAAY,EAAEA;MAAa,CAC9B,CAAC,gBAEFhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,kBAAA,CAAA4B,iBAAiB;QACdC,KAAK,6BAAAC,MAAA,CAA4B3B,EAAE,QAAK;QACxC4B,WAAW,EACP;MACH,CACJ,CAEH,CAAC;IAEf,CAAC,CACW,CAAC;EAAA,CACpB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
|
package/Fields/Label.d.ts
CHANGED
package/Fields/Label.js
CHANGED
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = void 0;
|
|
7
|
+
exports.default = exports.Label = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -17,11 +17,11 @@ var style = {
|
|
|
17
17
|
} : {
|
|
18
18
|
name: "1a8b4f-label",
|
|
19
19
|
styles: "margin-bottom:5px !important;label:label;",
|
|
20
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNVyIsImZpbGUiOiJMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCBzdHlsZSA9IHtcbiAgICBsYWJlbDogY3NzKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBcIjVweCAhaW1wb3J0YW50XCJcbiAgICB9KVxufTtcblxuaW50ZXJmYWNlIExhYmVsUHJvcHMge1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSAoeyBjaGlsZHJlbiB9OiBMYWJlbFByb3BzKSA9PiAoXG4gICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgICBcIm1kYy10ZXh0LWZpZWxkLWhlbHBlci10ZXh0IG1kYy10ZXh0LWZpZWxkLWhlbHBlci10ZXh0LS1wZXJzaXN0ZW50XCIsXG4gICAgICAgICAgICBzdHlsZS5sYWJlbFxuICAgICAgICApfVxuICAgID5cbiAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PntjaGlsZHJlbn08L1R5cG9ncmFwaHk+XG4gICAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */",
|
|
21
21
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
var Label = function Label(_ref) {
|
|
24
|
+
var Label = exports.Label = function Label(_ref) {
|
|
25
25
|
var children = _ref.children;
|
|
26
26
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
27
27
|
className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", style.label)
|
package/Fields/Label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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"
|
|
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","exports","_ref","children","default","createElement","className","classNames","Typography","use","_default"],"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\nexport const 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;AAMM,IAAMU,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBAC5BnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAE,IAAAC,mBAAU,EACjB,mEAAmE,EACnEhB,KAAK,CAACC,KACV;EAAE,gBAEFR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,WAAA,CAAAmB,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEN,QAAqB,CAC/C,CAAC;AAAA,CACT;AAAC,IAAAO,QAAA,GAAAT,OAAA,CAAAG,OAAA,GAEaJ,KAAK","ignoreList":[]}
|
package/createFieldsList.js
CHANGED
|
@@ -41,10 +41,10 @@ function createFieldsList(_ref) {
|
|
|
41
41
|
return field.fieldId;
|
|
42
42
|
}).filter(Boolean);
|
|
43
43
|
/**
|
|
44
|
-
* If there are no fields, let's always load the `
|
|
44
|
+
* If there are no fields, let's always load the `_empty` field.
|
|
45
45
|
*/
|
|
46
46
|
if (fields.length === 0) {
|
|
47
|
-
fields.push("
|
|
47
|
+
fields.push("_empty");
|
|
48
48
|
}
|
|
49
49
|
return fields.join("\n");
|
|
50
50
|
}
|
package/createFieldsList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_plugins","require","createFieldsList","_ref","model","inputFields","fields","graphQLTypePrefix","fieldPlugins","plugins","byType","reduce","acc","item","_objectSpread3","default","_defineProperty2","field","type","typePrefix","singularApiName","map","console","log","concat","graphql","queryField","selection","fieldId","filter","Boolean","length","push","join"],"sources":["createFieldsList.ts"],"sourcesContent":["import { CmsModel, CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\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 `
|
|
1
|
+
{"version":3,"names":["_plugins","require","createFieldsList","_ref","model","inputFields","fields","graphQLTypePrefix","fieldPlugins","plugins","byType","reduce","acc","item","_objectSpread3","default","_defineProperty2","field","type","typePrefix","singularApiName","map","console","log","concat","graphql","queryField","selection","fieldId","filter","Boolean","length","push","join"],"sources":["createFieldsList.ts"],"sourcesContent":["import { CmsModel, CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\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,IAAAA,QAAA,GAAAC,OAAA;AAQO,SAASC,gBAAgBA,CAAAC,IAAA,EAIG;EAAA,IAH/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACGC,WAAW,GAAAF,IAAA,CAAnBG,MAAM;IACNC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;EAEjB,IAAMC,YAA8D,GAAGC,gBAAO,CACzEC,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI;IAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAWH,GAAG,WAAAI,gBAAA,CAAAD,OAAA,MAAGF,IAAI,CAACI,KAAK,CAACC,IAAI,EAAGL,IAAI,CAACI,KAAK;EAAA,CAAG,EAAE,CAAC,CAAC,CAAC;EAE3E,IAAME,UAAU,GAAGZ,iBAAiB,IAAIH,KAAK,CAACgB,eAAe;EAE7D,IAAMd,MAAM,GAAGD,WAAW,CACrBgB,GAAG,CAAC,UAAAJ,KAAK,EAAI;IACV,IAAI,CAACT,YAAY,CAACS,KAAK,CAACC,IAAI,CAAC,EAAE;MAC3BI,OAAO,CAACC,GAAG,0CAAAC,MAAA,CAAyCP,KAAK,CAACC,IAAI,QAAI,CAAC;MACnE,OAAO,IAAI;IACf;IACA,IAAQO,OAAO,GAAKjB,YAAY,CAACS,KAAK,CAACC,IAAI,CAAC,CAApCO,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,GACxBA,UAAU,GACVA,UAAU,CAAC;QAAEtB,KAAK,EAALA,KAAK;QAAEa,KAAK,EAALA,KAAK;QAAEV,iBAAiB,EAAEY;MAAW,CAAC,CAAC;;MAErE;AAChB;AACA;MACgB,IAAIQ,SAAS,KAAK,IAAI,EAAE;QACpB,OAAO,IAAI;MACf;MAEA,UAAAH,MAAA,CAAUP,KAAK,CAACW,OAAO,OAAAJ,MAAA,CAAIG,SAAS;IACxC;IAEA,OAAOV,KAAK,CAACW,OAAO;EACxB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;EACpB;AACJ;AACA;EACI,IAAIxB,MAAM,CAACyB,MAAM,KAAK,CAAC,EAAE;IACrBzB,MAAM,CAAC0B,IAAI,CAAC,QAAQ,CAAC;EACzB;EACA,OAAO1B,MAAM,CAAC2B,IAAI,CAAC,IAAI,CAAC;AAC5B","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-headless-cms-common",
|
|
3
|
-
"version": "5.42.3-beta.
|
|
3
|
+
"version": "5.42.3-beta.2",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -14,15 +14,16 @@
|
|
|
14
14
|
"license": "MIT",
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@emotion/react": "11.10.8",
|
|
17
|
+
"@emotion/styled": "11.10.6",
|
|
17
18
|
"@fortawesome/fontawesome-svg-core": "1.3.0",
|
|
18
|
-
"@webiny/app": "5.42.3-beta.
|
|
19
|
-
"@webiny/app-admin": "5.42.3-beta.
|
|
20
|
-
"@webiny/app-security": "5.42.3-beta.
|
|
21
|
-
"@webiny/form": "5.42.3-beta.
|
|
22
|
-
"@webiny/plugins": "5.42.3-beta.
|
|
23
|
-
"@webiny/react-composition": "5.42.3-beta.
|
|
24
|
-
"@webiny/ui": "5.42.3-beta.
|
|
25
|
-
"@webiny/validation": "5.42.3-beta.
|
|
19
|
+
"@webiny/app": "5.42.3-beta.2",
|
|
20
|
+
"@webiny/app-admin": "5.42.3-beta.2",
|
|
21
|
+
"@webiny/app-security": "5.42.3-beta.2",
|
|
22
|
+
"@webiny/form": "5.42.3-beta.2",
|
|
23
|
+
"@webiny/plugins": "5.42.3-beta.2",
|
|
24
|
+
"@webiny/react-composition": "5.42.3-beta.2",
|
|
25
|
+
"@webiny/ui": "5.42.3-beta.2",
|
|
26
|
+
"@webiny/validation": "5.42.3-beta.2",
|
|
26
27
|
"classnames": "2.5.1",
|
|
27
28
|
"dnd-core": "16.0.1",
|
|
28
29
|
"graphql": "15.9.0",
|
|
@@ -34,8 +35,8 @@
|
|
|
34
35
|
"devDependencies": {
|
|
35
36
|
"@emotion/babel-plugin": "11.11.0",
|
|
36
37
|
"@types/react": "18.2.79",
|
|
37
|
-
"@webiny/cli": "5.42.3-beta.
|
|
38
|
-
"@webiny/project-utils": "5.42.3-beta.
|
|
38
|
+
"@webiny/cli": "5.42.3-beta.2",
|
|
39
|
+
"@webiny/project-utils": "5.42.3-beta.2",
|
|
39
40
|
"babel-plugin-module-resolver": "5.0.2",
|
|
40
41
|
"rimraf": "6.0.1",
|
|
41
42
|
"ttypescript": "1.5.15",
|
|
@@ -49,5 +50,5 @@
|
|
|
49
50
|
"build": "node ../cli/bin.js run build",
|
|
50
51
|
"watch": "node ../cli/bin.js run watch"
|
|
51
52
|
},
|
|
52
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "2f2dbebb4bbf728ced489516d9a64296e0e27e23"
|
|
53
54
|
}
|