@newskit-render/shared-components 1.23.0 → 1.24.0-alpha.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/dist/cjs/CorePackageContent/CorePackageContent.js +3 -1
- package/dist/cjs/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/cjs/Header/Header.js +3 -1
- package/dist/cjs/Header/Header.js.map +1 -1
- package/dist/cjs/Image/Image.d.ts +3 -0
- package/dist/cjs/Image/Image.js +76 -0
- package/dist/cjs/Image/Image.js.map +1 -0
- package/dist/cjs/Image/index.d.ts +1 -0
- package/dist/cjs/Image/index.js +18 -0
- package/dist/cjs/Image/index.js.map +1 -0
- package/dist/cjs/Image/types.d.ts +6 -0
- package/dist/cjs/Image/types.js +3 -0
- package/dist/cjs/Image/types.js.map +1 -0
- package/dist/cjs/Modal/ModalContent.js +3 -1
- package/dist/cjs/Modal/ModalContent.js.map +1 -1
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js +5 -3
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/cjs/NavigationPrimary/types.d.ts +2 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils/getAspectRatio.d.ts +1 -0
- package/dist/cjs/utils/getAspectRatio.js +11 -0
- package/dist/cjs/utils/getAspectRatio.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/esm/CorePackageContent/CorePackageContent.js +4 -2
- package/dist/esm/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/esm/Header/Header.js +4 -2
- package/dist/esm/Header/Header.js.map +1 -1
- package/dist/esm/Image/Image.d.ts +3 -0
- package/dist/esm/Image/Image.js +46 -0
- package/dist/esm/Image/Image.js.map +1 -0
- package/dist/esm/Image/index.d.ts +1 -0
- package/dist/esm/Image/index.js +2 -0
- package/dist/esm/Image/index.js.map +1 -0
- package/dist/esm/Image/types.d.ts +6 -0
- package/dist/esm/Image/types.js +2 -0
- package/dist/esm/Image/types.js.map +1 -0
- package/dist/esm/Modal/ModalContent.js +4 -2
- package/dist/esm/Modal/ModalContent.js.map +1 -1
- package/dist/esm/NavigationPrimary/NavigationPrimary.js +6 -4
- package/dist/esm/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/esm/NavigationPrimary/types.d.ts +2 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/getAspectRatio.d.ts +1 -0
- package/dist/esm/utils/getAspectRatio.js +7 -0
- package/dist/esm/utils/getAspectRatio.js.map +1 -0
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,8 +21,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
21
21
|
exports.CorePackageContent = void 0;
|
|
22
22
|
var react_1 = __importDefault(require("react"));
|
|
23
23
|
var TitleBar_1 = require("../TitleBar");
|
|
24
|
+
var Image_1 = require("../Image");
|
|
24
25
|
var newskit_1 = require("newskit");
|
|
25
26
|
var Lens_1 = require("@emotion-icons/material/Lens");
|
|
27
|
+
var utils_1 = require("../utils");
|
|
26
28
|
var IconFilledLens = (0, newskit_1.toNewsKitIcon)(Lens_1.Lens);
|
|
27
29
|
var Wrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", "\n height: 100%;\n"], ["\n ", ";\n ", "\n height: 100%;\n"])), function (_a) {
|
|
28
30
|
var backgroundColor = _a.backgroundColor;
|
|
@@ -39,7 +41,7 @@ var CorePackageContent = function (_a) {
|
|
|
39
41
|
return (react_1.default.createElement(Wrapper, { backgroundColor: backgroundColor, padding: padding },
|
|
40
42
|
titleBar && react_1.default.createElement(TitleBar_1.TitleBar, __assign({}, titleBar)),
|
|
41
43
|
image && (react_1.default.createElement(StyledImageBlock, { spaceStack: image.spaceStack },
|
|
42
|
-
react_1.default.createElement(
|
|
44
|
+
react_1.default.createElement(Image_1.Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }, image.overrides)))),
|
|
43
45
|
benifitItems && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
44
46
|
react_1.default.createElement(newskit_1.UnorderedList, __assign({}, benifitList, { listItemMarker: (benifitList === null || benifitList === void 0 ? void 0 : benifitList.icon) || IconFilledLens }), benifitItems),
|
|
45
47
|
react_1.default.createElement(StyledBenifitBlock, { spaceStack: benifitList === null || benifitList === void 0 ? void 0 : benifitList.spaceStack }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,wCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,8 @@ var react_1 = __importDefault(require("react"));
|
|
|
23
23
|
var Introduction_1 = require("../Introduction");
|
|
24
24
|
var newskit_1 = require("newskit");
|
|
25
25
|
var BackButton_1 = require("../BackButton");
|
|
26
|
+
var Image_1 = require("../Image");
|
|
27
|
+
var utils_1 = require("../utils");
|
|
26
28
|
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
27
29
|
var Header = function (_a) {
|
|
28
30
|
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, spaceStack = _a.spaceStack, showDivider = _a.showDivider, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
|
|
@@ -33,7 +35,7 @@ var Header = function (_a) {
|
|
|
33
35
|
react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
|
|
34
36
|
react_1.default.createElement(Introduction_1.Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
|
|
35
37
|
react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, imageCell), image && (react_1.default.createElement(newskit_1.Block, { spaceStack: image.spaceStack },
|
|
36
|
-
react_1.default.createElement(
|
|
38
|
+
react_1.default.createElement(Image_1.Image, { src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }))))),
|
|
37
39
|
showDivider && react_1.default.createElement(newskit_1.Divider, null)));
|
|
38
40
|
};
|
|
39
41
|
exports.Header = Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAOgB;AAChB,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAEzC,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAiB7C;QAhBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,8BAAC,WAAW,IAAC,UAAU,EAAE,UAAU,iBAAc,aAAa;QAC5D,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,8BAAC,cAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,8BAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,IAAA,sBAAc,EAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,OAAG,CACf,CACf,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,MAAM,UA+DlB"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
|
+
exports.Image = void 0;
|
|
56
|
+
var react_1 = __importStar(require("react"));
|
|
57
|
+
var image_1 = __importDefault(require("next/image"));
|
|
58
|
+
var newskit_1 = require("newskit");
|
|
59
|
+
var StyledFigure = newskit_1.styled.figure(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n position: relative;\n aspect-ratio: ", ";\n"], ["\n margin: 0;\n position: relative;\n aspect-ratio: ", ";\n"])), function (_a) {
|
|
60
|
+
var aspectRatio = _a.aspectRatio;
|
|
61
|
+
return aspectRatio;
|
|
62
|
+
});
|
|
63
|
+
var Image = function (_a) {
|
|
64
|
+
var _b = _a.aspectRatio, aspectRatio = _b === void 0 ? 'auto' : _b, _c = _a.blurDataURL, blurDataURL = _c === void 0 ? '/assets/plchldr150x100.png' : _c, src = _a.src, width = _a.width, imageProps = __rest(_a, ["aspectRatio", "blurDataURL", "src", "width"]);
|
|
65
|
+
var _d = (0, react_1.useState)(0), actualAspectRatio = _d[0], setActualAspectRatio = _d[1];
|
|
66
|
+
return (react_1.default.createElement(StyledFigure, { aspectRatio: actualAspectRatio ? actualAspectRatio : aspectRatio },
|
|
67
|
+
react_1.default.createElement(image_1.default, __assign({ fill: !width, style: {
|
|
68
|
+
objectFit: 'contain',
|
|
69
|
+
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: width }, imageProps, { placeholder: "blur", blurDataURL: blurDataURL, src: src || blurDataURL, onLoadingComplete: function (_a) {
|
|
70
|
+
var naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
|
|
71
|
+
setActualAspectRatio(naturalWidth / naturalHeight);
|
|
72
|
+
} }))));
|
|
73
|
+
};
|
|
74
|
+
exports.Image = Image;
|
|
75
|
+
var templateObject_1;
|
|
76
|
+
//# sourceMappingURL=Image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,qDAAkC;AAElC,mCAAgC;AAEhC,IAAM,YAAY,GAAG,gBAAM,CAAC,MAAM,mIAAkC,yDAGlD,EAAgC,KACjD,KADiB,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW;AAAX,CAAW,CACjD,CAAA;AAEM,IAAM,KAAK,GAAyB,UAAC,EAM3C;IALC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACF,UAAU,cAL6B,8CAM3C,CADc;IAEP,IAAA,KAA4C,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,OAAO,CACL,8BAAC,YAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,8BAAC,eAAS,aACR,IAAI,EAAE,CAAC,KAAK,EACZ,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,KAAK,IACR,UAAU,IACd,WAAW,EAAC,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,iBAAiB,EAAE,UAAC,EAA+B;oBAA7B,YAAY,kBAAA,EAAE,aAAa,mBAAA;gBAC/C,oBAAoB,CAAC,YAAY,GAAG,aAAa,CAAC,CAAA;YACpD,CAAC,IACD,CACW,CAChB,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,KAAK,SAgCjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Image';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Image"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Image/types.ts"],"names":[],"mappings":""}
|
|
@@ -25,6 +25,8 @@ var Introduction_1 = require("../Introduction");
|
|
|
25
25
|
var CorePackageContent_1 = require("../CorePackageContent");
|
|
26
26
|
var ButtonGroup_1 = require("../ButtonGroup");
|
|
27
27
|
var ModalLink_1 = require("./ModalLink");
|
|
28
|
+
var Image_1 = require("../Image");
|
|
29
|
+
var utils_1 = require("../utils");
|
|
28
30
|
var ButtonGroupBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: 0 !important;\n"], ["\n padding-top: 0 !important;\n"])));
|
|
29
31
|
var ButtonBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: 0 !important;\n text-align: center;\n"], ["\n padding-top: 0 !important;\n text-align: center;\n"])));
|
|
30
32
|
var ModalContent = function (_a) {
|
|
@@ -32,7 +34,7 @@ var ModalContent = function (_a) {
|
|
|
32
34
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
33
35
|
react_1.default.createElement(newskit_1.Block, { spaceInset: spaceInset },
|
|
34
36
|
image && (react_1.default.createElement(newskit_1.Block, { spaceStack: image.spaceStack },
|
|
35
|
-
react_1.default.createElement(
|
|
37
|
+
react_1.default.createElement(Image_1.Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }, image.overrides)))),
|
|
36
38
|
introduction && react_1.default.createElement(Introduction_1.Introduction, __assign({}, introduction)),
|
|
37
39
|
inlineMessage && (react_1.default.createElement(newskit_1.Block, { spaceStack: inlineMessage.spaceStack },
|
|
38
40
|
react_1.default.createElement(newskit_1.InlineMessage, __assign({}, inlineMessage), inlineMessage.message))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA8D;AAE9D,gDAA8C;AAC9C,4DAA0D;AAC1D,8CAA4C;AAC5C,yCAAuC;AACvC,kCAAgC;AAChC,kCAAyC;AACzC,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,8BAAC,aAAK,aACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,IAAA,sBAAc,EAAC,KAAK,CAAC,kBAA4B,CAAC,IAC3D,KAAK,CAAC,SAAS,EACnB,CACI,CACT;YACA,YAAY,IAAI,8BAAC,2BAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,8BAAC,eAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,8BAAC,uBAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,8BAAC,uCAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,8BAAC,qBAAS,eAAK,SAAS,EAAI,CACpC;QACR,8BAAC,eAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QAC5C,WAAW,IAAI,CACd,8BAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,8BAAC,yBAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,8BAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,8BAAC,gBAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA5CK,CA4CL,CAAA;AArDY,QAAA,YAAY,gBAqDxB"}
|
|
@@ -55,6 +55,7 @@ var styled_1 = require("./styled");
|
|
|
55
55
|
var utils_1 = require("./utils");
|
|
56
56
|
var utils_2 = require("./utils");
|
|
57
57
|
var IconAccount_1 = require("./IconAccount");
|
|
58
|
+
var Image_1 = require("../Image");
|
|
58
59
|
var Menu_1 = require("@emotion-icons/material/Menu");
|
|
59
60
|
var IconFilledMenu = (0, newskit_1.toNewsKitIcon)(Menu_1.Menu);
|
|
60
61
|
var renderLinks = function (nav, hasTitle, onClick) {
|
|
@@ -74,7 +75,7 @@ var renderLinks = function (nav, hasTitle, onClick) {
|
|
|
74
75
|
link.icon)); });
|
|
75
76
|
};
|
|
76
77
|
var BaseNavigationPrimary = function (_a) {
|
|
77
|
-
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, titlePosition = _a.titlePosition, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
78
|
+
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, titlePosition = _a.titlePosition, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
78
79
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
79
80
|
var _c = themeDropdownObject || {}, themeDropdownOpen = _c.themeDropdownOpen, dropdown = _c.dropdown, clientNavigationLogos = _c.clientNavigationLogos, options = _c.options;
|
|
80
81
|
var _d = (0, react_1.useState)(false), showMenu = _d[0], setShowMenu = _d[1];
|
|
@@ -95,7 +96,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
95
96
|
if (logoSrc || logoWidth || titlePosition) {
|
|
96
97
|
return {
|
|
97
98
|
src: logoSrc,
|
|
98
|
-
width: logoWidth || '
|
|
99
|
+
width: logoWidth || '150',
|
|
100
|
+
height: logoHeight || '32.5',
|
|
99
101
|
top: titlePosition || '0',
|
|
100
102
|
};
|
|
101
103
|
}
|
|
@@ -145,7 +147,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
145
147
|
react_1.default.createElement(newskit_1.GridLayout, { columns: '1fr auto auto', columnGap: title && { md: 'space040' }, alignItems: "center" },
|
|
146
148
|
react_1.default.createElement(__1.NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href: "/", "aria-label": "Logo Link" }, (logo === null || logo === void 0 ? void 0 : logo.src) ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
147
149
|
react_1.default.createElement(newskit_1.Block, null,
|
|
148
|
-
react_1.default.createElement(
|
|
150
|
+
react_1.default.createElement(Image_1.Image, { "data-testid": "Nav-Prm-logo", alt: "", src: logo === null || logo === void 0 ? void 0 : logo.src, width: parseInt((logo === null || logo === void 0 ? void 0 : logo.width) || '150'), height: parseFloat((logo === null || logo === void 0 ? void 0 : logo.width) || '32.5') })))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
149
151
|
react_1.default.createElement(newskit_1.Visible, { md: true, lg: true, xl: true },
|
|
150
152
|
react_1.default.createElement(styled_1.BrandmarkFull, null,
|
|
151
153
|
react_1.default.createElement(NewsKitLogoFull_1.NewsKitLogoFull, { overrides: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
17
17
|
title?: string;
|
|
18
18
|
logoSrc?: string;
|
|
19
19
|
logoWidth?: string;
|
|
20
|
+
logoHeight?: string;
|
|
20
21
|
titlePosition?: string;
|
|
21
22
|
loggedInUser?: boolean;
|
|
22
23
|
gridOverrides?: {
|
|
@@ -38,5 +39,6 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
38
39
|
export type Logo = {
|
|
39
40
|
src?: string;
|
|
40
41
|
width?: string;
|
|
42
|
+
height?: string;
|
|
41
43
|
top?: string;
|
|
42
44
|
} | undefined;
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -19,6 +19,7 @@ __exportStar(require("./ButtonGroup"), exports);
|
|
|
19
19
|
__exportStar(require("./ContentListView"), exports);
|
|
20
20
|
__exportStar(require("./CorePackageContent"), exports);
|
|
21
21
|
__exportStar(require("./ExpandSection"), exports);
|
|
22
|
+
__exportStar(require("./Image"), exports);
|
|
22
23
|
__exportStar(require("./FormComponent"), exports);
|
|
23
24
|
__exportStar(require("./RadioForm"), exports);
|
|
24
25
|
__exportStar(require("./Header"), exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,+CAA4B;AAC5B,yCAAsB;AACtB,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,0CAAuB;AACvB,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,+CAA4B;AAC5B,yCAAsB;AACtB,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getAspectRatio: (ascpectRatioText?: string) => number;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getAspectRatio = void 0;
|
|
4
|
+
var getAspectRatio = function (ascpectRatioText) {
|
|
5
|
+
if (ascpectRatioText === void 0) { ascpectRatioText = '16x9'; }
|
|
6
|
+
return ascpectRatioText
|
|
7
|
+
? eval(ascpectRatioText.replace(':', '/').replace('x', '/'))
|
|
8
|
+
: '';
|
|
9
|
+
};
|
|
10
|
+
exports.getAspectRatio = getAspectRatio;
|
|
11
|
+
//# sourceMappingURL=getAspectRatio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getAspectRatio.js","sourceRoot":"","sources":["../../../src/utils/getAspectRatio.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAc,GAAG,UAAC,gBAAyB;IAAzB,iCAAA,EAAA,yBAAyB;IACtD,OAAA,gBAAgB;QACd,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC5D,CAAC,CAAC,EAAE;AAFN,CAEM,CAAA;AAHK,QAAA,cAAc,kBAGnB"}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -17,4 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
__exportStar(require("./tracking"), exports);
|
|
18
18
|
__exportStar(require("./getHost"), exports);
|
|
19
19
|
__exportStar(require("./checkRequestHeaders"), exports);
|
|
20
|
+
__exportStar(require("./getAspectRatio"), exports);
|
|
20
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,4CAAyB;AACzB,wDAAqC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,4CAAyB;AACzB,wDAAqC;AACrC,mDAAgC"}
|
|
@@ -15,8 +15,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { TitleBar } from '../TitleBar';
|
|
18
|
-
import { Image
|
|
18
|
+
import { Image } from '../Image';
|
|
19
|
+
import { Block, styled, UnorderedList, Divider, TextBlock, Stack, getColorCssFromTheme, getSizingCssFromTheme, toNewsKitIcon, } from 'newskit';
|
|
19
20
|
import { Lens as FilledLens } from '@emotion-icons/material/Lens';
|
|
21
|
+
import { getAspectRatio } from '../utils';
|
|
20
22
|
var IconFilledLens = toNewsKitIcon(FilledLens);
|
|
21
23
|
var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", "\n height: 100%;\n"], ["\n ", ";\n ", "\n height: 100%;\n"])), function (_a) {
|
|
22
24
|
var backgroundColor = _a.backgroundColor;
|
|
@@ -33,7 +35,7 @@ export var CorePackageContent = function (_a) {
|
|
|
33
35
|
return (React.createElement(Wrapper, { backgroundColor: backgroundColor, padding: padding },
|
|
34
36
|
titleBar && React.createElement(TitleBar, __assign({}, titleBar)),
|
|
35
37
|
image && (React.createElement(StyledImageBlock, { spaceStack: image.spaceStack },
|
|
36
|
-
React.createElement(Image, { src: image.src, alt: image.alt || '',
|
|
38
|
+
React.createElement(Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }, image.overrides)))),
|
|
37
39
|
benifitItems && (React.createElement(React.Fragment, null,
|
|
38
40
|
React.createElement(UnorderedList, __assign({}, benifitList, { listItemMarker: (benifitList === null || benifitList === void 0 ? void 0 : benifitList.icon) || IconFilledLens }), benifitItems),
|
|
39
41
|
React.createElement(StyledBenifitBlock, { spaceStack: benifitList === null || benifitList === void 0 ? void 0 : benifitList.spaceStack }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { Introduction } from '../Introduction';
|
|
18
|
-
import { Divider, Block,
|
|
18
|
+
import { Divider, Block, styled, Grid, Cell, getMediaQueryFromTheme, } from 'newskit';
|
|
19
19
|
import { BackButton } from '../BackButton';
|
|
20
|
+
import { Image } from '../Image';
|
|
21
|
+
import { getAspectRatio } from '../utils';
|
|
20
22
|
var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'));
|
|
21
23
|
export var Header = function (_a) {
|
|
22
24
|
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, spaceStack = _a.spaceStack, showDivider = _a.showDivider, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
|
|
@@ -27,7 +29,7 @@ export var Header = function (_a) {
|
|
|
27
29
|
React.createElement(Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
|
|
28
30
|
React.createElement(Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
|
|
29
31
|
React.createElement(Cell, __assign({ xs: 12 }, imageCell), image && (React.createElement(Block, { spaceStack: image.spaceStack },
|
|
30
|
-
React.createElement(Image, { src: image.src, alt: image.alt || '',
|
|
32
|
+
React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }))))),
|
|
31
33
|
showDivider && React.createElement(Divider, null)));
|
|
32
34
|
};
|
|
33
35
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AACD,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAiB7C;QAhBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,oBAAC,WAAW,IAAC,UAAU,EAAE,UAAU,iBAAc,aAAa;QAC5D,oBAAC,IAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,oBAAC,IAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,oBAAC,OAAO,OAAG,CACf,CACf,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
27
|
+
import React, { useState } from 'react';
|
|
28
|
+
import NextImage from 'next/image';
|
|
29
|
+
import { styled } from 'newskit';
|
|
30
|
+
var StyledFigure = styled.figure(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n position: relative;\n aspect-ratio: ", ";\n"], ["\n margin: 0;\n position: relative;\n aspect-ratio: ", ";\n"])), function (_a) {
|
|
31
|
+
var aspectRatio = _a.aspectRatio;
|
|
32
|
+
return aspectRatio;
|
|
33
|
+
});
|
|
34
|
+
export var Image = function (_a) {
|
|
35
|
+
var _b = _a.aspectRatio, aspectRatio = _b === void 0 ? 'auto' : _b, _c = _a.blurDataURL, blurDataURL = _c === void 0 ? '/assets/plchldr150x100.png' : _c, src = _a.src, width = _a.width, imageProps = __rest(_a, ["aspectRatio", "blurDataURL", "src", "width"]);
|
|
36
|
+
var _d = useState(0), actualAspectRatio = _d[0], setActualAspectRatio = _d[1];
|
|
37
|
+
return (React.createElement(StyledFigure, { aspectRatio: actualAspectRatio ? actualAspectRatio : aspectRatio },
|
|
38
|
+
React.createElement(NextImage, __assign({ fill: !width, style: {
|
|
39
|
+
objectFit: 'contain',
|
|
40
|
+
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: width }, imageProps, { placeholder: "blur", blurDataURL: blurDataURL, src: src || blurDataURL, onLoadingComplete: function (_a) {
|
|
41
|
+
var naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
|
|
42
|
+
setActualAspectRatio(naturalWidth / naturalHeight);
|
|
43
|
+
} }))));
|
|
44
|
+
};
|
|
45
|
+
var templateObject_1;
|
|
46
|
+
//# sourceMappingURL=Image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEhC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,mIAAkC,yDAGlD,EAAgC,KACjD,KADiB,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW;AAAX,CAAW,CACjD,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAM3C;IALC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACF,UAAU,cAL6B,8CAM3C,CADc;IAEP,IAAA,KAA4C,QAAQ,CAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,OAAO,CACL,oBAAC,YAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,oBAAC,SAAS,aACR,IAAI,EAAE,CAAC,KAAK,EACZ,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,KAAK,IACR,UAAU,IACd,WAAW,EAAC,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,iBAAiB,EAAE,UAAC,EAA+B;oBAA7B,YAAY,kBAAA,EAAE,aAAa,mBAAA;gBAC/C,oBAAoB,CAAC,YAAY,GAAG,aAAa,CAAC,CAAA;YACpD,CAAC,IACD,CACW,CAChB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Image';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Image/types.ts"],"names":[],"mappings":""}
|
|
@@ -14,11 +14,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
return __assign.apply(this, arguments);
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
|
-
import { Block, styled,
|
|
17
|
+
import { Block, styled, InlineMessage, Button } from 'newskit';
|
|
18
18
|
import { Introduction } from '../Introduction';
|
|
19
19
|
import { CorePackageContent } from '../CorePackageContent';
|
|
20
20
|
import { ButtonGroup } from '../ButtonGroup';
|
|
21
21
|
import { ModalLink } from './ModalLink';
|
|
22
|
+
import { Image } from '../Image';
|
|
23
|
+
import { getAspectRatio } from '../utils';
|
|
22
24
|
var ButtonGroupBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: 0 !important;\n"], ["\n padding-top: 0 !important;\n"])));
|
|
23
25
|
var ButtonBlock = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: 0 !important;\n text-align: center;\n"], ["\n padding-top: 0 !important;\n text-align: center;\n"])));
|
|
24
26
|
export var ModalContent = function (_a) {
|
|
@@ -26,7 +28,7 @@ export var ModalContent = function (_a) {
|
|
|
26
28
|
return (React.createElement(React.Fragment, null,
|
|
27
29
|
React.createElement(Block, { spaceInset: spaceInset },
|
|
28
30
|
image && (React.createElement(Block, { spaceStack: image.spaceStack },
|
|
29
|
-
React.createElement(Image, { src: image.src, alt: image.alt || '',
|
|
31
|
+
React.createElement(Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }, image.overrides)))),
|
|
30
32
|
introduction && React.createElement(Introduction, __assign({}, introduction)),
|
|
31
33
|
inlineMessage && (React.createElement(Block, { spaceStack: inlineMessage.spaceStack },
|
|
32
34
|
React.createElement(InlineMessage, __assign({}, inlineMessage), inlineMessage.message))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,oBAAC,KAAK,aACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,IAC3D,KAAK,CAAC,SAAS,EACnB,CACI,CACT;YACA,YAAY,IAAI,oBAAC,YAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,oBAAC,KAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,oBAAC,aAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,oBAAC,kBAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,oBAAC,SAAS,eAAK,SAAS,EAAI,CACpC;QACR,oBAAC,KAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QAC5C,WAAW,IAAI,CACd,oBAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,oBAAC,WAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,oBAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,oBAAC,MAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA5CK,CA4CL,CAAA"}
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { useState } from 'react';
|
|
24
|
-
import { Divider,
|
|
24
|
+
import { Divider, Block, Visible, Hidden, GridLayout, GridLayoutItem, Stack, StackChild, EventTrigger, useBreakpointKey, MediaQueryProvider, toNewsKitIcon, } from 'newskit';
|
|
25
25
|
import { NewsKitLogoGlyph } from './logos/NewsKitLogoGlyph';
|
|
26
26
|
import { NewsKitLogoFull } from './logos/NewsKitLogoFull';
|
|
27
27
|
import { NextLink, SkipToContent } from '..';
|
|
@@ -29,6 +29,7 @@ import { ActionsContainer, BrandmarkFull, BrandmarkGlyph, DividerContainer, Styl
|
|
|
29
29
|
import { as, defaultClientNavigationLogos } from './utils';
|
|
30
30
|
import { handleEnterKeyPress } from './utils';
|
|
31
31
|
import { IconAccount } from './IconAccount';
|
|
32
|
+
import { Image } from '../Image';
|
|
32
33
|
import { Menu as FilledMenu } from '@emotion-icons/material/Menu';
|
|
33
34
|
var IconFilledMenu = toNewsKitIcon(FilledMenu);
|
|
34
35
|
var renderLinks = function (nav, hasTitle, onClick) {
|
|
@@ -48,7 +49,7 @@ var renderLinks = function (nav, hasTitle, onClick) {
|
|
|
48
49
|
link.icon)); });
|
|
49
50
|
};
|
|
50
51
|
var BaseNavigationPrimary = function (_a) {
|
|
51
|
-
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, titlePosition = _a.titlePosition, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
52
|
+
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, titlePosition = _a.titlePosition, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
52
53
|
var bp = useBreakpointKey();
|
|
53
54
|
var _c = themeDropdownObject || {}, themeDropdownOpen = _c.themeDropdownOpen, dropdown = _c.dropdown, clientNavigationLogos = _c.clientNavigationLogos, options = _c.options;
|
|
54
55
|
var _d = useState(false), showMenu = _d[0], setShowMenu = _d[1];
|
|
@@ -69,7 +70,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
69
70
|
if (logoSrc || logoWidth || titlePosition) {
|
|
70
71
|
return {
|
|
71
72
|
src: logoSrc,
|
|
72
|
-
width: logoWidth || '
|
|
73
|
+
width: logoWidth || '150',
|
|
74
|
+
height: logoHeight || '32.5',
|
|
73
75
|
top: titlePosition || '0',
|
|
74
76
|
};
|
|
75
77
|
}
|
|
@@ -119,7 +121,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
119
121
|
React.createElement(GridLayout, { columns: '1fr auto auto', columnGap: title && { md: 'space040' }, alignItems: "center" },
|
|
120
122
|
React.createElement(NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href: "/", "aria-label": "Logo Link" }, (logo === null || logo === void 0 ? void 0 : logo.src) ? (React.createElement(React.Fragment, null,
|
|
121
123
|
React.createElement(Block, null,
|
|
122
|
-
React.createElement(Image, { "data-testid": "Nav-Prm-logo", alt: "", src: logo === null || logo === void 0 ? void 0 : logo.src,
|
|
124
|
+
React.createElement(Image, { "data-testid": "Nav-Prm-logo", alt: "", src: logo === null || logo === void 0 ? void 0 : logo.src, width: parseInt((logo === null || logo === void 0 ? void 0 : logo.width) || '150'), height: parseFloat((logo === null || logo === void 0 ? void 0 : logo.width) || '32.5') })))) : (React.createElement(React.Fragment, null,
|
|
123
125
|
React.createElement(Visible, { md: true, lg: true, xl: true },
|
|
124
126
|
React.createElement(BrandmarkFull, null,
|
|
125
127
|
React.createElement(NewsKitLogoFull, { overrides: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,OAAO,EACP,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
17
17
|
title?: string;
|
|
18
18
|
logoSrc?: string;
|
|
19
19
|
logoWidth?: string;
|
|
20
|
+
logoHeight?: string;
|
|
20
21
|
titlePosition?: string;
|
|
21
22
|
loggedInUser?: boolean;
|
|
22
23
|
gridOverrides?: {
|
|
@@ -38,5 +39,6 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
38
39
|
export type Logo = {
|
|
39
40
|
src?: string;
|
|
40
41
|
width?: string;
|
|
42
|
+
height?: string;
|
|
41
43
|
top?: string;
|
|
42
44
|
} | undefined;
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getAspectRatio: (ascpectRatioText?: string) => number;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export var getAspectRatio = function (ascpectRatioText) {
|
|
2
|
+
if (ascpectRatioText === void 0) { ascpectRatioText = '16x9'; }
|
|
3
|
+
return ascpectRatioText
|
|
4
|
+
? eval(ascpectRatioText.replace(':', '/').replace('x', '/'))
|
|
5
|
+
: '';
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=getAspectRatio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getAspectRatio.js","sourceRoot":"","sources":["../../../src/utils/getAspectRatio.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,gBAAyB;IAAzB,iCAAA,EAAA,yBAAyB;IACtD,OAAA,gBAAgB;QACd,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC5D,CAAC,CAAC,EAAE;AAFN,CAEM,CAAA"}
|
package/dist/esm/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA"}
|