@webiny/app 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db
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.d.ts +1 -1
- package/apollo-client/InMemoryCache.js +49 -29
- package/apollo-client/InMemoryCache.js.map +1 -0
- package/components/Image.js +26 -11
- package/components/Image.js.map +1 -0
- package/components/Routes.js +24 -10
- package/components/Routes.js.map +1 -0
- package/components/View.js +27 -9
- package/components/View.js.map +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.js +21 -1
- package/components/index.js.map +1 -0
- package/config.d.ts +8 -0
- package/config.js +33 -0
- package/config.js.map +1 -0
- package/contexts/Ui/index.d.ts +5 -4
- package/contexts/Ui/index.js +55 -32
- package/contexts/Ui/index.js.map +1 -0
- package/hooks/useAutocomplete/index.js +13 -1
- package/hooks/useAutocomplete/index.js.map +1 -0
- package/hooks/useAutocomplete/useAutocomplete.d.ts +6 -1
- package/hooks/useAutocomplete/useAutocomplete.js +22 -11
- package/hooks/useAutocomplete/useAutocomplete.js.map +1 -0
- package/hooks/useDataList/functions/getData.d.ts +1 -1
- package/hooks/useDataList/functions/getData.js +16 -4
- package/hooks/useDataList/functions/getData.js.map +1 -0
- package/hooks/useDataList/functions/getError.d.ts +1 -1
- package/hooks/useDataList/functions/getError.js +16 -4
- package/hooks/useDataList/functions/getError.js.map +1 -0
- package/hooks/useDataList/functions/getMeta.d.ts +1 -1
- package/hooks/useDataList/functions/getMeta.js +16 -4
- package/hooks/useDataList/functions/getMeta.js.map +1 -0
- package/hooks/useDataList/functions/index.js +31 -3
- package/hooks/useDataList/functions/index.js.map +1 -0
- package/hooks/useDataList/functions/searchDataByKey.d.ts +1 -1
- package/hooks/useDataList/functions/searchDataByKey.js +9 -1
- package/hooks/useDataList/functions/searchDataByKey.js.map +1 -0
- package/hooks/useDataList/index.js +13 -1
- package/hooks/useDataList/index.js.map +1 -0
- package/hooks/useDataList/useDataList.d.ts +4 -4
- package/hooks/useDataList/useDataList.js +54 -39
- package/hooks/useDataList/useDataList.js.map +1 -0
- package/hooks/useDataList/utils/index.js +23 -2
- package/hooks/useDataList/utils/index.js.map +1 -0
- package/hooks/useDataList/utils/prepareLoadListParams.d.ts +10 -3
- package/hooks/useDataList/utils/prepareLoadListParams.js +23 -9
- package/hooks/useDataList/utils/prepareLoadListParams.js.map +1 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.d.ts +13 -4
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js +13 -4
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js.map +1 -0
- package/hooks/useDataList/utils/types.js +5 -1
- package/hooks/useDataList/utils/types.js.map +1 -0
- package/hooks/useHandler.d.ts +11 -1
- package/hooks/useHandler.js +13 -5
- package/hooks/useHandler.js.map +1 -0
- package/hooks/useHandlers.d.ts +1 -1
- package/hooks/useHandlers.js +16 -5
- package/hooks/useHandlers.js.map +1 -0
- package/hooks/useUi.js +16 -5
- package/hooks/useUi.js.map +1 -0
- package/i18n/i18n.js +21 -5
- package/i18n/i18n.js.map +1 -0
- package/i18n/index.js +15 -1
- package/i18n/index.js.map +1 -0
- package/index.d.ts +4 -0
- package/index.js +37 -0
- package/index.js.map +1 -0
- package/package.json +28 -23
- package/plugins/AddQuerySelectionPlugin.d.ts +1 -1
- package/plugins/AddQuerySelectionPlugin.js +60 -29
- package/plugins/AddQuerySelectionPlugin.js.map +1 -0
- package/plugins/ApolloCacheObjectIdPlugin.d.ts +8 -8
- package/plugins/ApolloCacheObjectIdPlugin.js +33 -20
- package/plugins/ApolloCacheObjectIdPlugin.js.map +1 -0
- package/plugins/ApolloDynamicLink.d.ts +3 -2
- package/plugins/ApolloDynamicLink.js +41 -20
- package/plugins/ApolloDynamicLink.js.map +1 -0
- package/plugins/ApolloLinkPlugin.d.ts +5 -5
- package/plugins/ApolloLinkPlugin.js +43 -23
- package/plugins/ApolloLinkPlugin.js.map +1 -0
- package/plugins/ConsoleLinkPlugin.js +35 -19
- package/plugins/ConsoleLinkPlugin.js.map +1 -0
- package/plugins/LocaleHeaderLinkPlugin.d.ts +3 -2
- package/plugins/LocaleHeaderLinkPlugin.js +37 -21
- package/plugins/LocaleHeaderLinkPlugin.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts +13 -5
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js +56 -35
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts +4 -2
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js +16 -4
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts +6 -4
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js +20 -9
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin.js +42 -22
- package/plugins/NetworkErrorLinkPlugin.js.map +1 -0
- package/plugins/OmitTypenameLinkPlugin.js +29 -15
- package/plugins/OmitTypenameLinkPlugin.js.map +1 -0
- package/plugins/RoutePlugin.d.ts +2 -2
- package/plugins/RoutePlugin.js +37 -20
- package/plugins/RoutePlugin.js.map +1 -0
- package/plugins/TenantHeaderLinkPlugin.d.ts +3 -2
- package/plugins/TenantHeaderLinkPlugin.js +37 -23
- package/plugins/TenantHeaderLinkPlugin.js.map +1 -0
- package/plugins/ViewPlugin.d.ts +4 -4
- package/plugins/ViewPlugin.js +37 -20
- package/plugins/ViewPlugin.js.map +1 -0
- package/plugins/image.js +43 -24
- package/plugins/image.js.map +1 -0
- package/plugins/index.js +51 -14
- package/plugins/index.js.map +1 -0
- package/types.d.ts +21 -13
- package/types.js +13 -2
- package/types.js.map +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","render"],"sources":["createErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\nimport { ServerError, ServerParseError } from \"apollo-link-http-common\";\n\ninterface CreateErrorOverlayParams {\n query: string;\n networkError: Error | ServerError | ServerParseError;\n}\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n const { query, networkError } = params;\n // If the element already present in DOM, return immediately.\n if (document.getElementById(\"overlay-root\")) {\n return;\n }\n // Create root element to hold React tree.\n const container: HTMLDivElement = document.createElement(\"div\");\n container.id = \"overlay-root\";\n // Insert root element into body.\n const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n body.appendChild(container);\n // Mount the ErrorOverlay component into root element.\n render(<ErrorOverlay query={query} networkError={networkError} />, container);\n};\n\nexport default createErrorOverlay;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD,EAA4C;EACnE,IAAQC,KAAR,GAAgCD,MAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,MAAhC,CAAeE,YAAf,CADmE,CAEnE;;EACA,IAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;IACzC;EACH,CALkE,CAMnE;;;EACA,IAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;EACAD,SAAS,CAACE,EAAV,GAAe,cAAf,CARmE,CASnE;;EACA,IAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;EACAD,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAXmE,CAYnE;;EACA,IAAAM,gBAAA,gBAAO,6BAAC,qBAAD;IAAc,KAAK,EAAEV,KAArB;IAA4B,YAAY,EAAEC;EAA1C,EAAP,EAAmEG,SAAnE;AACH,CAdD;;eAgBeN,kB"}
|
|
@@ -1,38 +1,57 @@
|
|
|
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.NetworkErrorLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
+
|
|
18
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
19
|
+
|
|
20
|
+
var _apolloLinkError = require("apollo-link-error");
|
|
21
|
+
|
|
22
|
+
var _language = require("graphql/language");
|
|
23
|
+
|
|
24
|
+
var _createErrorOverlay = _interopRequireDefault(require("./NetworkErrorLinkPlugin/createErrorOverlay"));
|
|
25
|
+
|
|
26
|
+
var _boolean = require("boolean");
|
|
27
|
+
|
|
28
|
+
var _config = require("../config");
|
|
29
|
+
|
|
10
30
|
/**
|
|
11
31
|
* This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
|
|
12
32
|
*/
|
|
33
|
+
var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
34
|
+
(0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
|
|
13
35
|
|
|
14
|
-
|
|
15
|
-
_inherits(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
|
|
16
|
-
|
|
17
|
-
var _super = _createSuper(NetworkErrorLinkPlugin);
|
|
36
|
+
var _super = (0, _createSuper2.default)(NetworkErrorLinkPlugin);
|
|
18
37
|
|
|
19
38
|
function NetworkErrorLinkPlugin() {
|
|
20
|
-
|
|
21
|
-
|
|
39
|
+
(0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
|
|
22
40
|
return _super.apply(this, arguments);
|
|
23
41
|
}
|
|
24
42
|
|
|
25
|
-
|
|
43
|
+
(0, _createClass2.default)(NetworkErrorLinkPlugin, [{
|
|
26
44
|
key: "createLink",
|
|
27
45
|
value: function createLink() {
|
|
28
|
-
return onError(function (_ref) {
|
|
46
|
+
return (0, _apolloLinkError.onError)(function (_ref) {
|
|
29
47
|
var networkError = _ref.networkError,
|
|
30
48
|
operation = _ref.operation;
|
|
31
|
-
|
|
49
|
+
|
|
50
|
+
var debug = _config.config.getKey("DEBUG", (0, _boolean.boolean)(process.env.REACT_APP_DEBUG));
|
|
32
51
|
|
|
33
52
|
if (networkError && debug) {
|
|
34
|
-
|
|
35
|
-
query: print(operation.query),
|
|
53
|
+
(0, _createErrorOverlay.default)({
|
|
54
|
+
query: (0, _language.print)(operation.query),
|
|
36
55
|
networkError: networkError
|
|
37
56
|
});
|
|
38
57
|
} // TODO: also print graphQLErrors
|
|
@@ -40,6 +59,7 @@ export var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
40
59
|
});
|
|
41
60
|
}
|
|
42
61
|
}]);
|
|
43
|
-
|
|
44
62
|
return NetworkErrorLinkPlugin;
|
|
45
|
-
}(ApolloLinkPlugin);
|
|
63
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
64
|
+
|
|
65
|
+
exports.NetworkErrorLinkPlugin = NetworkErrorLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["NetworkErrorLinkPlugin","onError","networkError","operation","debug","appConfig","getKey","boolean","process","env","REACT_APP_DEBUG","createErrorOverlay","query","print","ApolloLinkPlugin"],"sources":["NetworkErrorLinkPlugin.ts"],"sourcesContent":["import { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { onError } from \"apollo-link-error\";\nimport { print } from \"graphql/language\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay\";\nimport { boolean } from \"boolean\";\nimport { config as appConfig } from \"~/config\";\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n public override createLink() {\n return onError(({ networkError, operation }) => {\n const debug = appConfig.getKey(\"DEBUG\", boolean(process.env.REACT_APP_DEBUG));\n\n if (networkError && debug) {\n createErrorOverlay({ query: print(operation.query), networkError });\n }\n\n // TODO: also print graphQLErrors\n });\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;IACaA,sB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAAC,wBAAA,EAAQ,gBAAiC;QAAA,IAA9BC,YAA8B,QAA9BA,YAA8B;QAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;QAC5C,IAAMC,KAAK,GAAGC,cAAA,CAAUC,MAAV,CAAiB,OAAjB,EAA0B,IAAAC,gBAAA,EAAQC,OAAO,CAACC,GAAR,CAAYC,eAApB,CAA1B,CAAd;;QAEA,IAAIR,YAAY,IAAIE,KAApB,EAA2B;UACvB,IAAAO,2BAAA,EAAmB;YAAEC,KAAK,EAAE,IAAAC,eAAA,EAAMV,SAAS,CAACS,KAAhB,CAAT;YAAiCV,YAAY,EAAZA;UAAjC,CAAnB;QACH,CAL2C,CAO5C;;MACH,CARM,CAAP;IASH;;;EAXuCY,mC"}
|
|
@@ -1,9 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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.OmitTypenameLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
+
|
|
18
|
+
var _apolloLink = require("apollo-link");
|
|
19
|
+
|
|
20
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
7
21
|
|
|
8
22
|
function omitTypename(key, value) {
|
|
9
23
|
return key === "__typename" ? undefined : value;
|
|
@@ -13,21 +27,20 @@ function omitTypename(key, value) {
|
|
|
13
27
|
*/
|
|
14
28
|
|
|
15
29
|
|
|
16
|
-
|
|
17
|
-
|
|
30
|
+
var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
31
|
+
(0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
|
|
18
32
|
|
|
19
|
-
var _super =
|
|
33
|
+
var _super = (0, _createSuper2.default)(OmitTypenameLinkPlugin);
|
|
20
34
|
|
|
21
35
|
function OmitTypenameLinkPlugin() {
|
|
22
|
-
|
|
23
|
-
|
|
36
|
+
(0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
|
|
24
37
|
return _super.apply(this, arguments);
|
|
25
38
|
}
|
|
26
39
|
|
|
27
|
-
|
|
40
|
+
(0, _createClass2.default)(OmitTypenameLinkPlugin, [{
|
|
28
41
|
key: "createLink",
|
|
29
42
|
value: function createLink() {
|
|
30
|
-
return new ApolloLink(function (operation, forward) {
|
|
43
|
+
return new _apolloLink.ApolloLink(function (operation, forward) {
|
|
31
44
|
if (operation.variables) {
|
|
32
45
|
operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
|
|
33
46
|
}
|
|
@@ -36,6 +49,7 @@ export var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
36
49
|
});
|
|
37
50
|
}
|
|
38
51
|
}]);
|
|
39
|
-
|
|
40
52
|
return OmitTypenameLinkPlugin;
|
|
41
|
-
}(ApolloLinkPlugin);
|
|
53
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
54
|
+
|
|
55
|
+
exports.OmitTypenameLinkPlugin = OmitTypenameLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["omitTypename","key","value","undefined","OmitTypenameLinkPlugin","ApolloLink","operation","forward","variables","JSON","parse","stringify","ApolloLinkPlugin"],"sources":["OmitTypenameLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n public override createLink(): ApolloLink {\n return new ApolloLink((operation, forward) => {\n if (operation.variables) {\n operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n }\n return forward(operation);\n });\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,SAASA,YAAT,CAAsBC,GAAtB,EAAmCC,KAAnC,EAAsE;EAClE,OAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;IACaE,sB;;;;;;;;;;;;WACT,sBAAyC;MACrC,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAID,SAAS,CAACE,SAAd,EAAyB;UACrBF,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDR,YAAhD,CAAtB;QACH;;QACD,OAAOO,OAAO,CAACD,SAAD,CAAd;MACH,CALM,CAAP;IAMH;;;EARuCM,mC"}
|
package/plugins/RoutePlugin.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Plugin } from "@webiny/plugins";
|
|
3
3
|
interface Config {
|
|
4
|
-
route: React.ReactElement;
|
|
4
|
+
route: React.ReactElement | null;
|
|
5
5
|
}
|
|
6
6
|
export declare class RoutePlugin extends Plugin {
|
|
7
|
-
static readonly type
|
|
7
|
+
static readonly type: string;
|
|
8
8
|
private _config;
|
|
9
9
|
constructor(config?: Config);
|
|
10
10
|
get route(): Config["route"];
|
package/plugins/RoutePlugin.js
CHANGED
|
@@ -1,36 +1,53 @@
|
|
|
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 RoutePlugin = /*#__PURE__*/function (_Plugin) {
|
|
9
|
-
_inherits(RoutePlugin, _Plugin);
|
|
10
|
-
|
|
11
|
-
var _super = _createSuper(RoutePlugin);
|
|
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.RoutePlugin = 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 RoutePlugin = /*#__PURE__*/function (_Plugin) {
|
|
25
|
+
(0, _inherits2.default)(RoutePlugin, _Plugin);
|
|
26
|
+
|
|
27
|
+
var _super = (0, _createSuper2.default)(RoutePlugin);
|
|
28
|
+
|
|
29
|
+
function RoutePlugin(config) {
|
|
30
|
+
var _this;
|
|
31
|
+
|
|
32
|
+
(0, _classCallCheck2.default)(this, RoutePlugin);
|
|
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)(RoutePlugin, [{
|
|
27
40
|
key: "route",
|
|
28
41
|
get: function get() {
|
|
42
|
+
if (!this._config.route) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
|
|
29
46
|
return this._config.route;
|
|
30
47
|
}
|
|
31
48
|
}]);
|
|
32
|
-
|
|
33
49
|
return RoutePlugin;
|
|
34
|
-
}(Plugin);
|
|
50
|
+
}(_plugins.Plugin);
|
|
35
51
|
|
|
36
|
-
|
|
52
|
+
exports.RoutePlugin = RoutePlugin;
|
|
53
|
+
(0, _defineProperty2.default)(RoutePlugin, "type", "route");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["RoutePlugin","config","_config","route","Plugin"],"sources":["RoutePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config {\n route: React.ReactElement | null;\n}\n\nexport class RoutePlugin extends Plugin {\n public static override readonly type: string = \"route\";\n private _config: Partial<Config>;\n\n constructor(config?: Config) {\n super();\n this._config = config || {};\n }\n\n get route(): Config[\"route\"] {\n if (!this._config.route) {\n return null;\n }\n return this._config.route;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;IAMaA,W;;;;;EAIT,qBAAYC,MAAZ,EAA6B;IAAA;;IAAA;IACzB;IADyB;IAEzB,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFyB;EAG5B;;;;SAED,eAA6B;MACzB,IAAI,CAAC,KAAKC,OAAL,CAAaC,KAAlB,EAAyB;QACrB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKD,OAAL,CAAaC,KAApB;IACH;;;EAd4BC,e;;;8BAApBJ,W,UACsC,O"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
|
|
2
|
+
import { ApolloLink } from "apollo-link";
|
|
2
3
|
declare global {
|
|
3
4
|
interface Window {
|
|
4
5
|
__PS_RENDER_TENANT__: string;
|
|
@@ -8,7 +9,7 @@ declare global {
|
|
|
8
9
|
* Append `x-tenant` header from URL query (necessary for prerendering service).
|
|
9
10
|
*/
|
|
10
11
|
export declare class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
|
|
11
|
-
private tenant;
|
|
12
|
+
private readonly tenant;
|
|
12
13
|
constructor(tenant?: string);
|
|
13
|
-
createLink():
|
|
14
|
+
createLink(): ApolloLink;
|
|
14
15
|
}
|
|
@@ -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) {
|
|
@@ -33,16 +47,15 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
33
47
|
}
|
|
34
48
|
|
|
35
49
|
_this.tenant = tenant;
|
|
36
|
-
console.log("Detected tenant", _this.tenant);
|
|
37
50
|
return _this;
|
|
38
51
|
}
|
|
39
52
|
|
|
40
|
-
|
|
53
|
+
(0, _createClass2.default)(TenantHeaderLinkPlugin, [{
|
|
41
54
|
key: "createLink",
|
|
42
55
|
value: function createLink() {
|
|
43
56
|
var _this2 = this;
|
|
44
57
|
|
|
45
|
-
return setContext(function (_, _ref) {
|
|
58
|
+
return (0, _apolloLinkContext.setContext)(function (_, _ref) {
|
|
46
59
|
var headers = _ref.headers;
|
|
47
60
|
|
|
48
61
|
// If tenant header is already set, do not overwrite it.
|
|
@@ -54,7 +67,7 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
54
67
|
|
|
55
68
|
if (_this2.tenant) {
|
|
56
69
|
return {
|
|
57
|
-
headers:
|
|
70
|
+
headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
|
|
58
71
|
"x-tenant": _this2.tenant
|
|
59
72
|
})
|
|
60
73
|
};
|
|
@@ -66,6 +79,7 @@ export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
|
66
79
|
});
|
|
67
80
|
}
|
|
68
81
|
}]);
|
|
69
|
-
|
|
70
82
|
return TenantHeaderLinkPlugin;
|
|
71
|
-
}(ApolloLinkPlugin);
|
|
83
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
84
|
+
|
|
85
|
+
exports.TenantHeaderLinkPlugin = TenantHeaderLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
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.d.ts
CHANGED
|
@@ -5,10 +5,10 @@ interface Config<Props> {
|
|
|
5
5
|
render(props: Props): React.ReactElement | null;
|
|
6
6
|
}
|
|
7
7
|
export declare class ViewPlugin<Props = any> extends Plugin {
|
|
8
|
-
static readonly type
|
|
9
|
-
private _config;
|
|
8
|
+
static readonly type: string;
|
|
9
|
+
private readonly _config;
|
|
10
10
|
constructor(config?: Config<Props>);
|
|
11
|
-
get key(): string;
|
|
12
|
-
render(props: Props): React.ReactElement<any, string |
|
|
11
|
+
get key(): string | undefined;
|
|
12
|
+
render(props: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
13
13
|
}
|
|
14
14
|
export {};
|
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;
|
|
@@ -31,11 +44,15 @@ export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
31
44
|
}, {
|
|
32
45
|
key: "render",
|
|
33
46
|
value: function render(props) {
|
|
47
|
+
if (!this._config.render) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
|
|
34
51
|
return this._config.render(props);
|
|
35
52
|
}
|
|
36
53
|
}]);
|
|
37
|
-
|
|
38
54
|
return ViewPlugin;
|
|
39
|
-
}(Plugin);
|
|
55
|
+
}(_plugins.Plugin);
|
|
40
56
|
|
|
41
|
-
|
|
57
|
+
exports.ViewPlugin = ViewPlugin;
|
|
58
|
+
(0, _defineProperty2.default)(ViewPlugin, "type", "view");
|
|
@@ -0,0 +1 @@
|
|
|
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,
|
|
@@ -35,43 +48,48 @@ var getSupportedImageResizeWidth = function getSupportedImageResizeWidth(width)
|
|
|
35
48
|
|
|
36
49
|
return output;
|
|
37
50
|
};
|
|
51
|
+
|
|
38
52
|
/**
|
|
39
53
|
* Currently we only allow "width" as a transform option.
|
|
40
54
|
* @param args
|
|
41
55
|
*/
|
|
42
|
-
|
|
43
|
-
|
|
44
56
|
var sanitizeTransformArgs = function sanitizeTransformArgs(args) {
|
|
45
57
|
var output = {};
|
|
46
58
|
|
|
47
|
-
if (args) {
|
|
48
|
-
|
|
59
|
+
if (!args || args.width === undefined || args.width === null) {
|
|
60
|
+
return output;
|
|
61
|
+
}
|
|
49
62
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
63
|
+
var width = parseInt(args.width);
|
|
64
|
+
|
|
65
|
+
if (width > 0) {
|
|
66
|
+
output.width = getSupportedImageResizeWidth(width);
|
|
53
67
|
}
|
|
54
68
|
|
|
55
69
|
return output;
|
|
56
70
|
};
|
|
57
71
|
|
|
58
72
|
var getSizes = function getSizes(width) {
|
|
59
|
-
|
|
60
|
-
|
|
73
|
+
if (typeof width !== "string") {
|
|
74
|
+
return undefined;
|
|
75
|
+
} // Check if width was set as percentage, with "%" in the value.
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
if (width.endsWith("%")) {
|
|
61
79
|
return "".concat(parseInt(width), "vw");
|
|
62
80
|
} // Check if width was set as viewport width, with "vw" in the value.
|
|
63
81
|
|
|
64
82
|
|
|
65
|
-
if (
|
|
83
|
+
if (width.endsWith("vw")) {
|
|
66
84
|
return "".concat(parseInt(width), "vw");
|
|
67
85
|
} // Check if width was set as relative, with "em" in the value.
|
|
68
86
|
|
|
69
87
|
|
|
70
|
-
if (
|
|
88
|
+
if (width.endsWith("em")) {
|
|
71
89
|
return "".concat(parseInt(width), "em");
|
|
72
90
|
}
|
|
73
91
|
|
|
74
|
-
return
|
|
92
|
+
return undefined;
|
|
75
93
|
};
|
|
76
94
|
|
|
77
95
|
var isFixedImageWidth = function isFixedImageWidth(width) {
|
|
@@ -100,7 +118,7 @@ var convertTransformToQueryParams = function convertTransformToQueryParams(trans
|
|
|
100
118
|
}).join("&");
|
|
101
119
|
};
|
|
102
120
|
|
|
103
|
-
|
|
121
|
+
var _default = function _default() {
|
|
104
122
|
var imagePlugin = {
|
|
105
123
|
name: "image-component",
|
|
106
124
|
type: "image-component",
|
|
@@ -125,15 +143,14 @@ export default (function () {
|
|
|
125
143
|
return src;
|
|
126
144
|
}
|
|
127
145
|
|
|
128
|
-
var
|
|
129
|
-
params = convertTransformToQueryParams(
|
|
146
|
+
var sanitizedParams = sanitizeTransformArgs(transform);
|
|
147
|
+
var params = convertTransformToQueryParams(sanitizedParams);
|
|
130
148
|
return src + "?" + params;
|
|
131
149
|
},
|
|
132
150
|
render: function render(props) {
|
|
133
151
|
var transform = props.transform,
|
|
134
152
|
srcSetInitial = props.srcSet,
|
|
135
|
-
imageProps =
|
|
136
|
-
|
|
153
|
+
imageProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
137
154
|
var srcSet = srcSetInitial;
|
|
138
155
|
var sizes;
|
|
139
156
|
var src = imageProps.src;
|
|
@@ -146,7 +163,7 @@ export default (function () {
|
|
|
146
163
|
srcSetAutoWidths.forEach(function (width) {
|
|
147
164
|
srcSet[width + "w"] = imagePlugin.getImageSrc({
|
|
148
165
|
src: src,
|
|
149
|
-
transform:
|
|
166
|
+
transform: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
|
|
150
167
|
width: width
|
|
151
168
|
})
|
|
152
169
|
});
|
|
@@ -154,7 +171,7 @@ export default (function () {
|
|
|
154
171
|
sizes = getSizes(forcedWidth);
|
|
155
172
|
}
|
|
156
173
|
|
|
157
|
-
return /*#__PURE__*/
|
|
174
|
+
return /*#__PURE__*/_react.default.createElement(_Image.Image, Object.assign({}, imageProps, {
|
|
158
175
|
srcSet: srcSet,
|
|
159
176
|
src: src,
|
|
160
177
|
sizes: sizes
|
|
@@ -162,4 +179,6 @@ export default (function () {
|
|
|
162
179
|
}
|
|
163
180
|
};
|
|
164
181
|
return imagePlugin;
|
|
165
|
-
}
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
exports.default = _default;
|