@webiny/app 5.27.0 → 5.28.0-beta.0
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/apollo-client/InMemoryCache.js +49 -29
- package/apollo-client/InMemoryCache.js.map +1 -1
- package/components/Image.js +26 -11
- package/components/Image.js.map +1 -1
- package/components/Routes.js +24 -10
- package/components/Routes.js.map +1 -1
- package/components/View.js +27 -9
- package/components/View.js.map +1 -1
- package/components/index.js +21 -2
- package/components/index.js.map +1 -1
- package/config.js +9 -1
- package/config.js.map +1 -1
- package/contexts/Ui/index.js +55 -32
- package/contexts/Ui/index.js.map +1 -1
- package/hooks/useAutocomplete/index.js +13 -1
- package/hooks/useAutocomplete/index.js.map +1 -1
- package/hooks/useAutocomplete/useAutocomplete.js +21 -7
- package/hooks/useAutocomplete/useAutocomplete.js.map +1 -1
- package/hooks/useDataList/functions/getData.js +16 -4
- package/hooks/useDataList/functions/getData.js.map +1 -1
- package/hooks/useDataList/functions/getError.js +16 -4
- package/hooks/useDataList/functions/getError.js.map +1 -1
- package/hooks/useDataList/functions/getMeta.js +16 -4
- package/hooks/useDataList/functions/getMeta.js.map +1 -1
- package/hooks/useDataList/functions/index.js +31 -3
- package/hooks/useDataList/functions/index.js.map +1 -1
- package/hooks/useDataList/functions/searchDataByKey.js +9 -1
- package/hooks/useDataList/functions/searchDataByKey.js.map +1 -1
- package/hooks/useDataList/index.js +13 -1
- package/hooks/useDataList/index.js.map +1 -1
- package/hooks/useDataList/useDataList.js +49 -38
- package/hooks/useDataList/useDataList.js.map +1 -1
- package/hooks/useDataList/utils/index.js +23 -2
- package/hooks/useDataList/utils/index.js.map +1 -1
- package/hooks/useDataList/utils/prepareLoadListParams.js +11 -2
- package/hooks/useDataList/utils/prepareLoadListParams.js.map +1 -1
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js +11 -2
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js.map +1 -1
- package/hooks/useDataList/utils/types.js +5 -1
- package/hooks/useDataList/utils/types.js.map +1 -1
- package/hooks/useHandler.js +12 -8
- package/hooks/useHandler.js.map +1 -1
- package/hooks/useHandlers.js +13 -5
- package/hooks/useHandlers.js.map +1 -1
- package/hooks/useUi.js +16 -5
- package/hooks/useUi.js.map +1 -1
- package/i18n/i18n.js +21 -5
- package/i18n/i18n.js.map +1 -1
- package/i18n/index.js +15 -1
- package/i18n/index.js.map +1 -1
- package/package.json +12 -12
- package/plugins/AddQuerySelectionPlugin.js +43 -26
- package/plugins/AddQuerySelectionPlugin.js.map +1 -1
- package/plugins/ApolloCacheObjectIdPlugin.js +33 -20
- package/plugins/ApolloCacheObjectIdPlugin.js.map +1 -1
- package/plugins/ApolloDynamicLink.js +35 -20
- package/plugins/ApolloDynamicLink.js.map +1 -1
- package/plugins/ApolloLinkPlugin.js +36 -24
- package/plugins/ApolloLinkPlugin.js.map +1 -1
- package/plugins/ConsoleLinkPlugin.js +32 -17
- package/plugins/ConsoleLinkPlugin.js.map +1 -1
- package/plugins/LocaleHeaderLinkPlugin.js +37 -21
- package/plugins/LocaleHeaderLinkPlugin.js.map +1 -1
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js +53 -32
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map +1 -1
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js +16 -4
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map +1 -1
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js +17 -5
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map +1 -1
- package/plugins/NetworkErrorLinkPlugin.js +42 -23
- package/plugins/NetworkErrorLinkPlugin.js.map +1 -1
- package/plugins/OmitTypenameLinkPlugin.js +29 -15
- package/plugins/OmitTypenameLinkPlugin.js.map +1 -1
- package/plugins/RoutePlugin.js +33 -20
- package/plugins/RoutePlugin.js.map +1 -1
- package/plugins/TenantHeaderLinkPlugin.js +37 -22
- package/plugins/TenantHeaderLinkPlugin.js.map +1 -1
- package/plugins/ViewPlugin.js +33 -20
- package/plugins/ViewPlugin.js.map +1 -1
- package/plugins/image.js +24 -10
- package/plugins/image.js.map +1 -1
- package/plugins/index.js +41 -14
- package/plugins/index.js.map +1 -1
- package/types.js +13 -2
- package/types.js.map +1 -1
|
@@ -1,30 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.TenantHeaderLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
+
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
24
|
+
var _apolloLinkContext = require("apollo-link-context");
|
|
25
|
+
|
|
26
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
10
27
|
|
|
11
28
|
/**
|
|
12
29
|
* Append `x-tenant` header from URL query (necessary for prerendering service).
|
|
13
30
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
31
|
+
var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
32
|
+
(0, _inherits2.default)(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
|
|
16
33
|
|
|
17
|
-
var _super =
|
|
34
|
+
var _super = (0, _createSuper2.default)(TenantHeaderLinkPlugin);
|
|
18
35
|
|
|
19
36
|
function TenantHeaderLinkPlugin(tenant) {
|
|
20
37
|
var _this;
|
|
21
38
|
|
|
22
|
-
|
|
23
|
-
|
|
39
|
+
(0, _classCallCheck2.default)(this, TenantHeaderLinkPlugin);
|
|
24
40
|
_this = _super.call(this);
|
|
25
|
-
|
|
26
|
-
_defineProperty(_assertThisInitialized(_this), "tenant", void 0);
|
|
27
|
-
|
|
41
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tenant", void 0);
|
|
28
42
|
_this.name = "tenant-header-link";
|
|
29
43
|
|
|
30
44
|
if (!tenant) {
|
|
@@ -36,12 +50,12 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
36
50
|
return _this;
|
|
37
51
|
}
|
|
38
52
|
|
|
39
|
-
|
|
53
|
+
(0, _createClass2.default)(TenantHeaderLinkPlugin, [{
|
|
40
54
|
key: "createLink",
|
|
41
55
|
value: function createLink() {
|
|
42
56
|
var _this2 = this;
|
|
43
57
|
|
|
44
|
-
return setContext(function (_, _ref) {
|
|
58
|
+
return (0, _apolloLinkContext.setContext)(function (_, _ref) {
|
|
45
59
|
var headers = _ref.headers;
|
|
46
60
|
|
|
47
61
|
// If tenant header is already set, do not overwrite it.
|
|
@@ -53,7 +67,7 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
53
67
|
|
|
54
68
|
if (_this2.tenant) {
|
|
55
69
|
return {
|
|
56
|
-
headers:
|
|
70
|
+
headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
|
|
57
71
|
"x-tenant": _this2.tenant
|
|
58
72
|
})
|
|
59
73
|
};
|
|
@@ -65,6 +79,7 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
65
79
|
});
|
|
66
80
|
}
|
|
67
81
|
}]);
|
|
68
|
-
|
|
69
82
|
return TenantHeaderLinkPlugin;
|
|
70
|
-
}(ApolloLinkPlugin);
|
|
83
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
84
|
+
|
|
85
|
+
exports.TenantHeaderLinkPlugin = TenantHeaderLinkPlugin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["TenantHeaderLinkPlugin","tenant","name","query","URLSearchParams","location","search","get","window","__PS_RENDER_TENANT__","setContext","_","headers","ApolloLinkPlugin"],"sources":["TenantHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\n\ndeclare global {\n interface Window {\n __PS_RENDER_TENANT__: string;\n }\n}\n\n/**\n * Append `x-tenant` header from URL query (necessary for prerendering service).\n */\nexport class TenantHeaderLinkPlugin extends ApolloLinkPlugin {\n private readonly tenant: string;\n\n public constructor(tenant?: string) {\n super();\n this.name = \"tenant-header-link\";\n\n if (!tenant) {\n const query = new URLSearchParams(location.search);\n tenant = query.get(\"__tenant\") || window.__PS_RENDER_TENANT__;\n }\n\n this.tenant = tenant;\n }\n\n public override createLink(): ApolloLink {\n return setContext((_, { headers }) => {\n // If tenant header is already set, do not overwrite it.\n if (headers && \"x-tenant\" in headers) {\n return { headers };\n }\n\n if (this.tenant) {\n return {\n headers: {\n ...headers,\n \"x-tenant\": this.tenant\n }\n };\n }\n\n return { headers };\n });\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AASA;AACA;AACA;IACaA,sB;;;;;EAGT,gCAAmBC,MAAnB,EAAoC;IAAA;;IAAA;IAChC;IADgC;IAEhC,MAAKC,IAAL,GAAY,oBAAZ;;IAEA,IAAI,CAACD,MAAL,EAAa;MACT,IAAME,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;MACAL,MAAM,GAAGE,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;IACH;;IAED,MAAKR,MAAL,GAAcA,MAAd;IATgC;EAUnC;;;;WAED,sBAAyC;MAAA;;MACrC,OAAO,IAAAS,6BAAA,EAAW,UAACC,CAAD,QAAoB;QAAA,IAAdC,OAAc,QAAdA,OAAc;;QAClC;QACA,IAAIA,OAAO,IAAI,cAAcA,OAA7B,EAAsC;UAClC,OAAO;YAAEA,OAAO,EAAPA;UAAF,CAAP;QACH;;QAED,IAAI,MAAI,CAACX,MAAT,EAAiB;UACb,OAAO;YACHW,OAAO,8DACAA,OADA;cAEH,YAAY,MAAI,CAACX;YAFd;UADJ,CAAP;QAMH;;QAED,OAAO;UAAEW,OAAO,EAAPA;QAAF,CAAP;MACH,CAhBM,CAAP;IAiBH;;;EAjCuCC,mC"}
|
package/plugins/ViewPlugin.js
CHANGED
|
@@ -1,29 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { Plugin } from "@webiny/plugins";
|
|
8
|
-
export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
9
|
-
_inherits(ViewPlugin, _Plugin);
|
|
10
|
-
|
|
11
|
-
var _super = _createSuper(ViewPlugin);
|
|
1
|
+
"use strict";
|
|
12
2
|
|
|
13
|
-
|
|
14
|
-
var _this;
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
15
4
|
|
|
16
|
-
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ViewPlugin = void 0;
|
|
17
9
|
|
|
18
|
-
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
+
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
var _plugins = require("@webiny/plugins");
|
|
21
23
|
|
|
24
|
+
var ViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
25
|
+
(0, _inherits2.default)(ViewPlugin, _Plugin);
|
|
26
|
+
|
|
27
|
+
var _super = (0, _createSuper2.default)(ViewPlugin);
|
|
28
|
+
|
|
29
|
+
function ViewPlugin(config) {
|
|
30
|
+
var _this;
|
|
31
|
+
|
|
32
|
+
(0, _classCallCheck2.default)(this, ViewPlugin);
|
|
33
|
+
_this = _super.call(this);
|
|
34
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
|
|
22
35
|
_this._config = config || {};
|
|
23
36
|
return _this;
|
|
24
37
|
}
|
|
25
38
|
|
|
26
|
-
|
|
39
|
+
(0, _createClass2.default)(ViewPlugin, [{
|
|
27
40
|
key: "key",
|
|
28
41
|
get: function get() {
|
|
29
42
|
return this._config.name;
|
|
@@ -38,8 +51,8 @@ export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
38
51
|
return this._config.render(props);
|
|
39
52
|
}
|
|
40
53
|
}]);
|
|
41
|
-
|
|
42
54
|
return ViewPlugin;
|
|
43
|
-
}(Plugin);
|
|
55
|
+
}(_plugins.Plugin);
|
|
44
56
|
|
|
45
|
-
|
|
57
|
+
exports.ViewPlugin = ViewPlugin;
|
|
58
|
+
(0, _defineProperty2.default)(ViewPlugin, "type", "view");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["ViewPlugin","config","_config","name","props","render","Plugin"],"sources":["ViewPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config<Props> {\n name: string;\n render(props: Props): React.ReactElement | null;\n}\n\nexport class ViewPlugin<Props = any> extends Plugin {\n public static override readonly type: string = \"view\";\n private readonly _config: Partial<Config<Props>>;\n\n public constructor(config?: Config<Props>) {\n super();\n this._config = config || {};\n }\n\n get key() {\n return this._config.name;\n }\n\n public render(props: Props) {\n if (!this._config.render) {\n return null;\n }\n return this._config.render(props);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;IAOaA,U;;;;;EAIT,oBAAmBC,MAAnB,EAA2C;IAAA;;IAAA;IACvC;IADuC;IAEvC,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFuC;EAG1C;;;;SAED,eAAU;MACN,OAAO,KAAKC,OAAL,CAAaC,IAApB;IACH;;;WAED,gBAAcC,KAAd,EAA4B;MACxB,IAAI,CAAC,KAAKF,OAAL,CAAaG,MAAlB,EAA0B;QACtB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKH,OAAL,CAAaG,MAAb,CAAoBD,KAApB,CAAP;IACH;;;EAlBwCE,e;;;8BAAhCN,U,UACsC,M"}
|
package/plugins/image.js
CHANGED
|
@@ -1,8 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _Image = require("@webiny/ui/Image");
|
|
17
|
+
|
|
3
18
|
var _excluded = ["transform", "srcSet"];
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Image } from "@webiny/ui/Image";
|
|
6
19
|
var SUPPORTED_IMAGE_RESIZE_WIDTHS = [100, 300, 500, 750, 1000, 1500, 2500];
|
|
7
20
|
/**
|
|
8
21
|
* Width of the image should not be just any random number. For optimization reasons,
|
|
@@ -105,7 +118,7 @@ var convertTransformToQueryParams = function convertTransformToQueryParams(trans
|
|
|
105
118
|
}).join("&");
|
|
106
119
|
};
|
|
107
120
|
|
|
108
|
-
|
|
121
|
+
var _default = function _default() {
|
|
109
122
|
var imagePlugin = {
|
|
110
123
|
name: "image-component",
|
|
111
124
|
type: "image-component",
|
|
@@ -137,8 +150,7 @@ export default (function () {
|
|
|
137
150
|
render: function render(props) {
|
|
138
151
|
var transform = props.transform,
|
|
139
152
|
srcSetInitial = props.srcSet,
|
|
140
|
-
imageProps =
|
|
141
|
-
|
|
153
|
+
imageProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
142
154
|
var srcSet = srcSetInitial;
|
|
143
155
|
var sizes;
|
|
144
156
|
var src = imageProps.src;
|
|
@@ -151,7 +163,7 @@ export default (function () {
|
|
|
151
163
|
srcSetAutoWidths.forEach(function (width) {
|
|
152
164
|
srcSet[width + "w"] = imagePlugin.getImageSrc({
|
|
153
165
|
src: src,
|
|
154
|
-
transform:
|
|
166
|
+
transform: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
|
|
155
167
|
width: width
|
|
156
168
|
})
|
|
157
169
|
});
|
|
@@ -159,7 +171,7 @@ export default (function () {
|
|
|
159
171
|
sizes = getSizes(forcedWidth);
|
|
160
172
|
}
|
|
161
173
|
|
|
162
|
-
return /*#__PURE__*/
|
|
174
|
+
return /*#__PURE__*/_react.default.createElement(_Image.Image, Object.assign({}, imageProps, {
|
|
163
175
|
srcSet: srcSet,
|
|
164
176
|
src: src,
|
|
165
177
|
sizes: sizes
|
|
@@ -167,4 +179,6 @@ export default (function () {
|
|
|
167
179
|
}
|
|
168
180
|
};
|
|
169
181
|
return imagePlugin;
|
|
170
|
-
}
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
exports.default = _default;
|
package/plugins/image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["SUPPORTED_IMAGE_RESIZE_WIDTHS","getSupportedImageResizeWidth","width","output","i","length","sanitizeTransformArgs","args","undefined","parseInt","getSizes","endsWith","isFixedImageWidth","Number","isFinite","getSrcSetAutoSizes","max","maxWidth","filter","supportedWidth","convertTransformToQueryParams","transform","Object","keys","map","key","join","imagePlugin","name","type","presets","avatar","getImageSrc","props","src","startsWith","sanitizedParams","params","render","srcSetInitial","srcSet","imageProps","sizes","forcedWidth","style","srcSetAutoWidths","forEach"],"sources":["image.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image } from \"@webiny/ui/Image\";\nimport { ImageComponentPlugin } from \"~/types\";\n\nconst SUPPORTED_IMAGE_RESIZE_WIDTHS = [100, 300, 500, 750, 1000, 1500, 2500];\n\n/**\n * Width of the image should not be just any random number. For optimization reasons,\n * we only allow the ones listed in SUPPORTED_IMAGE_RESIZE_WIDTHS list (Webiny Cloud supports only these).\n */\nconst getSupportedImageResizeWidth = (width: number) => {\n let output = SUPPORTED_IMAGE_RESIZE_WIDTHS[0];\n let i = SUPPORTED_IMAGE_RESIZE_WIDTHS.length;\n while (i >= 0) {\n if (width === SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {\n output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];\n break;\n }\n\n if (width > SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {\n // Use next larger width. If there isn't any, use current.\n output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i + 1];\n if (!output) {\n output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];\n }\n break;\n }\n\n i--;\n }\n\n return output;\n};\n\ninterface SanitizeTransformArgsParams {\n width?: string;\n}\ninterface SanitizeTransformArgsResult {\n width?: number;\n}\n/**\n * Currently we only allow \"width\" as a transform option.\n * @param args\n */\nconst sanitizeTransformArgs = (args?: SanitizeTransformArgsParams): SanitizeTransformArgsResult => {\n const output: SanitizeTransformArgsResult = {};\n if (!args || args.width === undefined || args.width === null) {\n return output;\n }\n const width = parseInt(args.width);\n if (width > 0) {\n output.width = getSupportedImageResizeWidth(width);\n }\n\n return output;\n};\n\nconst getSizes = (width?: string | number): string | undefined => {\n if (typeof width !== \"string\") {\n return undefined;\n }\n // Check if width was set as percentage, with \"%\" in the value.\n if (width.endsWith(\"%\")) {\n return `${parseInt(width)}vw`;\n }\n // Check if width was set as viewport width, with \"vw\" in the value.\n if (width.endsWith(\"vw\")) {\n return `${parseInt(width)}vw`;\n }\n\n // Check if width was set as relative, with \"em\" in the value.\n if (width.endsWith(\"em\")) {\n return `${parseInt(width)}em`;\n }\n\n return undefined;\n};\n\nconst isFixedImageWidth = (width?: number | string) => {\n if (Number.isFinite(width)) {\n return true;\n }\n\n if (typeof width === \"string\" && width.endsWith(\"px\")) {\n return true;\n }\n return false;\n};\n\nconst getSrcSetAutoSizes = (max?: string | number) => {\n max = isFixedImageWidth(max) ? parseInt(\"\" + max) : 2500;\n const maxWidth = getSupportedImageResizeWidth(max);\n return SUPPORTED_IMAGE_RESIZE_WIDTHS.filter((supportedWidth: number) => {\n return supportedWidth <= maxWidth;\n });\n};\n\nconst convertTransformToQueryParams = (transform: Record<string, any>): string => {\n return Object.keys(transform)\n .map(key => `${key}=${transform[key]}`)\n .join(\"&\");\n};\n\nexport default () => {\n const imagePlugin: ImageComponentPlugin = {\n name: \"image-component\",\n type: \"image-component\",\n presets: {\n avatar: { width: 300 }\n },\n getImageSrc: (props?: Record<string, any>) => {\n if (!props) {\n return \"\";\n }\n\n const { src, transform } = props;\n if (!transform) {\n return src;\n }\n\n if (!src || src.startsWith(\"data:\") || src.endsWith(\"svg\")) {\n return src;\n }\n\n const sanitizedParams = sanitizeTransformArgs(transform);\n const params = convertTransformToQueryParams(sanitizedParams);\n return src + \"?\" + params;\n },\n render(props) {\n const { transform, srcSet: srcSetInitial, ...imageProps } = props;\n let srcSet: any = srcSetInitial;\n let sizes: string | undefined;\n const src = imageProps.src;\n if (srcSet && srcSet === \"auto\") {\n srcSet = {};\n\n // Check if image width was forced, and additionally if width was set as pixels, with \"px\" in the value.\n const forcedWidth = props.width || (props.style && props.style.width);\n const srcSetAutoWidths = getSrcSetAutoSizes(forcedWidth);\n srcSetAutoWidths.forEach(width => {\n srcSet[width + \"w\"] = imagePlugin.getImageSrc({\n src,\n transform: { ...transform, width }\n });\n });\n sizes = getSizes(forcedWidth);\n }\n\n return <Image {...imageProps} srcSet={srcSet} src={src} sizes={sizes} />;\n }\n };\n\n return imagePlugin;\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;AAGA,IAAMA,6BAA6B,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,IAArB,EAA2B,IAA3B,EAAiC,IAAjC,CAAtC;AAEA;AACA;AACA;AACA;;AACA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,KAAD,EAAmB;EACpD,IAAIC,MAAM,GAAGH,6BAA6B,CAAC,CAAD,CAA1C;EACA,IAAII,CAAC,GAAGJ,6BAA6B,CAACK,MAAtC;;EACA,OAAOD,CAAC,IAAI,CAAZ,EAAe;IACX,IAAIF,KAAK,KAAKF,6BAA6B,CAACI,CAAD,CAA3C,EAAgD;MAC5CD,MAAM,GAAGH,6BAA6B,CAACI,CAAD,CAAtC;MACA;IACH;;IAED,IAAIF,KAAK,GAAGF,6BAA6B,CAACI,CAAD,CAAzC,EAA8C;MAC1C;MACAD,MAAM,GAAGH,6BAA6B,CAACI,CAAC,GAAG,CAAL,CAAtC;;MACA,IAAI,CAACD,MAAL,EAAa;QACTA,MAAM,GAAGH,6BAA6B,CAACI,CAAD,CAAtC;MACH;;MACD;IACH;;IAEDA,CAAC;EACJ;;EAED,OAAOD,MAAP;AACH,CAtBD;;AA8BA;AACA;AACA;AACA;AACA,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAqE;EAC/F,IAAMJ,MAAmC,GAAG,EAA5C;;EACA,IAAI,CAACI,IAAD,IAASA,IAAI,CAACL,KAAL,KAAeM,SAAxB,IAAqCD,IAAI,CAACL,KAAL,KAAe,IAAxD,EAA8D;IAC1D,OAAOC,MAAP;EACH;;EACD,IAAMD,KAAK,GAAGO,QAAQ,CAACF,IAAI,CAACL,KAAN,CAAtB;;EACA,IAAIA,KAAK,GAAG,CAAZ,EAAe;IACXC,MAAM,CAACD,KAAP,GAAeD,4BAA4B,CAACC,KAAD,CAA3C;EACH;;EAED,OAAOC,MAAP;AACH,CAXD;;AAaA,IAAMO,QAAQ,GAAG,SAAXA,QAAW,CAACR,KAAD,EAAiD;EAC9D,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IAC3B,OAAOM,SAAP;EACH,CAH6D,CAI9D;;;EACA,IAAIN,KAAK,CAACS,QAAN,CAAe,GAAf,CAAJ,EAAyB;IACrB,iBAAUF,QAAQ,CAACP,KAAD,CAAlB;EACH,CAP6D,CAQ9D;;;EACA,IAAIA,KAAK,CAACS,QAAN,CAAe,IAAf,CAAJ,EAA0B;IACtB,iBAAUF,QAAQ,CAACP,KAAD,CAAlB;EACH,CAX6D,CAa9D;;;EACA,IAAIA,KAAK,CAACS,QAAN,CAAe,IAAf,CAAJ,EAA0B;IACtB,iBAAUF,QAAQ,CAACP,KAAD,CAAlB;EACH;;EAED,OAAOM,SAAP;AACH,CAnBD;;AAqBA,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,KAAD,EAA6B;EACnD,IAAIW,MAAM,CAACC,QAAP,CAAgBZ,KAAhB,CAAJ,EAA4B;IACxB,OAAO,IAAP;EACH;;EAED,IAAI,OAAOA,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACS,QAAN,CAAe,IAAf,CAAjC,EAAuD;IACnD,OAAO,IAAP;EACH;;EACD,OAAO,KAAP;AACH,CATD;;AAWA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,GAAD,EAA2B;EAClDA,GAAG,GAAGJ,iBAAiB,CAACI,GAAD,CAAjB,GAAyBP,QAAQ,CAAC,KAAKO,GAAN,CAAjC,GAA8C,IAApD;EACA,IAAMC,QAAQ,GAAGhB,4BAA4B,CAACe,GAAD,CAA7C;EACA,OAAOhB,6BAA6B,CAACkB,MAA9B,CAAqC,UAACC,cAAD,EAA4B;IACpE,OAAOA,cAAc,IAAIF,QAAzB;EACH,CAFM,CAAP;AAGH,CAND;;AAQA,IAAMG,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,SAAD,EAA4C;EAC9E,OAAOC,MAAM,CAACC,IAAP,CAAYF,SAAZ,EACFG,GADE,CACE,UAAAC,GAAG;IAAA,iBAAOA,GAAP,cAAcJ,SAAS,CAACI,GAAD,CAAvB;EAAA,CADL,EAEFC,IAFE,CAEG,GAFH,CAAP;AAGH,CAJD;;eAMe,oBAAM;EACjB,IAAMC,WAAiC,GAAG;IACtCC,IAAI,EAAE,iBADgC;IAEtCC,IAAI,EAAE,iBAFgC;IAGtCC,OAAO,EAAE;MACLC,MAAM,EAAE;QAAE7B,KAAK,EAAE;MAAT;IADH,CAH6B;IAMtC8B,WAAW,EAAE,qBAACC,KAAD,EAAiC;MAC1C,IAAI,CAACA,KAAL,EAAY;QACR,OAAO,EAAP;MACH;;MAED,IAAQC,GAAR,GAA2BD,KAA3B,CAAQC,GAAR;MAAA,IAAab,SAAb,GAA2BY,KAA3B,CAAaZ,SAAb;;MACA,IAAI,CAACA,SAAL,EAAgB;QACZ,OAAOa,GAAP;MACH;;MAED,IAAI,CAACA,GAAD,IAAQA,GAAG,CAACC,UAAJ,CAAe,OAAf,CAAR,IAAmCD,GAAG,CAACvB,QAAJ,CAAa,KAAb,CAAvC,EAA4D;QACxD,OAAOuB,GAAP;MACH;;MAED,IAAME,eAAe,GAAG9B,qBAAqB,CAACe,SAAD,CAA7C;MACA,IAAMgB,MAAM,GAAGjB,6BAA6B,CAACgB,eAAD,CAA5C;MACA,OAAOF,GAAG,GAAG,GAAN,GAAYG,MAAnB;IACH,CAvBqC;IAwBtCC,MAxBsC,kBAwB/BL,KAxB+B,EAwBxB;MACV,IAAQZ,SAAR,GAA4DY,KAA5D,CAAQZ,SAAR;MAAA,IAA2BkB,aAA3B,GAA4DN,KAA5D,CAAmBO,MAAnB;MAAA,IAA6CC,UAA7C,0CAA4DR,KAA5D;MACA,IAAIO,MAAW,GAAGD,aAAlB;MACA,IAAIG,KAAJ;MACA,IAAMR,GAAG,GAAGO,UAAU,CAACP,GAAvB;;MACA,IAAIM,MAAM,IAAIA,MAAM,KAAK,MAAzB,EAAiC;QAC7BA,MAAM,GAAG,EAAT,CAD6B,CAG7B;;QACA,IAAMG,WAAW,GAAGV,KAAK,CAAC/B,KAAN,IAAgB+B,KAAK,CAACW,KAAN,IAAeX,KAAK,CAACW,KAAN,CAAY1C,KAA/D;QACA,IAAM2C,gBAAgB,GAAG9B,kBAAkB,CAAC4B,WAAD,CAA3C;QACAE,gBAAgB,CAACC,OAAjB,CAAyB,UAAA5C,KAAK,EAAI;UAC9BsC,MAAM,CAACtC,KAAK,GAAG,GAAT,CAAN,GAAsByB,WAAW,CAACK,WAAZ,CAAwB;YAC1CE,GAAG,EAAHA,GAD0C;YAE1Cb,SAAS,8DAAOA,SAAP;cAAkBnB,KAAK,EAALA;YAAlB;UAFiC,CAAxB,CAAtB;QAIH,CALD;QAMAwC,KAAK,GAAGhC,QAAQ,CAACiC,WAAD,CAAhB;MACH;;MAED,oBAAO,6BAAC,YAAD,oBAAWF,UAAX;QAAuB,MAAM,EAAED,MAA/B;QAAuC,GAAG,EAAEN,GAA5C;QAAiD,KAAK,EAAEQ;MAAxD,GAAP;IACH;EA7CqC,CAA1C;EAgDA,OAAOf,WAAP;AACH,C"}
|
package/plugins/index.js
CHANGED
|
@@ -1,8 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
Object.defineProperty(exports, "imagePlugin", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function get() {
|
|
12
|
+
return _image.default;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
exports.renderPlugins = exports.renderPlugin = void 0;
|
|
16
|
+
|
|
17
|
+
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
|
|
19
|
+
var _warning = _interopRequireDefault(require("warning"));
|
|
20
|
+
|
|
21
|
+
var _plugins = require("@webiny/plugins");
|
|
22
|
+
|
|
23
|
+
var _image = _interopRequireDefault(require("./image"));
|
|
6
24
|
|
|
7
25
|
var PluginComponent = function PluginComponent(props) {
|
|
8
26
|
return props.children;
|
|
@@ -12,15 +30,17 @@ var PluginsComponent = function PluginsComponent(props) {
|
|
|
12
30
|
return props.children;
|
|
13
31
|
};
|
|
14
32
|
|
|
15
|
-
|
|
33
|
+
var renderPlugin = function renderPlugin(name) {
|
|
16
34
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
17
35
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
18
36
|
var _options$wrapper = options.wrapper,
|
|
19
37
|
wrapper = _options$wrapper === void 0 ? true : _options$wrapper,
|
|
20
38
|
_options$fn = options.fn,
|
|
21
39
|
fn = _options$fn === void 0 ? "render" : _options$fn;
|
|
22
|
-
|
|
23
|
-
|
|
40
|
+
|
|
41
|
+
var plugin = _plugins.plugins.byName(name);
|
|
42
|
+
|
|
43
|
+
(0, _warning.default)(plugin, "No such plugin \"".concat(name, "\""));
|
|
24
44
|
|
|
25
45
|
if (!plugin) {
|
|
26
46
|
return null;
|
|
@@ -29,19 +49,22 @@ export var renderPlugin = function renderPlugin(name) {
|
|
|
29
49
|
var content = plugin[fn](params);
|
|
30
50
|
|
|
31
51
|
if (content) {
|
|
32
|
-
return wrapper ? /*#__PURE__*/
|
|
52
|
+
return wrapper ? /*#__PURE__*/_react.default.createElement(PluginComponent, {
|
|
33
53
|
key: plugin.name,
|
|
34
54
|
name: name,
|
|
35
55
|
params: params,
|
|
36
56
|
fn: fn
|
|
37
|
-
}, content) : /*#__PURE__*/
|
|
57
|
+
}, content) : /*#__PURE__*/_react.default.cloneElement(content, {
|
|
38
58
|
key: plugin.name
|
|
39
59
|
});
|
|
40
60
|
}
|
|
41
61
|
|
|
42
62
|
return null;
|
|
43
63
|
};
|
|
44
|
-
|
|
64
|
+
|
|
65
|
+
exports.renderPlugin = renderPlugin;
|
|
66
|
+
|
|
67
|
+
var renderPlugins = function renderPlugins(type) {
|
|
45
68
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
46
69
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
47
70
|
var _options$wrapper2 = options.wrapper,
|
|
@@ -53,7 +76,8 @@ export var renderPlugins = function renderPlugins(type) {
|
|
|
53
76
|
return v;
|
|
54
77
|
} : _options$filter,
|
|
55
78
|
reverse = options.reverse;
|
|
56
|
-
|
|
79
|
+
|
|
80
|
+
var content = _plugins.plugins.byType(type).filter(function (pl) {
|
|
57
81
|
/**
|
|
58
82
|
* TODO @ts-refactor Problem with possibility of a different subtype.
|
|
59
83
|
*/
|
|
@@ -74,10 +98,13 @@ export var renderPlugins = function renderPlugins(type) {
|
|
|
74
98
|
content.reverse();
|
|
75
99
|
}
|
|
76
100
|
|
|
77
|
-
return wrapper ? /*#__PURE__*/
|
|
101
|
+
return wrapper ? /*#__PURE__*/_react.default.createElement(PluginsComponent, {
|
|
78
102
|
type: type,
|
|
79
103
|
params: params,
|
|
80
104
|
fn: fn
|
|
81
105
|
}, content) : content;
|
|
82
106
|
};
|
|
83
|
-
|
|
107
|
+
|
|
108
|
+
exports.renderPlugins = renderPlugins;
|
|
109
|
+
var _default = [_image.default];
|
|
110
|
+
exports.default = _default;
|
package/plugins/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["PluginComponent","props","children","PluginsComponent","renderPlugin","name","params","options","wrapper","fn","plugin","plugins","byName","warning","content","React","cloneElement","key","renderPlugins","type","filter","v","reverse","byType","pl","map","Boolean","imagePlugin"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport warning from \"warning\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport imagePlugin from \"./image\";\n\nexport { imagePlugin };\n\ntype RenderPluginOptions<T> = {\n wrapper?: boolean;\n fn?: string;\n filter?: (value: T, index: number, array: T[]) => boolean;\n reverse?: boolean;\n};\n\ninterface RenderPlugin {\n <T extends Plugin = Plugin>(name: string, params?: any, options?: RenderPluginOptions<T>):\n | ReactNode\n | ReactNode[];\n}\n\ninterface RenderPlugins {\n <T extends Plugin = Plugin>(type: string, params?: any, options?: RenderPluginOptions<T>):\n | ReactNode\n | ReactNode[];\n}\n\ninterface PluginComponentProps {\n name: string;\n params: Record<string, any>;\n fn: string;\n}\nconst PluginComponent: React.FC<PluginComponentProps> = props => {\n return props.children as React.ReactElement;\n};\ninterface PluginsComponentProps {\n type: string;\n params: Record<string, any>;\n fn: string;\n}\nconst PluginsComponent: React.FC<PluginsComponentProps> = props => {\n return props.children as React.ReactElement;\n};\n\nexport const renderPlugin: RenderPlugin = (name, params = {}, options = {}) => {\n const { wrapper = true, fn = \"render\" } = options;\n\n const plugin = plugins.byName(name);\n warning(plugin, `No such plugin \"${name}\"`);\n\n if (!plugin) {\n return null;\n }\n\n const content = plugin[fn](params);\n if (content) {\n return wrapper ? (\n <PluginComponent key={plugin.name} name={name} params={params} fn={fn}>\n {content}\n </PluginComponent>\n ) : (\n React.cloneElement(content, { key: plugin.name })\n );\n }\n return null;\n};\n\nexport const renderPlugins: RenderPlugins = (type, params = {}, options = {}) => {\n const { wrapper = true, fn = \"render\", filter = v => v, reverse } = options;\n\n const content = plugins\n .byType(type)\n .filter(pl => {\n /**\n * TODO @ts-refactor Problem with possibility of a different subtype.\n */\n // @ts-ignore\n return filter(pl);\n })\n /**\n * We cast as string because renderPlugin checks for the plugin.name\n */\n .map(plugin => renderPlugin(plugin.name as string, params, { wrapper, fn }))\n .filter(Boolean);\n\n if (reverse) {\n content.reverse();\n }\n\n return wrapper ? (\n <PluginsComponent type={type} params={params} fn={fn}>\n {content}\n </PluginsComponent>\n ) : (\n content\n );\n};\n\nexport default [imagePlugin];\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AA4BA,IAAMA,eAA+C,GAAG,SAAlDA,eAAkD,CAAAC,KAAK,EAAI;EAC7D,OAAOA,KAAK,CAACC,QAAb;AACH,CAFD;;AAQA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,CAAAF,KAAK,EAAI;EAC/D,OAAOA,KAAK,CAACC,QAAb;AACH,CAFD;;AAIO,IAAME,YAA0B,GAAG,SAA7BA,YAA6B,CAACC,IAAD,EAAqC;EAAA,IAA9BC,MAA8B,uEAArB,EAAqB;EAAA,IAAjBC,OAAiB,uEAAP,EAAO;EAC3E,uBAA0CA,OAA1C,CAAQC,OAAR;EAAA,IAAQA,OAAR,iCAAkB,IAAlB;EAAA,kBAA0CD,OAA1C,CAAwBE,EAAxB;EAAA,IAAwBA,EAAxB,4BAA6B,QAA7B;;EAEA,IAAMC,MAAM,GAAGC,gBAAA,CAAQC,MAAR,CAAeP,IAAf,CAAf;;EACA,IAAAQ,gBAAA,EAAQH,MAAR,6BAAmCL,IAAnC;;EAEA,IAAI,CAACK,MAAL,EAAa;IACT,OAAO,IAAP;EACH;;EAED,IAAMI,OAAO,GAAGJ,MAAM,CAACD,EAAD,CAAN,CAAWH,MAAX,CAAhB;;EACA,IAAIQ,OAAJ,EAAa;IACT,OAAON,OAAO,gBACV,6BAAC,eAAD;MAAiB,GAAG,EAAEE,MAAM,CAACL,IAA7B;MAAmC,IAAI,EAAEA,IAAzC;MAA+C,MAAM,EAAEC,MAAvD;MAA+D,EAAE,EAAEG;IAAnE,GACKK,OADL,CADU,gBAKVC,cAAA,CAAMC,YAAN,CAAmBF,OAAnB,EAA4B;MAAEG,GAAG,EAAEP,MAAM,CAACL;IAAd,CAA5B,CALJ;EAOH;;EACD,OAAO,IAAP;AACH,CArBM;;;;AAuBA,IAAMa,aAA4B,GAAG,SAA/BA,aAA+B,CAACC,IAAD,EAAqC;EAAA,IAA9Bb,MAA8B,uEAArB,EAAqB;EAAA,IAAjBC,OAAiB,uEAAP,EAAO;EAC7E,wBAAoEA,OAApE,CAAQC,OAAR;EAAA,IAAQA,OAAR,kCAAkB,IAAlB;EAAA,mBAAoED,OAApE,CAAwBE,EAAxB;EAAA,IAAwBA,EAAxB,6BAA6B,QAA7B;EAAA,sBAAoEF,OAApE,CAAuCa,MAAvC;EAAA,IAAuCA,MAAvC,gCAAgD,UAAAC,CAAC;IAAA,OAAIA,CAAJ;EAAA,CAAjD;EAAA,IAAwDC,OAAxD,GAAoEf,OAApE,CAAwDe,OAAxD;;EAEA,IAAMR,OAAO,GAAGH,gBAAA,CACXY,MADW,CACJJ,IADI,EAEXC,MAFW,CAEJ,UAAAI,EAAE,EAAI;IACV;AACZ;AACA;IACY;IACA,OAAOJ,MAAM,CAACI,EAAD,CAAb;EACH,CARW;EASZ;AACR;AACA;EAXoB,CAYXC,GAZW,CAYP,UAAAf,MAAM;IAAA,OAAIN,YAAY,CAACM,MAAM,CAACL,IAAR,EAAwBC,MAAxB,EAAgC;MAAEE,OAAO,EAAPA,OAAF;MAAWC,EAAE,EAAFA;IAAX,CAAhC,CAAhB;EAAA,CAZC,EAaXW,MAbW,CAaJM,OAbI,CAAhB;;EAeA,IAAIJ,OAAJ,EAAa;IACTR,OAAO,CAACQ,OAAR;EACH;;EAED,OAAOd,OAAO,gBACV,6BAAC,gBAAD;IAAkB,IAAI,EAAEW,IAAxB;IAA8B,MAAM,EAAEb,MAAtC;IAA8C,EAAE,EAAEG;EAAlD,GACKK,OADL,CADU,GAKVA,OALJ;AAOH,CA7BM;;;eA+BQ,CAACa,cAAD,C"}
|
package/types.js
CHANGED
|
@@ -1,2 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Plugin", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _types.Plugin;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _types = require("@webiny/plugins/types");
|
package/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CSSProperties } from \"react\";\n\nexport interface FileItem {\n id: string;\n name: string;\n key: string;\n src: string;\n size: number;\n type: string;\n tags: string[];\n createdOn: string;\n createdBy: {\n id: string;\n };\n [key: string]: any;\n}\n\nexport type WebinyInitPlugin = Plugin & {\n type: \"webiny-init\";\n init(): void;\n};\n\nexport type UploadOptions = {\n apolloClient: ApolloClient<object>;\n};\n\nexport type UiStatePlugin = Plugin & {\n type: \"ui-state\";\n render(): React.ReactElement;\n};\n\nexport type FileUploaderPlugin = Plugin & {\n type: \"file-uploader\";\n // TODO: @adrian define type for the returned object\n upload(file: FileItem, options: UploadOptions): Promise<any>;\n};\n\nexport type AppFileManagerStoragePlugin = Plugin & {\n type: \"app-file-manager-storage\";\n // TODO: @adrian define type for the returned object\n upload(file: FileItem, options: UploadOptions): Promise<any>;\n};\n\nexport { Plugin };\n\nexport interface ImageProps {\n src: string;\n preset?: string;\n transform?: {\n [key: string]: any;\n };\n // \"auto\" is a special keyword - if present, plugins insert their own srcSet.\n srcSet?: { [key: string]: any } | \"auto\";\n className?: string;\n title?: string;\n alt?: string;\n style?: CSSProperties;\n width?: string | number;\n height?: string | number;\n}\n\n/**\n * \"getImageSrc\" has to be defined as a separate property, so its functionality can be reused outside of\n * the Image component. This is ideal in cases where manual creation of image src is needed.\n */\nexport type ImageComponentPlugin = Plugin & {\n type: \"image-component\";\n render: (props: ImageProps) => React.ReactElement;\n getImageSrc: (props?: Record<string, any>) => string;\n presets: { [key: string]: any };\n};\n\n/**\n * Enables registering new routes.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#route\n */\nexport type RoutePlugin = Plugin & {\n type: \"route\";\n route: React.ReactElement;\n};\n\ninterface CacheGetObjectIdPluginObj {\n __typename: string;\n modelId: string;\n [key: string]: any;\n}\nexport type CacheGetObjectIdPlugin = Plugin & {\n type: \"cache-get-object-id\";\n getObjectId(obj: CacheGetObjectIdPluginObj): string | undefined;\n};\n"],"mappings":";;;;;;;;;;;;AACA"}
|