@gravity-ui/page-constructor 7.18.0 → 7.18.1
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/build/cjs/blocks/Media/Media.js +1 -1
- package/build/cjs/blocks/Media/Media.js.map +1 -1
- package/build/cjs/blocks/Slider/Slider.css +4 -1
- package/build/cjs/blocks/Table/Table.js +4 -3
- package/build/cjs/blocks/Table/Table.js.map +1 -1
- package/build/cjs/blocks/Table/models.d.ts +5 -0
- package/build/cjs/blocks/Table/models.js +9 -0
- package/build/cjs/blocks/Table/models.js.map +1 -0
- package/build/esm/blocks/Media/Media.js +1 -1
- package/build/esm/blocks/Media/Media.js.map +1 -1
- package/build/esm/blocks/Slider/Slider.css +4 -1
- package/build/esm/blocks/Table/Table.js +4 -3
- package/build/esm/blocks/Table/Table.js.map +1 -1
- package/build/esm/blocks/Table/models.d.ts +5 -0
- package/build/esm/blocks/Table/models.js +6 -0
- package/build/esm/blocks/Table/models.js.map +1 -0
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@ const MediaBlock = (props) => {
|
|
|
21
21
|
const theme = (0, theme_1.useTheme)();
|
|
22
22
|
const mediaThemed = (0, utils_1.getThemedValue)(media, theme);
|
|
23
23
|
const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(mediaThemed, {
|
|
24
|
-
name: typeof title === 'object' ? title.text : title,
|
|
24
|
+
name: typeof title === 'object' && 'text' in title ? title.text : title,
|
|
25
25
|
description,
|
|
26
26
|
});
|
|
27
27
|
return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, { ...props, onScroll: () => setPlay(true), children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Media_1.default, { imageClassName: b('image'), ...mediaWithMicrodata, playVideo: play, className: b({ border: borderSelected }) }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,oFAAiD;AACjD,gGAA6D;AAC7D,wDAA6C;AAE7C,gDAAkD;AAClD,kEAA0D;AAC1D,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,cAAc,GAAG,IAAA,+BAAc,EAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;QACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,oFAAiD;AACjD,gGAA6D;AAC7D,wDAA6C;AAE7C,gDAAkD;AAClD,kEAA0D;AAC1D,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,cAAc,GAAG,IAAA,+BAAc,EAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;QACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QACvE,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,mBAAS,OAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC/C,uBAAC,mBAAS,CAAC,IAAI,cACX,uBAAC,eAAK,IACF,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,KACtB,kBAAkB,EACtB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,GACxC,GACW,GACT,CACf,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,UAAU,cA2BrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Media from '../../components/Media/Media';\nimport MediaBase from '../../components/MediaBase/MediaBase';\nimport {useTheme} from '../../context/theme';\nimport {MediaBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {getMediaBorder} from '../../utils/borderSelector';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './Media.scss';\n\nconst b = block('media-block');\n\nexport const MediaBlock = (props: MediaBlockProps) => {\n const {media, border, disableShadow, title, description} = props;\n const borderSelected = getMediaBorder({\n border,\n disableShadow,\n });\n\n const [play, setPlay] = React.useState<boolean>(false);\n const theme = useTheme();\n const mediaThemed = getThemedValue(media, theme);\n const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {\n name: typeof title === 'object' && 'text' in title ? title.text : title,\n description,\n });\n\n return (\n <MediaBase {...props} onScroll={() => setPlay(true)}>\n <MediaBase.Card>\n <Media\n imageClassName={b('image')}\n {...mediaWithMicrodata}\n playVideo={play}\n className={b({border: borderSelected})}\n />\n </MediaBase.Card>\n </MediaBase>\n );\n};\n\nexport default MediaBlock;\n"]}
|
|
@@ -12,10 +12,13 @@ unpredictable css rules order in build */
|
|
|
12
12
|
padding-bottom: 20px;
|
|
13
13
|
}
|
|
14
14
|
.pc-SliderBlock__slide.swiper-slide {
|
|
15
|
-
padding: 0 8px;
|
|
16
15
|
box-sizing: border-box;
|
|
17
16
|
height: auto;
|
|
18
17
|
}
|
|
18
|
+
.pc-SliderBlock__slide.swiper-slide.pc-SliderBlock__slide.swiper-slide {
|
|
19
|
+
padding: 0 8px;
|
|
20
|
+
}
|
|
21
|
+
|
|
19
22
|
@keyframes safari-fix {
|
|
20
23
|
from {
|
|
21
24
|
transform: translateX(0.001px);
|
|
@@ -5,12 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const components_1 = require("../../components/index.js");
|
|
6
6
|
const grid_1 = require("../../grid/index.js");
|
|
7
7
|
const utils_1 = require("../../utils/index.js");
|
|
8
|
+
const models_1 = require("./models.js");
|
|
8
9
|
const b = (0, utils_1.block)('table-block');
|
|
9
10
|
const TableBlock = (props) => {
|
|
10
11
|
const { title, table } = props;
|
|
11
|
-
return ((0, jsx_runtime_1.
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, itemType: models_1.TableMicrodataValues.TableType, children: [(0, jsx_runtime_1.jsx)("meta", { itemProp: models_1.TableMicrodataValues.accessModeProp, content: "textual" }), (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), itemProp: models_1.TableMicrodataValues.AboutProp, content: title, modifiers: {
|
|
13
|
+
constructor: true,
|
|
14
|
+
} }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, { className: b('table'), ...table }) })] }) })] }));
|
|
14
15
|
};
|
|
15
16
|
exports.TableBlock = TableBlock;
|
|
16
17
|
exports.default = exports.TableBlock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,8CAA0D;AAE1D,gDAAkC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,8CAA0D;AAE1D,gDAAkC;AAElC,wCAA8C;AAI9C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,QAAQ,EAAE,6BAAoB,CAAC,SAAS,aACnE,iCAAM,QAAQ,EAAE,6BAAoB,CAAC,cAAc,EAAE,OAAO,EAAC,SAAS,GAAG,EACzE,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,QAAQ,EAAE,6BAAoB,CAAC,SAAS,EACxC,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;oCACP,WAAW,EAAE,IAAI;iCACpB,GACH,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,GACzC,IACJ,GACH,IACL,CACT,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,UAAU,cA0BrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {Table, YFMWrapper} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TableMicrodataValues} from './models';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n const {title, table} = props;\n\n return (\n <div className={b()} itemScope itemType={TableMicrodataValues.TableType}>\n <meta itemProp={TableMicrodataValues.accessModeProp} content=\"textual\" />\n <Grid className={b('content')}>\n <Row className={b('row')}>\n <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n <YFMWrapper\n tagName=\"h2\"\n contentClassName={b('title')}\n itemProp={TableMicrodataValues.AboutProp}\n content={title}\n modifiers={{\n constructor: true,\n }}\n />\n </Col>\n <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n <Table className={b('table')} {...table} />\n </Col>\n </Row>\n </Grid>\n </div>\n );\n};\n\nexport default TableBlock;\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TableMicrodataValues = void 0;
|
|
4
|
+
exports.TableMicrodataValues = {
|
|
5
|
+
TableType: 'https://schema.org/Table',
|
|
6
|
+
AboutProp: 'about',
|
|
7
|
+
accessModeProp: 'accessMode',
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=models.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["blocks/Table/models.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG;IAChC,SAAS,EAAE,0BAA0B;IACrC,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,YAAY;CACtB,CAAC","sourcesContent":["export const TableMicrodataValues = {\n TableType: 'https://schema.org/Table',\n AboutProp: 'about',\n accessModeProp: 'accessMode',\n} as const;\n"]}
|
|
@@ -18,7 +18,7 @@ export const MediaBlock = (props) => {
|
|
|
18
18
|
const theme = useTheme();
|
|
19
19
|
const mediaThemed = getThemedValue(media, theme);
|
|
20
20
|
const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {
|
|
21
|
-
name: typeof title === 'object' ? title.text : title,
|
|
21
|
+
name: typeof title === 'object' && 'text' in title ? title.text : title,
|
|
22
22
|
description,
|
|
23
23
|
});
|
|
24
24
|
return (_jsx(MediaBase, { ...props, onScroll: () => setPlay(true), children: _jsx(MediaBase.Card, { children: _jsx(Media, { imageClassName: b('image'), ...mediaWithMicrodata, playVideo: play, className: b({ border: borderSelected }) }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,wCAAqC;AACjD,OAAO,SAAS,gDAA6C;AAC7D,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAClD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,iCAA8B;AAE1D,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,cAAc,GAAG,cAAc,CAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,WAAW,EAAE;QACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,wCAAqC;AACjD,OAAO,SAAS,gDAA6C;AAC7D,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAClD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,iCAA8B;AAE1D,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,cAAc,GAAG,cAAc,CAAC;QAClC,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,WAAW,EAAE;QACxD,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QACvE,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC/C,KAAC,SAAS,CAAC,IAAI,cACX,KAAC,KAAK,IACF,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,KACtB,kBAAkB,EACtB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC,GACxC,GACW,GACT,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Media from '../../components/Media/Media';\nimport MediaBase from '../../components/MediaBase/MediaBase';\nimport {useTheme} from '../../context/theme';\nimport {MediaBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {getMediaBorder} from '../../utils/borderSelector';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './Media.scss';\n\nconst b = block('media-block');\n\nexport const MediaBlock = (props: MediaBlockProps) => {\n const {media, border, disableShadow, title, description} = props;\n const borderSelected = getMediaBorder({\n border,\n disableShadow,\n });\n\n const [play, setPlay] = React.useState<boolean>(false);\n const theme = useTheme();\n const mediaThemed = getThemedValue(media, theme);\n const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {\n name: typeof title === 'object' && 'text' in title ? title.text : title,\n description,\n });\n\n return (\n <MediaBase {...props} onScroll={() => setPlay(true)}>\n <MediaBase.Card>\n <Media\n imageClassName={b('image')}\n {...mediaWithMicrodata}\n playVideo={play}\n className={b({border: borderSelected})}\n />\n </MediaBase.Card>\n </MediaBase>\n );\n};\n\nexport default MediaBlock;\n"]}
|
|
@@ -12,10 +12,13 @@ unpredictable css rules order in build */
|
|
|
12
12
|
padding-bottom: 20px;
|
|
13
13
|
}
|
|
14
14
|
.pc-SliderBlock__slide.swiper-slide {
|
|
15
|
-
padding: 0 8px;
|
|
16
15
|
box-sizing: border-box;
|
|
17
16
|
height: auto;
|
|
18
17
|
}
|
|
18
|
+
.pc-SliderBlock__slide.swiper-slide.pc-SliderBlock__slide.swiper-slide {
|
|
19
|
+
padding: 0 8px;
|
|
20
|
+
}
|
|
21
|
+
|
|
19
22
|
@keyframes safari-fix {
|
|
20
23
|
from {
|
|
21
24
|
transform: translateX(0.001px);
|
|
@@ -2,13 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Table, YFMWrapper } from "../../components/index.js";
|
|
3
3
|
import { Col, Grid, GridColumnSize, Row } from "../../grid/index.js";
|
|
4
4
|
import { block } from "../../utils/index.js";
|
|
5
|
+
import { TableMicrodataValues } from "./models.js";
|
|
5
6
|
import './Table.css';
|
|
6
7
|
const b = block('table-block');
|
|
7
8
|
export const TableBlock = (props) => {
|
|
8
9
|
const { title, table } = props;
|
|
9
|
-
return (
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
return (_jsxs("div", { className: b(), itemScope: true, itemType: TableMicrodataValues.TableType, children: [_jsx("meta", { itemProp: TableMicrodataValues.accessModeProp, content: "textual" }), _jsx(Grid, { className: b('content'), children: _jsxs(Row, { className: b('row'), children: [_jsx(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 }, children: _jsx(YFMWrapper, { tagName: "h2", contentClassName: b('title'), itemProp: TableMicrodataValues.AboutProp, content: title, modifiers: {
|
|
11
|
+
constructor: true,
|
|
12
|
+
} }) }), _jsx(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 }, children: _jsx(Table, { className: b('table'), ...table }) })] }) })] }));
|
|
12
13
|
};
|
|
13
14
|
export default TableBlock;
|
|
14
15
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,kCAAyB;AACnD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAC,4BAAmB;AAE1D,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,kCAAyB;AACnD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAC,4BAAmB;AAE1D,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,oBAAoB,EAAC,oBAAiB;AAE9C,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,QAAQ,EAAE,oBAAoB,CAAC,SAAS,aACnE,eAAM,QAAQ,EAAE,oBAAoB,CAAC,cAAc,EAAE,OAAO,EAAC,SAAS,GAAG,EACzE,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,KAAC,UAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,QAAQ,EAAE,oBAAoB,CAAC,SAAS,EACxC,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;oCACP,WAAW,EAAE,IAAI;iCACpB,GACH,GACA,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,GACzC,IACJ,GACH,IACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {Table, YFMWrapper} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TableMicrodataValues} from './models';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n const {title, table} = props;\n\n return (\n <div className={b()} itemScope itemType={TableMicrodataValues.TableType}>\n <meta itemProp={TableMicrodataValues.accessModeProp} content=\"textual\" />\n <Grid className={b('content')}>\n <Row className={b('row')}>\n <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n <YFMWrapper\n tagName=\"h2\"\n contentClassName={b('title')}\n itemProp={TableMicrodataValues.AboutProp}\n content={title}\n modifiers={{\n constructor: true,\n }}\n />\n </Col>\n <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n <Table className={b('table')} {...table} />\n </Col>\n </Row>\n </Grid>\n </div>\n );\n};\n\nexport default TableBlock;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["blocks/Table/models.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,SAAS,EAAE,0BAA0B;IACrC,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,YAAY;CACtB,CAAC","sourcesContent":["export const TableMicrodataValues = {\n TableType: 'https://schema.org/Table',\n AboutProp: 'about',\n accessModeProp: 'accessMode',\n} as const;\n"]}
|