npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.3 → 6.4.0 - Mend

@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.4.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.

Files changed (1116) hide show

package/README.md CHANGED Viewed

@@ -438,7 +438,7 @@ If you want to release a new version in previous major after commit it to the ma
 7. Check your changes in CHANGELOG.md and approve robot's PR.
 8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
-## Page Constructor Editor v1
+## Page constructor editor
 Editor provides user interface for page content management with realtime preview.
@@ -458,36 +458,6 @@ export const MyAppEditor = ({initialContent, onChange, transformContent}: MyAppE
 );
 ```
-## Page Constructor Editor v2
-Editor provides user interface for page content management with realtime preview.
-Based on Iframe postMessage communication.
-How to use:
-```tsx
-import {Editor} from '@gravity-ui/page-constructor/editor-v2';
-export const MyAppEditor = ({initialContent, onUpdate, disableUrlField}: MyAppEditorProps) => (
-  <Editor
-    initialUrl={'https://url-to-page-with-page-constructor.com'}
-    content={initialContent}
-    disableUrlField={disableUrlField}
-    onUpdate={onUpdate}
-  />
-);
-```
-### How to develop
-```shell
-npm run deps:install
-npm run dev:playground
-```
-Directory `/playground` contains NextJS service with integrated PC and Editor for development purposes.
 ## Tests
 Comprehensive documentation is available at the provided [link](./test-utils/docs/README.md).

package/build/cjs/blocks/Banner/Banner.js CHANGED Viewed

@@ -4,13 +4,12 @@ exports.BannerBlock = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const grid_1 = require("../../grid/index.js");
 const sub_blocks_1 = require("../../sub-blocks/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('banner-block');
 const BannerBlock = (props) => {
     const { animated, className, ...bannerProps } = props;
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsx)(sub_blocks_1.BannerCard, { ...bannerProps }) }) }));
+    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsx)(sub_blocks_1.BannerCard, { ...bannerProps }) }));
 };
 exports.BannerBlock = BannerBlock;
 exports.default = exports.BannerBlock;

package/build/cjs/blocks/Banner/Banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,yGAAsE;~~AACtE~~,~~8CAAgC;AAEhC,~~0DAA4C;AAC5C,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,uBAAC,~~WAAI,cACD,uBAAC,~~uBAAU,OAAK,WAAW,GAAI,~~GAC5B~~,~~GACI,~~CAClB,CAAC;AACN,CAAC,CAAC;~~AAVW~~,QAAA,WAAW,~~eAUtB~~;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {~~Grid} from '../../grid';\nimport {~~BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n const {animated, className, ...bannerProps} = props;\n\n return (\n <AnimateBlock className={b(null, className)} animate={animated}>\n <~~Grid>\n <~~BannerCard {...bannerProps} />\n ~~</Grid>\n~~ </AnimateBlock>\n );\n};\n\nexport default BannerBlock;\n"]}
1	+ {"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,yGAAsE;AAEtE,0DAA4C;AAC5C,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,uBAAC,uBAAU,OAAK,WAAW,GAAI,GACpB,CAClB,CAAC;AACN,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n const {animated, className, ...bannerProps} = props;\n\n return (\n <AnimateBlock className={b(null, className)} animate={animated}>\n <BannerCard {...bannerProps} />\n </AnimateBlock>\n );\n};\n\nexport default BannerBlock;\n"]}

package/build/cjs/blocks/CardLayout/CardLayout.css CHANGED Viewed

@@ -21,7 +21,6 @@ unpredictable css rules order in build */
   width: 100%;
   height: 100%;
   border-radius: 32px;
-  pointer-events: none;
 }
 .pc-card-layout-block__image img {
   object-fit: cover;

package/build/cjs/blocks/CardLayout/CardLayout.js CHANGED Viewed

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty.js"));
 const components_1 = require("../../components/index.js");
-const ItemWrap_1 = tslib_1.__importDefault(require("../../components/editor/ItemWrap/ItemWrap.js"));
 const theme_1 = require("../../context/theme/index.js");
 const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
@@ -18,9 +17,9 @@ const b = (0, utils_1.block)('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
     const theme = (0, theme_1.useTheme)();
     const { border, ...backgroundImageProps } = (0, utils_1.getThemedValue)(background || {}, theme);
-    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: titleClassName })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
-                        'with-background': !(0, isEmpty_1.default)(background),
-                    }), children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: React.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('item'), children: (0, jsx_runtime_1.jsx)(ItemWrap_1.default, { index: index, children: child }) }, index))) })] })] }) }));
+    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: titleClassName })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
+                    'with-background': !(0, isEmpty_1.default)(background),
+                }), children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: React.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
 };
 exports.default = CardLayout;
 //# sourceMappingURL=CardLayout.js.map

package/build/cjs/blocks/CardLayout/CardLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wEAAqC;AAErC,0DAAsE;AACtE,~~oGAAiE;AACjE,~~wDAA6C;AAC7C,~~8CAA+D~~;~~AAE/D~~,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,IAAA,sBAAc,EAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,~~uBAAC~~,yBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,~~YAC1D~~,~~wBAAC,WAAI,eACA,~~CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;~~wBACpB~~,iBAAiB,EAAE,CAAC,IAAA,iBAAO,EAAC,UAAU,CAAC;~~qBAC1C~~,CAAC,aAEF,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,~~EAE9E~~,uBAAC,UAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBAAC,UAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~YAClD~~,~~uBAAC,kBAAQ,IAAC,~~KAAK,~~EAAE~~,KAAK,~~YAAG,KAAK,GAAY,IADpC,KAAK,~~CAET,CACT,CAAC,GACA,IACJ,~~IACH~~,~~GACI,~~CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport ~~ItemWrap from '../../components/editor/ItemWrap/ItemWrap';\nimport~~ {useTheme} from '../../context/theme';\nimport {Col, ~~Grid,~~ GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n all: 12,\n sm: 6,\n md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n Omit<CardLayoutBlockParams, 'children'>\n> &\n ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n title,\n description,\n animated,\n colSizes = DEFAULT_SIZES,\n children,\n className,\n titleClassName,\n background,\n}) => {\n const theme = useTheme();\n const {border, ...backgroundImageProps} = getThemedValue(background \|\| {}, theme);\n return (\n <AnimateBlock className={b(null, className)} animate={animated}>\n ~~<Grid>\n~~ {(title \|\| description) && (\n <Title title={title} subtitle={description} className={titleClassName} />\n )}\n <div\n className={b('content', {\n 'with-background': !isEmpty(background),\n })}\n >\n <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n\n <Row>\n {React.Children.map(children, (child, index) => (\n <Col key={index} sizes={colSizes} className={b('item')}>\n ~~<ItemWrap index=~~{~~index}>{~~child}~~</ItemWrap>\~~n </Col>\n ))}\n </Row>\n </div>\n ~~</Grid>\n~~ </AnimateBlock>\n );\n};\n\nexport default CardLayout;\n"]}
1	+ {"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wEAAqC;AAErC,0DAAsE;AACtE,wDAA6C;AAC7C,8CAAyD;AAEzD,gDAAkD;AAIlD,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,IAAA,sBAAc,EAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,wBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,IAAA,iBAAO,EAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,uBAAC,UAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBAAC,UAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n all: 12,\n sm: 6,\n md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n Omit<CardLayoutBlockParams, 'children'>\n> &\n ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n title,\n description,\n animated,\n colSizes = DEFAULT_SIZES,\n children,\n className,\n titleClassName,\n background,\n}) => {\n const theme = useTheme();\n const {border, ...backgroundImageProps} = getThemedValue(background \|\| {}, theme);\n return (\n <AnimateBlock className={b(null, className)} animate={animated}>\n {(title \|\| description) && (\n <Title title={title} subtitle={description} className={titleClassName} />\n )}\n <div\n className={b('content', {\n 'with-background': !isEmpty(background),\n })}\n >\n <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n <Row>\n {React.Children.map(children, (child, index) => (\n <Col key={index} sizes={colSizes} className={b('item')}>\n {child}\n </Col>\n ))}\n </Row>\n </div>\n </AnimateBlock>\n );\n};\n\nexport default CardLayout;\n"]}

package/build/cjs/blocks/Companies/Companies.js CHANGED Viewed

@@ -6,13 +6,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../components/index.js");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
 const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('companies-block');
 const CompaniesBlock = ({ title, description, images, animated }) => {
     const theme = (0, theme_1.useTheme)();
     const themedImages = (0, utils_1.getThemedValue)(images, theme) || {};
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, { ...themedImages, className: b('image') }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, { ...themedImages, className: b('image') }) })] }) }));
 };
 exports.CompaniesBlock = CompaniesBlock;
 exports.default = exports.CompaniesBlock;

package/build/cjs/blocks/Companies/Companies.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";;;;;AAAA,0DAA8C;AAC9C,yGAAsE;AACtE,wDAA6C;~~AAC7C~~,~~8CAAgC;AAEhC,~~gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,~~uBAAC,WAAI,cACD,~~iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,kBAAK,~~IACF~~,KAAK,EAAE,KAAK,~~EACZ~~,QAAQ,EAAE,WAAW,~~EACrB~~,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,~~GACtB~~,~~EACT~~,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,kBAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,~~GACH~~,~~GACI,~~CAClB,CAAC;AACN,CAAC,CAAC;~~AApBW~~,QAAA,cAAc,~~kBAoBzB~~;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {~~Grid} from '../../grid';\nimport {~~CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n const theme = useTheme();\n const themedImages = getThemedValue(images, theme) \|\| {};\n\n return (\n <AnimateBlock className={b()} offset={150} animate={animated}>\n <~~Grid>\n <~~div className={b('content')}>\n <Title\n title={title}\n subtitle={description}\n colSizes={{all: 12, sm: 12}}\n ></Title>\n <div className={b('images')}>\n <Image {...themedImages} className={b('image')} />\n ~~</div>\n~~ </div>\n </~~Grid~~>\n </AnimateBlock>\n );\n};\n\nexport default CompaniesBlock;\n"]}
1	+ {"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";;;;;AAAA,0DAA8C;AAC9C,yGAAsE;AACtE,wDAA6C;AAE7C,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,uBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAU,EACjF,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,kBAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACK,CAClB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n const theme = useTheme();\n const themedImages = getThemedValue(images, theme) \|\| {};\n\n return (\n <AnimateBlock className={b()} offset={150} animate={animated}>\n <div className={b('content')}>\n <Title title={title} subtitle={description} colSizes={{all: 12, sm: 12}}></Title>\n <div className={b('images')}>\n <Image {...themedImages} className={b('image')} />\n </div>\n </div>\n </AnimateBlock>\n );\n};\n\nexport default CompaniesBlock;\n"]}

package/build/cjs/blocks/ContentLayout/ContentLayout.js CHANGED Viewed

@@ -38,7 +38,7 @@ const ContentLayoutBlock = (props) => {
     const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = (0, theme_1.useTheme)();
     const themedBackground = (0, utils_1.getThemedValue)(background, globalTheme);
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({ size, theme, background: Boolean(background) }), children: [(0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => ((0, react_1.createElement)(components_1.FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && ((0, jsx_runtime_1.jsx)("div", { className: b('background'), children: (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size, theme, background: Boolean(background) }), children: [(0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => ((0, react_1.createElement)(components_1.FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && ((0, jsx_runtime_1.jsx)("div", { className: b('background'), children: (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }));
 };
 exports.ContentLayoutBlock = ContentLayoutBlock;
 exports.default = exports.ContentLayoutBlock;

package/build/cjs/blocks/ContentLayout/ContentLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA+B;AAE/B,0DAA2D;AAC3D,wEAA0D;AAC1D,wDAA6C;AAC7C,~~8CAAqC~~;~~AAErC~~,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAExC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,IAAqB;IACvC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;QAC5B,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;QAC7B,KAAK,GAAG,CAAC;QACT;YACI,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;IAChC,CAAC;AACL,CAAC;AAEM,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EACF,WAAW,EACX,WAAW,EACX,IAAI,GAAG,GAAG,EACV,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,GAAG,GAClB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEjE,OAAO,CACH,~~uBAAC,WAAI,cACD,~~iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,CAAC,aAC7D,uBAAC,oBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,KACnB,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EAAE,KAAK,QAAC,KAAK,EAAE,QAAQ,YAC9D,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,2BAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAChB,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,CACL,CAAC,GACA,CACT,EACA,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,KAC3B,gBAAgB,EACpB,IAAI,EAAE,QAAQ,GAChB,GACA,CACT,IACC,~~GACH~~,~~CACV,~~CAAC;AACN,CAAC,CAAC;~~AArDW~~,QAAA,kBAAkB,~~sBAqD7B~~;AACF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col~~, Grid~~} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n switch (size) {\n case 's':\n return 's';\n case 'l':\n default:\n return 'l';\n }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n switch (size) {\n case 's':\n return {all: 12, md: 6};\n case 'l':\n return {all: 12, md: 12};\n case 'm':\n default:\n return {all: 12, md: 8};\n }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n const isMobile = React.useContext(MobileContext);\n const {\n textContent,\n fileContent,\n size = 'l',\n background,\n centered,\n theme = 'default',\n textWidth = 'm',\n } = props;\n\n const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n const globalTheme = useTheme();\n const themedBackground = getThemedValue(background, globalTheme);\n\n return (\n <~~Grid>\n <~~div className={b({size, theme, background: Boolean(background)})}>\n <Content\n className={b('content')}\n {...textContent}\n size={size}\n centered={centered}\n colSizes={colSizes}\n theme={theme}\n />\n {fileContent && (\n <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n {fileContent.map((file) => (\n <FileLink\n className={b('file')}\n {...file}\n key={file.href}\n type=\"horizontal\"\n textSize={getFileTextSize(size)}\n theme={theme}\n />\n ))}\n </Col>\n )}\n {background && (\n <div className={b('background')}>\n <BackgroundImage\n className={b('background-item')}\n {...themedBackground}\n hide={isMobile}\n />\n </div>\n )}\n </div>\n ~~</Grid>\n~~ );\n};\nexport default ContentLayoutBlock;\n"]}
1	+ {"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA+B;AAE/B,0DAA2D;AAC3D,wEAA0D;AAC1D,wDAA6C;AAC7C,8CAA+B;AAE/B,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAExC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,GAAG,CAAC;IACnB,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,IAAqB;IACvC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;QAC5B,KAAK,GAAG;YACJ,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;QAC7B,KAAK,GAAG,CAAC;QACT;YACI,OAAO,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;IAChC,CAAC;AACL,CAAC;AAEM,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EACF,WAAW,EACX,WAAW,EACX,IAAI,GAAG,GAAG,EACV,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,GAAG,GAClB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEjE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,CAAC,aAC7D,uBAAC,oBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,KACnB,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,EAAE,KAAK,QAAC,KAAK,EAAE,QAAQ,YAC9D,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,2BAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAChB,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,CACL,CAAC,GACA,CACT,EACA,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,KAC3B,gBAAgB,EACpB,IAAI,EAAE,QAAQ,GAChB,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B;AACF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n switch (size) {\n case 's':\n return 's';\n case 'l':\n default:\n return 'l';\n }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n switch (size) {\n case 's':\n return {all: 12, md: 6};\n case 'l':\n return {all: 12, md: 12};\n case 'm':\n default:\n return {all: 12, md: 8};\n }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n const isMobile = React.useContext(MobileContext);\n const {\n textContent,\n fileContent,\n size = 'l',\n background,\n centered,\n theme = 'default',\n textWidth = 'm',\n } = props;\n\n const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n const globalTheme = useTheme();\n const themedBackground = getThemedValue(background, globalTheme);\n\n return (\n <div className={b({size, theme, background: Boolean(background)})}>\n <Content\n className={b('content')}\n {...textContent}\n size={size}\n centered={centered}\n colSizes={colSizes}\n theme={theme}\n />\n {fileContent && (\n <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n {fileContent.map((file) => (\n <FileLink\n className={b('file')}\n {...file}\n key={file.href}\n type=\"horizontal\"\n textSize={getFileTextSize(size)}\n theme={theme}\n />\n ))}\n </Col>\n )}\n {background && (\n <div className={b('background')}>\n <BackgroundImage\n className={b('background-item')}\n {...themedBackground}\n hide={isMobile}\n />\n </div>\n )}\n </div>\n );\n};\nexport default ContentLayoutBlock;\n"]}

package/build/cjs/blocks/ContentLayout/schema.d.ts CHANGED Viewed

@@ -99,7 +99,6 @@ export declare const ContentLayoutBlock: {
                 enum: string[];
             };
             textContent: {
-                type: string;
                 additionalProperties: boolean;
                 properties: {
                     colSizes: {};

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js CHANGED Viewed

@@ -20,19 +20,18 @@ const DEFAULT_SIZES = {
 const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = (0, theme_1.useTheme)();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
-    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: items &&
-                            items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }, index) => {
-                                const itemLinks = links || [];
-                                const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
-                                const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
-                                if (link) {
-                                    itemLinks.push(link);
-                                }
-                                return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b('item'), sizes: colSizes, children: [iconData && ((0, jsx_runtime_1.jsx)("div", { className: b('icon-wrap'), "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(Image_1.default, { ...iconData, className: b('icon') }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle &&
-                                                    React.createElement(itemTitleHeadingTag, {
-                                                        className: b('item-title'),
-                                                    }, (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), label && ((0, jsx_runtime_1.jsx)("span", { className: b('item-label'), children: label }))] })), (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, index));
-                            }) }) })] }) }));
+    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
+                        const itemLinks = links || [];
+                        const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
+                        const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
+                        if (link) {
+                            itemLinks.push(link);
+                        }
+                        return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b('item'), sizes: colSizes, children: [iconData && ((0, jsx_runtime_1.jsx)("div", { className: b('icon-wrap'), "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(Image_1.default, { ...iconData, className: b('icon') }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle &&
+                                            React.createElement(itemTitleHeadingTag, {
+                                                className: b('item-title'),
+                                            }, (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), label && ((0, jsx_runtime_1.jsx)("span", { className: b('item-label'), children: label }))] })), (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
+                    }) }) })] }));
 };
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;
 exports.default = exports.ExtendedFeaturesBlock;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0DAA4D;AAC5D,oFAAiD;AACjD,iEAAiE;AACjE,wDAA6C;AAC7C,~~8CAA0C~~;~~AAE1C~~,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG;IAClB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhD,OAAO,CACH,~~uBAAC~~,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,~~YAC3C~~,~~wBAAC,WAAI,eACD,~~uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,UAAG,cACC,KAAK~~;4BACF~~,~~KAAK,~~CAAC,GAAG,~~CACL~~,~~CACI~~,~~EACI~~,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,GACjB,~~EACD~~,~~KAAK,EACP,~~EAAE;~~gCACA~~,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;~~gCAE9B~~,MAAM,UAAU,GAAG,IAAI,IAAI,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;~~gCACvD~~,MAAM,QAAQ,GAAG,UAAU,IAAI,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;~~gCAEzD~~,IAAI,IAAI,EAAE,CAAC;~~oCACP~~,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;~~gCACzB~~,CAAC;~~gCAED~~,OAAO,CACH,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~EAAc~~,KAAK,EAAE,QAAQ,~~aACjD~~,QAAQ,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,iCAC1B,uBAAC,eAAK,OAAK,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GAC3C,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACzB,SAAS;~~oDACN~~,KAAK,CAAC,aAAa,CACf,mBAAmB,EACnB;~~wDACI~~,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC;~~qDAC7B~~,EACD,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,iBAAI,cAAE,SAAS,GAAQ,EACvB,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAK,GACH,CACV,IACY,CACpB,EACL,uBAAC,oBAAO,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAChC,IACA,KA/BsB,~~KAAK~~,~~CAgC/B~~,CACT,CAAC;~~4BACN~~,CAAC,CACJ,~~GACH~~,GACJ,~~IACH~~,~~GACI,~~CAClB,CAAC;AACN,CAAC,CAAC;~~AAnFW~~,QAAA,qBAAqB,~~yBAmFhC~~;AAEF,kBAAe,6BAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnimateBlock, HTML, Title} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, ~~Grid,~~ Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n all: 12,\n sm: 6,\n md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n title,\n description,\n items,\n colSizes = DEFAULT_SIZES,\n animated,\n}: ExtendedFeaturesProps) => {\n const theme = useTheme();\n const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n <~~Grid>\n <~~Title title={title} subtitle={description} className={b('header')} />\n <div className={b('items')}>\n <Row>\n {items ~~&&\n items~~.map(\n (\n {\n title: itemTitle,\n text,\n list,\n link,\n links,\n label,\n icon,\n buttons,\n additionalInfo,\n }~~,\n index,\n~~ ) => {\n const itemLinks = links \|\| [];\n\n const iconThemed = icon && getThemedValue(icon, theme);\n const iconData = iconThemed && getMediaImage(iconThemed);\n\n if (link) {\n itemLinks.push(link);\n }\n\n return (\n <Col className={b('item')} key={~~index~~} sizes={colSizes}>\n {iconData && (\n <div className={b('icon-wrap')} aria-hidden>\n <Image {...iconData} className={b('icon')} />\n </div>\n )}\n <div className={b('container')}>\n {itemTitle &&\n React.createElement(\n itemTitleHeadingTag,\n {\n className: b('item-title'),\n },\n <React.Fragment>\n <HTML>{itemTitle}</HTML>\n {label && (\n <span className={b('item-label')}>\n {label}\n </span>\n )}\n </React.Fragment>,\n )}\n <Content\n text={text}\n links={itemLinks}\n size=\"s\"\n list={list}\n colSizes={{all: 12, md: 12}}\n buttons={buttons}\n additionalInfo={additionalInfo}\n />\n </div>\n </Col>\n );\n },\n )}\n </Row>\n </div>\n ~~</Grid>\n~~ </AnimateBlock>\n );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}
1	+ {"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0DAA4D;AAC5D,oFAAiD;AACjD,iEAAiE;AACjE,wDAA6C;AAC7C,8CAAoC;AAEpC,0DAAyC;AACzC,gDAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG;IAClB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhD,OAAO,CACH,wBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,aAC3C,uBAAC,kBAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,UAAG,cACC,KAAK,CAAC,GAAG,CACN,CAAC,EACG,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,GACjB,EAAE,EAAE;wBACD,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;wBAE9B,MAAM,UAAU,GAAG,IAAI,IAAI,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;wBACvD,MAAM,QAAQ,GAAG,UAAU,IAAI,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;wBAEzD,IAAI,IAAI,EAAE,CAAC;4BACP,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC;wBAED,OAAO,CACH,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAA0B,KAAK,EAAE,QAAQ,aAC7D,QAAQ,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,iCAC1B,uBAAC,eAAK,OAAK,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GAC3C,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACzB,SAAS;4CACN,KAAK,CAAC,aAAa,CACf,mBAAmB,EACnB;gDACI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC;6CAC7B,EACD,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,iBAAI,cAAE,SAAS,GAAQ,EACvB,KAAK,IAAI,CACN,iCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAK,GACH,CACV,IACY,CACpB,EACL,uBAAC,oBAAO,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAChC,IACA,KA/BsB,IAAI,IAAI,SAAS,CAgC3C,CACT,CAAC;oBACN,CAAC,CACJ,GACC,GACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,qBAAqB,yBA6EhC;AAEF,kBAAe,6BAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnimateBlock, HTML, Title} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n all: 12,\n sm: 6,\n md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n title,\n description,\n items,\n colSizes = DEFAULT_SIZES,\n animated,\n}: ExtendedFeaturesProps) => {\n const theme = useTheme();\n const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n <Title title={title} subtitle={description} className={b('header')} />\n <div className={b('items')}>\n <Row>\n {items.map(\n ({\n title: itemTitle,\n text,\n list,\n link,\n links,\n label,\n icon,\n buttons,\n additionalInfo,\n }) => {\n const itemLinks = links \|\| [];\n\n const iconThemed = icon && getThemedValue(icon, theme);\n const iconData = iconThemed && getMediaImage(iconThemed);\n\n if (link) {\n itemLinks.push(link);\n }\n\n return (\n <Col className={b('item')} key={text \|\| itemTitle} sizes={colSizes}>\n {iconData && (\n <div className={b('icon-wrap')} aria-hidden>\n <Image {...iconData} className={b('icon')} />\n </div>\n )}\n <div className={b('container')}>\n {itemTitle &&\n React.createElement(\n itemTitleHeadingTag,\n {\n className: b('item-title'),\n },\n <React.Fragment>\n <HTML>{itemTitle}</HTML>\n {label && (\n <span className={b('item-label')}>\n {label}\n </span>\n )}\n </React.Fragment>,\n )}\n <Content\n text={text}\n links={itemLinks}\n size=\"s\"\n list={list}\n colSizes={{all: 12, md: 12}}\n buttons={buttons}\n additionalInfo={additionalInfo}\n />\n </div>\n </Col>\n );\n },\n )}\n </Row>\n </div>\n </AnimateBlock>\n );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}

package/build/cjs/blocks/ExtendedFeatures/schema.d.ts CHANGED Viewed

@@ -9,7 +9,6 @@ export declare const ExtendedFeaturesItem: {
         text: {
             type: string;
             contentType: string;
-            inputType: string;
         };
         label: {
             type: string;

package/build/cjs/blocks/ExtendedFeatures/schema.js CHANGED Viewed

@@ -15,7 +15,6 @@ exports.ExtendedFeaturesItem = {
         text: {
             type: 'string',
             contentType: 'yfm',
-            inputType: 'textarea',
         },
         label: {
             type: 'string',

package/build/cjs/blocks/ExtendedFeatures/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AACxC,sEAA8D;AAC9D,4DAA4D;AAE/C,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;~~YAClB,SAAS,EAAE,UAAU~~;~~SACxB;~~QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,kBAAS;QACf,IAAI,EAAE,IAAA,kBAAS,EAAC,uBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n AnimatableProps,\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n containerSizesObject,\n withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n additionalProperties: false,\n required: [],\n properties: {\n title: {\n type: 'string',\n contentType: 'text',\n },\n text: {\n type: 'string',\n contentType: 'yfm',\n ~~inputType: 'textarea',\n~~ },\n label: {\n type: 'string',\n enum: ['New', 'Preview'],\n },\n link: LinkProps,\n icon: withTheme(ImageProps),\n },\n};\n\nexport const ExtendedFeaturesBlock = {\n 'extended-features-block': {\n additionalProperties: false,\n required: [],\n properties: {\n ...BlockBaseProps,\n ...AnimatableProps,\n ...BlockHeaderProps,\n items: filteredArray(ExtendedFeaturesItem),\n colSizes: containerSizesObject,\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AACxC,sEAA8D;AAC9D,4DAA4D;AAE/C,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,kBAAS;QACf,IAAI,EAAE,IAAA,kBAAS,EAAC,uBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n AnimatableProps,\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n containerSizesObject,\n withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n additionalProperties: false,\n required: [],\n properties: {\n title: {\n type: 'string',\n contentType: 'text',\n },\n text: {\n type: 'string',\n contentType: 'yfm',\n },\n label: {\n type: 'string',\n enum: ['New', 'Preview'],\n },\n link: LinkProps,\n icon: withTheme(ImageProps),\n },\n};\n\nexport const ExtendedFeaturesBlock = {\n 'extended-features-block': {\n additionalProperties: false,\n required: [],\n properties: {\n ...BlockBaseProps,\n ...AnimatableProps,\n ...BlockHeaderProps,\n items: filteredArray(ExtendedFeaturesItem),\n colSizes: containerSizesObject,\n },\n },\n};\n"]}

package/build/cjs/blocks/FilterBlock/FilterBlock.js CHANGED Viewed

@@ -11,7 +11,7 @@ const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('filter-block');
-const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items = [], colSizes, centered, animated, }) => {
+const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {
     const tabButtons = React.useMemo(() => {
         const allButton = allTag
             ? { id: null, title: typeof allTag === 'boolean' ? (0, i18n_1.i18n)('label-all-tag') : allTag }
@@ -31,10 +31,10 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items =
             : items;
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
-    return ((0, jsx_runtime_1.jsx)(components_1.AnimateBlock, { className: b(), animate: animated, children: (0, jsx_runtime_1.jsxs)(grid_1.Grid, { children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
-                            const key = (0, utils_1.getBlockKey)(card, index);
-                            return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: index }, key);
-                        }) }) })] }) }));
+    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
+                        const key = (0, utils_1.getBlockKey)(card, index);
+                        return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key }, key);
+                    }) }) })] }));
 };
 exports.default = FilterBlock;
 //# sourceMappingURL=FilterBlock.js.map

package/build/cjs/blocks/FilterBlock/FilterBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mCAAmC;AACnC,0DAAqD;AACrD,mGAAuF;AACvF,0GAA4F;AAC5F,~~8CAA0C~~;~~AAE1C~~,gDAA+C;AAE/C,0CAA4B;AAG5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAA+B,CAAC,EAC7C,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,~~GAAG~~,~~EAAE,EACV,~~QAAQ,EACR,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,SAAS,GAAoC,MAAM;YACrD,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,EAAC;YACjF,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,YAAY,GACd,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAC9C,CAAC;IAEF,MAAM,SAAS,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC;YACzE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAClB,CAAC,CAAC,WAAW,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAiB,SAAS;YACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC;QAEZ,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,CACH,~~uBAAC~~,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,~~YAC3C~~,~~wBAAC,WAAI,eACA,~~KAAK,IAAI,CACN,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,GACvB,CACL,EACA,UAAU,CAAC,MAAM,IAAI,CAClB,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,uBAAC,oBAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC1C,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,aAAa,GACxB,GACA,GACJ,CACT,EACD,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAChC,uBAAC,mBAAe,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YACxE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;~~4BACvB~~,MAAM,GAAG,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;~~4BACrC~~,OAAO,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,~~KAAK~~,IAAO,GAAG,CAAI,CAAC;~~wBACtE~~,CAAC,CAAC,GACY,GAChB,~~IACH~~,~~GACI,~~CAClB,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, ~~Grid,~~ Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n title,\n description,\n tags,\n tagButtonSize,\n allTag,\n items ~~= []~~,\n colSizes,\n centered,\n animated,\n}) => {\n const tabButtons = React.useMemo(() => {\n const allButton: ButtonTabsItemProps \| undefined = allTag\n ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n : undefined;\n const otherButtons: ButtonTabsItemProps[] \| undefined =\n tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n }, [allTag, tags]);\n\n const [selectedTag, setSelectedTag] = React.useState(\n tabButtons.length ? tabButtons[0].id : null,\n );\n\n const actualTag: string \| null = React.useMemo(() => {\n return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n ? tabButtons[0].id\n : selectedTag;\n }, [tabButtons, selectedTag]);\n\n const cards = React.useMemo(() => {\n const itemsToShow: FilterItem[] = actualTag\n ? items.filter((item) => item.tags.includes(actualTag))\n : items;\n\n return itemsToShow.map((item) => item.card);\n }, [actualTag, items]);\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n ~~<Grid>\n~~ {title && (\n <Title\n className={b('title', {centered: centered})}\n title={title}\n subtitle={description}\n />\n )}\n {tabButtons.length && (\n <Row>\n <Col>\n <ButtonTabs\n className={b('tabs', {centered: centered})}\n items={tabButtons}\n activeTab={selectedTag}\n onSelectTab={setSelectedTag}\n tabSize={tagButtonSize}\n />\n </Col>\n </Row>\n )}\n <Row className={b('block-container')}>\n <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n {cards.map((card, index) => {\n const key = getBlockKey(card, index);\n return <ConstructorItem data={card} blockKey={~~index~~} key={key} />;\n })}\n </CardLayoutBlock>\n </Row>\n ~~</Grid>\n~~ </AnimateBlock>\n );\n};\nexport default FilterBlock;\n"]}
1	+ {"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mCAAmC;AACnC,0DAAqD;AACrD,mGAAuF;AACvF,0GAA4F;AAC5F,8CAAoC;AAEpC,gDAA+C;AAE/C,0CAA4B;AAG5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAA+B,CAAC,EAC7C,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,SAAS,GAAoC,MAAM;YACrD,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,EAAC;YACjF,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,YAAY,GACd,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAC9C,CAAC;IAEF,MAAM,SAAS,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC;YACzE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAClB,CAAC,CAAC,WAAW,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAiB,SAAS;YACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC;QAEZ,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,CACH,wBAAC,yBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,aAC1C,KAAK,IAAI,CACN,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,GACvB,CACL,EACA,UAAU,CAAC,MAAM,IAAI,CAClB,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,uBAAC,oBAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC1C,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,aAAa,GACxB,GACA,GACJ,CACT,EACD,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAChC,uBAAC,mBAAe,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YACxE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACvB,MAAM,GAAG,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;wBAErC,OAAO,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAO,GAAG,CAAI,CAAC;oBACpE,CAAC,CAAC,GACY,GAChB,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n title,\n description,\n tags,\n tagButtonSize,\n allTag,\n items,\n colSizes,\n centered,\n animated,\n}) => {\n const tabButtons = React.useMemo(() => {\n const allButton: ButtonTabsItemProps \| undefined = allTag\n ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n : undefined;\n const otherButtons: ButtonTabsItemProps[] \| undefined =\n tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n }, [allTag, tags]);\n\n const [selectedTag, setSelectedTag] = React.useState(\n tabButtons.length ? tabButtons[0].id : null,\n );\n\n const actualTag: string \| null = React.useMemo(() => {\n return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n ? tabButtons[0].id\n : selectedTag;\n }, [tabButtons, selectedTag]);\n\n const cards = React.useMemo(() => {\n const itemsToShow: FilterItem[] = actualTag\n ? items.filter((item) => item.tags.includes(actualTag))\n : items;\n\n return itemsToShow.map((item) => item.card);\n }, [actualTag, items]);\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n {title && (\n <Title\n className={b('title', {centered: centered})}\n title={title}\n subtitle={description}\n />\n )}\n {tabButtons.length && (\n <Row>\n <Col>\n <ButtonTabs\n className={b('tabs', {centered: centered})}\n items={tabButtons}\n activeTab={selectedTag}\n onSelectTab={setSelectedTag}\n tabSize={tagButtonSize}\n />\n </Col>\n </Row>\n )}\n <Row className={b('block-container')}>\n <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n {cards.map((card, index) => {\n const key = getBlockKey(card, index);\n\n return <ConstructorItem data={card} blockKey={key} key={key} />;\n })}\n </CardLayoutBlock>\n </Row>\n </AnimateBlock>\n );\n};\nexport default FilterBlock;\n"]}

package/build/cjs/blocks/HeaderSlider/HeaderSlider.js CHANGED Viewed

@@ -13,8 +13,7 @@ const b = (0, utils_1.block)('header-slider-block');
 const HeaderSliderBlock = ({ items, arrows, ...props }) => {
     const isMobile = React.useContext(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(index_1.SliderBlock, { ...props, arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items &&
-                items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, { ...item, className: b('item-content') }) }, index))) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(index_1.SliderBlock, { ...props, arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, { ...item, className: b('item-content') }) }, index))) }) }));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;
 exports.default = exports.HeaderSliderBlock;

package/build/cjs/blocks/HeaderSlider/HeaderSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AACtC,uCAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,mBAAW,OACJ,KAAK,EACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,YAEZ,KAAK~~;gBACF~~,~~KAAK,~~CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,~~CACvB~~,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,~~GACI~~,GACZ,CACT,CAAC;AACN,CAAC,CAAC;~~AA5BW~~,QAAA,iBAAiB,~~qBA4B5B~~;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\nimport {SliderBlock} from '../index';\n\nimport './HeaderSlider.scss';\n\nconst b = block('header-slider-block');\n\nexport const HeaderSliderBlock = ({items, arrows, ...props}: HeaderSliderBlockProps) => {\n const isMobile = React.useContext(MobileContext);\n const showArrows = isMobile ? false : arrows;\n\n return (\n <div className={b('wrapper')} data-qa=\"header-slider\">\n <SliderBlock\n {...props}\n arrows={showArrows}\n slidesToShow={1}\n type={SliderType.HeaderCard}\n animated={false}\n blockClassName={b()}\n arrowSize={20}\n >\n {items ~~&&\n items~~.map((item, index) => (\n <div\n key={index}\n className={b('item')}\n data-qa={`header-slider-item-${index + 1}`}\n >\n <Header {...item} className={b('item-content')} />\n </div>\n ))}\n </SliderBlock>\n </div>\n );\n};\n\nexport default HeaderSliderBlock;\n"]}
1	+ {"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AACtC,uCAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,mBAAW,OACJ,KAAK,EACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,GACQ,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\nimport {SliderBlock} from '../index';\n\nimport './HeaderSlider.scss';\n\nconst b = block('header-slider-block');\n\nexport const HeaderSliderBlock = ({items, arrows, ...props}: HeaderSliderBlockProps) => {\n const isMobile = React.useContext(MobileContext);\n const showArrows = isMobile ? false : arrows;\n\n return (\n <div className={b('wrapper')} data-qa=\"header-slider\">\n <SliderBlock\n {...props}\n arrows={showArrows}\n slidesToShow={1}\n type={SliderType.HeaderCard}\n animated={false}\n blockClassName={b()}\n arrowSize={20}\n >\n {items.map((item, index) => (\n <div\n key={index}\n className={b('item')}\n data-qa={`header-slider-item-${index + 1}`}\n >\n <Header {...item} className={b('item-content')} />\n </div>\n ))}\n </SliderBlock>\n </div>\n );\n};\n\nexport default HeaderSliderBlock;\n"]}

package/build/cjs/blocks/Icons/Icons.js CHANGED Viewed

@@ -6,7 +6,6 @@ const React = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components/index.js");
 const locationContext_1 = require("../../context/locationContext/index.js");
 const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
 const hooks_1 = require("../../hooks/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('icons-block');
@@ -18,13 +17,12 @@ const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }
     const onClick = React.useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({ size }), children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items &&
-                    items.map((item) => {
-                        const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
-                        const itemContent = getItemContent({ ...item, src: themedSrc });
-                        const { url, text } = item;
-                        return url ? ((0, jsx_runtime_1.jsx)("a", { className: b('item'), href: url, "aria-label": text, title: text, ...(0, utils_1.getLinkProps)(url, hostname), onClick: () => onClick(item), children: itemContent }, url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
-                    })] }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size }), children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items.map((item) => {
+                const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
+                const itemContent = getItemContent({ ...item, src: themedSrc });
+                const { url, text } = item;
+                return url ? ((0, jsx_runtime_1.jsx)("a", { className: b('item'), href: url, "aria-label": text, title: text, ...(0, utils_1.getLinkProps)(url, hostname), onClick: () => onClick(item), children: itemContent }, url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
+            })] }));
 };
 exports.default = Icons;
 //# sourceMappingURL=Icons.js.map

package/build/cjs/blocks/Icons/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,~~8CAAgC;AAChC,~~gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAK,IAC3B,CACpB,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,EAAC,eAAe,EAAE,GAAG,EAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,eAAe,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,~~uBAAC,WAAI,cACD,~~iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,EACA,KAAK~~;oBACF~~,~~KAAK,~~CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;~~wBACf~~,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;~~wBAClD~~,MAAM,WAAW,GAAG,cAAc,CAAC,EAAC,GAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,CAAC;~~wBAC9D~~,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;~~wBACzB~~,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,8BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,KACP,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,IAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;~~oBACN~~,CAAC,CAAC,~~IACJ~~,~~GACH~~,~~CACV,~~CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image, Title} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useTheme} from '../../context/theme';\nimport {~~Grid} from '../../grid';\nimport {~~useAnalytics} from '../../hooks';\nimport {IconsBlockItemProps, IconsBlockProps} from '../../models';\nimport {block, getLinkProps, getThemedValue} from '../../utils';\n\nimport './Icons.scss';\n\nconst b = block('icons-block');\n\nconst getItemContent = (item: IconsBlockProps['items'][number] & {src: string}) => (\n <React.Fragment>\n <Image className={b('image')} src={item.src} />\n <p className={b('text')}>{item.text}</p>\n </React.Fragment>\n);\n\nconst Icons = ({title, description, size = 's', colSizes = {all: 12}, items}: IconsBlockProps) => {\n const {hostname} = React.useContext(LocationContext);\n const handleAnalytics = useAnalytics();\n const theme = useTheme();\n\n const onClick = React.useCallback(\n ({analyticsEvents, url}: IconsBlockItemProps) => {\n handleAnalytics(analyticsEvents, {url});\n },\n [handleAnalytics],\n );\n\n return (\n <~~Grid>\n <~~div className={b({size})}>\n {(title \|\| description) && (\n <Title\n className={b('header')}\n title={title}\n subtitle={description}\n colSizes={colSizes}\n />\n )}\n {items ~~&&\n items~~.map((item) => {\n const themedSrc = getThemedValue(item.src, theme);\n const itemContent = getItemContent({...item, src: themedSrc});\n const {url, text} = item;\n return url ? (\n <a\n className={b('item')}\n key={url}\n href={url}\n aria-label={text}\n title={text}\n {...getLinkProps(url, hostname)}\n onClick={() => onClick(item)}\n >\n {itemContent}\n </a>\n ) : (\n <div className={b('item')} key={text}>\n {itemContent}\n </div>\n );\n })}\n </div>\n ~~</Grid>\n~~ );\n};\n\nexport default Icons;\n"]}
1	+ {"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAK,IAC3B,CACpB,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,EAAC,eAAe,EAAE,GAAG,EAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,eAAe,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAClD,MAAM,WAAW,GAAG,cAAc,CAAC,EAAC,GAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,CAAC;gBAC9D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;gBACzB,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,8BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,KACP,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,IAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image, Title} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {IconsBlockItemProps, IconsBlockProps} from '../../models';\nimport {block, getLinkProps, getThemedValue} from '../../utils';\n\nimport './Icons.scss';\n\nconst b = block('icons-block');\n\nconst getItemContent = (item: IconsBlockProps['items'][number] & {src: string}) => (\n <React.Fragment>\n <Image className={b('image')} src={item.src} />\n <p className={b('text')}>{item.text}</p>\n </React.Fragment>\n);\n\nconst Icons = ({title, description, size = 's', colSizes = {all: 12}, items}: IconsBlockProps) => {\n const {hostname} = React.useContext(LocationContext);\n const handleAnalytics = useAnalytics();\n const theme = useTheme();\n\n const onClick = React.useCallback(\n ({analyticsEvents, url}: IconsBlockItemProps) => {\n handleAnalytics(analyticsEvents, {url});\n },\n [handleAnalytics],\n );\n\n return (\n <div className={b({size})}>\n {(title \|\| description) && (\n <Title\n className={b('header')}\n title={title}\n subtitle={description}\n colSizes={colSizes}\n />\n )}\n {items.map((item) => {\n const themedSrc = getThemedValue(item.src, theme);\n const itemContent = getItemContent({...item, src: themedSrc});\n const {url, text} = item;\n return url ? (\n <a\n className={b('item')}\n key={url}\n href={url}\n aria-label={text}\n title={text}\n {...getLinkProps(url, hostname)}\n onClick={() => onClick(item)}\n >\n {itemContent}\n </a>\n ) : (\n <div className={b('item')} key={text}>\n {itemContent}\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default Icons;\n"]}

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js CHANGED Viewed

@@ -10,7 +10,6 @@ const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js
 const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
 const constants_1 = require("../../constants.js");
 const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const microdata_1 = require("../../utils/microdata.js");
 const b = (0, utils_1.block)('PromoFeaturesBlock');
@@ -23,20 +22,19 @@ const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
     const globalTheme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items &&
-                        items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
-                            const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
-                            const themeMod = cardTheme || blockModifier || '';
-                            const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
-                            const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-                                name: cardTitle,
-                                description: text,
-                            });
-                            return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
-                                    'no-media': !media,
-                                    [themeMod]: Boolean(themeMod),
-                                }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('card-media'), ...allProps })] }, index));
-                        }) })] }) }));
+    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
+                    const themeMod = cardTheme || blockModifier || '';
+                    const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
+                    const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
+                        name: cardTitle,
+                        description: text,
+                    });
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
+                            'no-media': !media,
+                            [themeMod]: Boolean(themeMod),
+                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('card-media'), ...allProps })] }, index));
+                }) })] }));
 };
 exports.default = PromoFeaturesBlock;
 //# sourceMappingURL=PromoFeaturesBlock.js.map

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;~~AAC7C~~,~~8CAAgC;AAEhC,~~gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,~~uBAAC,WAAI,cACD,~~wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK~~;wBACF~~,~~KAAK,~~CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;~~4BACnE~~,MAAM,aAAa,~~GACf~~,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;~~4BACxD~~,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;~~4BAClD~~,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;~~4BACvD~~,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;~~gCAC9C~~,IAAI,EAAE,SAAS;~~gCACf~~,WAAW,EAAE,IAAI;~~6BACpB~~,CAAC,CAAC;~~4BAEH~~,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;~~oCACjB~~,UAAU,EAAE,CAAC,KAAK;~~oCAClB~~,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;~~iCAChC~~,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,~~IACP~~,OAAO,EAAE,IAAI,~~EACb~~,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,~~GAChC~~,~~GACA~~,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,KAAM,QAAQ,GAAI,~~KAfxD~~,KAAK,~~CAgBR~~,CACT,CAAC;~~wBACN~~,CAAC,CAAC,~~GACQ~~,IACP,~~GACZ~~,~~CACV,~~CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';\nimport FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {~~Grid} from '../../grid';\nimport {~~PromoFeaturesProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './PromoFeaturesBlock.scss';\n\nconst b = block('PromoFeaturesBlock');\n\nconst breakpointColumns = {\n [BREAKPOINTS.lg]: 3,\n [BREAKPOINTS.md]: 2,\n [BREAKPOINTS.sm]: 1,\n};\n\nconst PromoFeaturesBlock = (props: PromoFeaturesProps) => {\n const {items, title, description, theme, animated = true} = props;\n const backgroundTheme = theme \|\| 'default';\n const globalTheme = useTheme();\n\n return (\n <~~Grid>\n <~~AnimateBlock className={b({[backgroundTheme]: true})} animate={animated}>\n <FullWidthBackground className={b('background', {[backgroundTheme]: true})} />\n <Title title={title} subtitle={description} className={b('header')} />\n <BalancedMasonry\n breakpointCols={breakpointColumns}\n className={b('card-container')}\n columnClassName={b('card-container-column')}\n >\n {items ~~&&\n items~~.map(({title: cardTitle, text, media, theme: cardTheme}, index) => {\n const blockModifier ~~=\n~~ backgroundTheme === 'default' ? 'default' : 'light';\n const themeMod = cardTheme \|\| blockModifier \|\| '';\n const themedMedia = getThemedValue(media, globalTheme);\n const allProps = mergeVideoMicrodata(themedMedia, {\n name: cardTitle,\n description: text,\n });\n\n return (\n <div\n key={index}\n className={b('card', {\n 'no-media': !media,\n [themeMod]: Boolean(themeMod),\n })}\n >\n <div className={b('card-info')}>\n <h3 className={b('card-title')}>{cardTitle}</h3>\n <div className={b('card-text')}>\n <YFMWrapper\n content={text}\n modifiers={{constructor: true}}\n />\n </div>\n </div>\n {media && <Media className={b('card-media')} {...allProps} />}\n </div>\n );\n })}\n </BalancedMasonry>\n </AnimateBlock>\n ~~</Grid>\n~~ );\n};\n\nexport default PromoFeaturesBlock;\n"]}
1	+ {"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;oBACpE,MAAM,aAAa,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC1E,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;oBAClD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBACvD,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;wBAC9C,IAAI,EAAE,SAAS;wBACf,WAAW,EAAE,IAAI;qBACpB,CAAC,CAAC;oBAEH,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;4BACjB,UAAU,EAAE,CAAC,KAAK;4BAClB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;yBAChC,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC3D,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,KAAM,QAAQ,GAAI,KAZxD,KAAK,CAaR,CACT,CAAC;gBACN,CAAC,CAAC,GACY,IACP,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';\nimport FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {PromoFeaturesProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './PromoFeaturesBlock.scss';\n\nconst b = block('PromoFeaturesBlock');\n\nconst breakpointColumns = {\n [BREAKPOINTS.lg]: 3,\n [BREAKPOINTS.md]: 2,\n [BREAKPOINTS.sm]: 1,\n};\n\nconst PromoFeaturesBlock = (props: PromoFeaturesProps) => {\n const {items, title, description, theme, animated = true} = props;\n const backgroundTheme = theme \|\| 'default';\n const globalTheme = useTheme();\n\n return (\n <AnimateBlock className={b({[backgroundTheme]: true})} animate={animated}>\n <FullWidthBackground className={b('background', {[backgroundTheme]: true})} />\n <Title title={title} subtitle={description} className={b('header')} />\n <BalancedMasonry\n breakpointCols={breakpointColumns}\n className={b('card-container')}\n columnClassName={b('card-container-column')}\n >\n {items.map(({title: cardTitle, text, media, theme: cardTheme}, index) => {\n const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';\n const themeMod = cardTheme \|\| blockModifier \|\| '';\n const themedMedia = getThemedValue(media, globalTheme);\n const allProps = mergeVideoMicrodata(themedMedia, {\n name: cardTitle,\n description: text,\n });\n\n return (\n <div\n key={index}\n className={b('card', {\n 'no-media': !media,\n [themeMod]: Boolean(themeMod),\n })}\n >\n <div className={b('card-info')}>\n <h3 className={b('card-title')}>{cardTitle}</h3>\n <div className={b('card-text')}>\n <YFMWrapper content={text} modifiers={{constructor: true}} />\n </div>\n </div>\n {media && <Media className={b('card-media')} {...allProps} />}\n </div>\n );\n })}\n </BalancedMasonry>\n </AnimateBlock>\n );\n};\n\nexport default PromoFeaturesBlock;\n"]}

package/build/cjs/blocks/Questions/Questions.js CHANGED Viewed

@@ -22,12 +22,11 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items &&
-                            items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                                const isOpened = opened.includes(index);
-                                const onClick = () => toggleItem(index);
-                                return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
-                            }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                        const isOpened = opened.includes(index);
+                        const onClick = () => toggleItem(index);
+                        return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                    }) })] }) }));
 };
 exports.default = QuestionsBlock;
 //# sourceMappingURL=Questions.js.map