npm - @gravity-ui/page-constructor - Versions diffs - 6.0.1-beta.0 → 6.2.0-beta.1 - Mend

@gravity-ui/page-constructor 6.0.1-beta.0 → 6.2.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (841) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport FullscreenImage from '../../components/FullscreenImage/FullscreenImage';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport {getHeight} from '../../components/VideoBlock/VideoBlock';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnOrderClasses, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport TabsTextContent from './TabsTextContent/TabsTextContent';\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\n// eslint-disable-next-line complexity\nexport const TabsBlock = ({\n items,\n title,\n description,\n animated,\n tabsColSizes,\n centered,\n direction = 'media-content',\n contentSize = 's',\n}: TabsBlockProps) => {\n const [activeTab, setActiveTab] = React.useState<string \| null>(items[0].tabName);\n const [play, setPlay] = React.useState<boolean>(false);\n const theme = useTheme();\n const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n const activeTabData = items.find(({tabName}) => tabName === activeTab);\n const isReverse = direction === 'content-media';\n const ref = React.useRef<HTMLDivElement>(null);\n const mediaWidth = ref?.current?.offsetWidth;\n const captionId = useUniqId();\n const themedMedia = getThemedValue(activeTabData?.media, theme);\n const hasNoImage = !themedMedia?.image && !activeTabData?.image;\n const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n const [minImageHeight, setMinImageHeight] = React.useState(ref?.current?.offsetHeight);\n // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n let imageProps;\n\n const handleImageHeight = React.useCallback(() => {\n if (minImageHeight !== ref?.current?.offsetHeight) {\n setMinImageHeight(ref?.current?.offsetHeight);\n }\n }, [minImageHeight]);\n\n const onSelectTab = React.useCallback(\n (id: string \| null, e: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n setActiveTab(id);\n e.currentTarget.scrollIntoView({\n inline: 'center',\n behavior: 'smooth',\n block: 'nearest',\n });\n },\n [],\n );\n\n React.useEffect(() => {\n handleImageHeight();\n }, [activeTab, handleImageHeight]);\n\n if (activeTabData) {\n const themedImage = getThemedValue(activeTabData?.image, theme);\n\n imageProps = themedImage && getMediaImage(themedImage);\n\n if (activeTabData.caption && imageProps) {\n Object.assign(imageProps, {\n 'aria-describedby': captionId,\n });\n }\n }\n\n const showMedia = Boolean(activeTabData?.media \|\| imageProps);\n const showText = Boolean(activeTabData?.text);\n const border = activeTabData?.border \|\| 'shadow';\n\n const textContent = showText && (\n <TabsTextContent\n showMedia={showMedia}\n data={activeTabData}\n imageProps={imageProps ? imageProps : undefined}\n isReverse={isReverse}\n contentSize={contentSize}\n centered={centered}\n />\n );\n\n const mediaContent = showMedia && (\n <Col\n sizes={{all: 12, md: 8}}\n orders={{\n all: GridColumnOrderClasses.Last,\n md: GridColumnOrderClasses.First,\n }}\n className={b('col', {centered: centered})}\n >\n {activeTabData?.media && (\n <div style={{minHeight: mediaVideoHeight \|\| minImageHeight}}>\n <div ref={ref}>\n <Media\n {...mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {\n name: activeTabData.tabName,\n description: activeTabData.caption\n ? activeTabData.caption\n : undefined,\n })}\n key={activeTab}\n className={b('media', {border})}\n playVideo={play}\n height={mediaVideoHeight \|\| undefined}\n onImageLoad={handleImageHeight}\n />\n </div>\n </div>\n )}\n {imageProps && (\n <React.Fragment>\n <FullscreenImage {...imageProps} imageClassName={b('image', {border})} />\n </React.Fragment>\n )}\n {activeTabData?.caption && (\n <p className={b('caption')} id={captionId}>\n <YFMWrapper\n content={activeTabData.caption}\n modifiers={{constructor: true}}\n id={captionId}\n />\n </p>\n )}\n </Col>\n );\n\n return (\n <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n <Title\n title={title}\n subtitle={description}\n className={b('title', {centered: centered})}\n />\n <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n <Col sizes={tabsColSizes}>\n <ButtonTabs\n items={tabs}\n onSelectTab={onSelectTab}\n activeTab={activeTab}\n className={b('tabs', {centered: centered})}\n />\n </Col>\n </Row>\n {activeTabData && (\n <Row className={b('row', {reverse: isReverse})}>\n {mediaContent}\n {textContent}\n </Row>\n )}\n </AnimateBlock>\n );\n};\n\nexport default TabsBlock;\n"]}
1	+ {"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport FullscreenImage from '../../components/FullscreenImage/FullscreenImage';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport {getHeight} from '../../components/VideoBlock/VideoBlock';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnOrderClasses, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport TabsTextContent from './TabsTextContent/TabsTextContent';\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\n// eslint-disable-next-line complexity\nexport const TabsBlock = ({\n items,\n title,\n description,\n animated,\n tabsColSizes,\n centered,\n direction = 'media-content',\n contentSize = 's',\n}: TabsBlockProps) => {\n const [activeTab, setActiveTab] = React.useState<string \| null>(items[0].tabName);\n const [play, setPlay] = React.useState<boolean>(false);\n const theme = useTheme();\n const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n const activeTabData = items.find(({tabName}) => tabName === activeTab);\n const isReverse = direction === 'content-media';\n const ref = React.useRef<HTMLDivElement>(null);\n const mediaWidth = ref?.current?.offsetWidth;\n const captionId = useUniqId();\n const themedMedia = getThemedValue(activeTabData?.media, theme);\n const hasNoImage = !themedMedia?.image && !activeTabData?.image;\n const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n const [minImageHeight, setMinImageHeight] = React.useState(ref?.current?.offsetHeight);\n // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n let imageProps;\n\n const handleImageHeight = React.useCallback(() => {\n if (minImageHeight !== ref?.current?.offsetHeight) {\n setMinImageHeight(ref?.current?.offsetHeight);\n }\n }, [minImageHeight]);\n\n const onSelectTab = React.useCallback(\n (id: string \| null, e: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n setActiveTab(id);\n e.currentTarget.scrollIntoView({\n inline: 'center',\n behavior: 'smooth',\n block: 'nearest',\n });\n },\n [],\n );\n\n React.useEffect(() => {\n handleImageHeight();\n }, [activeTab, handleImageHeight]);\n\n if (activeTabData) {\n const themedImage = getThemedValue(activeTabData?.image, theme);\n\n imageProps = themedImage && getMediaImage(themedImage);\n\n if (activeTabData.caption && imageProps) {\n Object.assign(imageProps, {\n 'aria-describedby': captionId,\n });\n }\n }\n\n const showMedia = Boolean(activeTabData?.media \|\| imageProps);\n const showText = Boolean(activeTabData?.text);\n const border = activeTabData?.border \|\| 'shadow';\n\n const textContent = showText && (\n <TabsTextContent\n showMedia={showMedia}\n data={activeTabData}\n imageProps={imageProps ? imageProps : undefined}\n isReverse={isReverse}\n contentSize={contentSize}\n centered={centered}\n />\n );\n\n const mediaContent = showMedia && (\n <Col\n sizes={{all: 12, md: 8}}\n orders={{\n all: GridColumnOrderClasses.Last,\n md: GridColumnOrderClasses.First,\n }}\n className={b('col', {centered: centered})}\n >\n {activeTabData?.media && (\n <div style={{minHeight: mediaVideoHeight \|\| minImageHeight}}>\n <div ref={ref}>\n <Media\n {...mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {\n name: activeTabData.tabName,\n description: activeTabData.caption\n ? activeTabData.caption\n : undefined,\n })}\n key={activeTab}\n className={b('media', {border})}\n playVideo={play}\n height={mediaVideoHeight \|\| undefined}\n onImageLoad={handleImageHeight}\n />\n </div>\n </div>\n )}\n {imageProps && (\n <React.Fragment>\n <FullscreenImage {...imageProps} imageClassName={b('image', {border})} />\n </React.Fragment>\n )}\n {activeTabData?.caption && (\n <p className={b('caption')} id={captionId}>\n <YFMWrapper\n content={activeTabData.caption}\n modifiers={{constructor: true}}\n id={captionId}\n />\n </p>\n )}\n </Col>\n );\n\n return (\n <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n <Title\n title={title}\n subtitle={description}\n className={b('title', {centered: centered})}\n />\n <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n <Col sizes={tabsColSizes}>\n <ButtonTabs\n items={tabs}\n onSelectTab={onSelectTab}\n activeTab={activeTab}\n className={b('tabs', {centered: centered})}\n />\n </Col>\n </Row>\n {activeTabData && (\n <Row className={b('row', {reverse: isReverse})}>\n {mediaContent}\n {textContent}\n </Row>\n )}\n </AnimateBlock>\n );\n};\n\nexport default TabsBlock;\n"]}

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = exports.tabsItem = void 0;
 const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
 const schema_1 = require("../../components/Image/schema.js");
 const common_1 = require("../../schema/validators/common.js");
 const utils_1 = require("../../schema/validators/utils.js");
@@ -12,32 +12,47 @@ exports.tabsItem = {
     type: 'object',
     additionalProperties: false,
     required: ['tabName'],
-    properties: Object.assign(Object.assign({}, TabsItemContentProps), { tabName: {
+    properties: {
+        ...TabsItemContentProps,
+        tabName: {
             type: 'string',
-        }, caption: {
+        },
+        caption: {
             type: 'string',
             contentType: 'text',
-        }, media: (0, common_1.withTheme)({
+        },
+        media: (0, common_1.withTheme)({
             type: 'object',
             properties: common_1.MediaProps,
-        }),
+        }),
         //TODO deprecated
-        link: common_1.LinkProps, image: (0, common_1.withTheme)(schema_1.ImageProps), border: {
+        link: common_1.LinkProps,
+        image: (0, common_1.withTheme)(schema_1.ImageProps),
+        border: {
             type: 'string',
             enum: ['shadow', 'line', 'none'],
-        } }),
+        },
+    },
 };
 exports.TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...common_1.BlockHeaderProps,
+            tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => ({ ...acc, [size]: common_1.sizeNumber }), {}),
+            direction: {
                 type: 'string',
                 enum: common_1.mediaDirection,
-            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
+            },
+            centered: { type: 'boolean' },
+            items: (0, utils_1.filteredArray)(exports.tabsItem),
+            contentSize: {
                 type: 'string',
                 enum: common_1.contentSizes,
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":";;;;AAAA~~,+DAA~~+B;AAE/B,6DAAyD;AACzD,8DAUwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7E,QAAA,QAAQ,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,UAAU,~~kCACH~~,oBAAoB,~~KACvB,~~OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB,~~EACD,~~OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,~~EACD,~~KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,mBAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,kBAAS,~~EACf,~~KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC,~~EAC5B,~~MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC~~,GACJ~~;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,~~gDACH~~,uBAAc,~~GACd~~,yBAAgB,~~KACnB,~~YAAY,EAAE,4BAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,~~iCAAK~~,GAAG,~~KAAE~~,CAAC,IAAI,CAAC,EAAE,mBAAU,~~IAAE~~,EAC7C,EAAE,CACL,~~EACD,~~SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAc;aACvB,~~EACD,~~QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,~~EAC3B,~~KAAK,EAAE,IAAA,qBAAa,EAAC,gBAAQ,CAAC,~~EAC9B,~~WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,qBAAY;aACrB~~,GACJ~~;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n MediaProps,\n containerSizesArray,\n contentSizes,\n mediaDirection,\n sizeNumber,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);\n\nexport const tabsItem = {\n type: 'object',\n additionalProperties: false,\n required: ['tabName'],\n properties: {\n ...TabsItemContentProps,\n tabName: {\n type: 'string',\n },\n caption: {\n type: 'string',\n contentType: 'text',\n },\n media: withTheme({\n type: 'object',\n properties: MediaProps,\n }),\n //TODO deprecated\n link: LinkProps,\n image: withTheme(ImageProps),\n border: {\n type: 'string',\n enum: ['shadow', 'line', 'none'],\n },\n },\n};\n\nexport const TabsBlock = {\n 'tabs-block': {\n additionalProperties: false,\n required: ['title', 'items'],\n properties: {\n ...BlockBaseProps,\n ...BlockHeaderProps,\n tabsColSizes: containerSizesArray.reduce(\n (acc, size) => ({...acc, [size]: sizeNumber}),\n {},\n ),\n direction: {\n type: 'string',\n enum: mediaDirection,\n },\n centered: {type: 'boolean'},\n items: filteredArray(tabsItem),\n contentSize: {\n type: 'string',\n enum: contentSizes,\n },\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAUwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7E,QAAA,QAAQ,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,UAAU,EAAE;QACR,GAAG,oBAAoB;QACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,mBAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,kBAAS;QACf,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;QAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC;KACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,yBAAgB;YACnB,YAAY,EAAE,4BAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAC7C,EAAE,CACL;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAc;aACvB;YACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;YAC3B,KAAK,EAAE,IAAA,qBAAa,EAAC,gBAAQ,CAAC;YAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,qBAAY;aACrB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n MediaProps,\n containerSizesArray,\n contentSizes,\n mediaDirection,\n sizeNumber,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);\n\nexport const tabsItem = {\n type: 'object',\n additionalProperties: false,\n required: ['tabName'],\n properties: {\n ...TabsItemContentProps,\n tabName: {\n type: 'string',\n },\n caption: {\n type: 'string',\n contentType: 'text',\n },\n media: withTheme({\n type: 'object',\n properties: MediaProps,\n }),\n //TODO deprecated\n link: LinkProps,\n image: withTheme(ImageProps),\n border: {\n type: 'string',\n enum: ['shadow', 'line', 'none'],\n },\n },\n};\n\nexport const TabsBlock = {\n 'tabs-block': {\n additionalProperties: false,\n required: ['title', 'items'],\n properties: {\n ...BlockBaseProps,\n ...BlockHeaderProps,\n tabsColSizes: containerSizesArray.reduce(\n (acc, size) => ({...acc, [size]: sizeNumber}),\n {},\n ),\n direction: {\n type: 'string',\n enum: mediaDirection,\n },\n centered: {type: 'boolean'},\n items: filteredArray(tabsItem),\n contentSize: {\n type: 'string',\n enum: contentSizes,\n },\n },\n },\n};\n"]}

package/build/cjs/components/Author/Author.js CHANGED Viewed

@@ -17,7 +17,7 @@ const Author = (props) => {
     if (!isAvatarJSX && avatar) {
         avatarProps = (0, utils_2.getMediaImage)(avatar);
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && ((0, jsx_runtime_1.jsx)("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : (0, jsx_runtime_1.jsx)(index_1.Image, Object.assign({}, avatarProps)) })), (0, jsx_runtime_1.jsxs)("div", { className: b('label'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && ((0, jsx_runtime_1.jsx)("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : (0, jsx_runtime_1.jsx)(index_1.Image, { ...avatarProps }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('label'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description })] })] }));
 };
 exports.default = Author;
 //# sourceMappingURL=Author.js.map

package/build/cjs/components/Author/Author.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Author.js","sourceRoot":"../../../../src","sources":["components/Author/Author.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAAiE;AACjE,gDAAkC;AAClC,mDAAmD;AACnD,uCAA+B;AAI/B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC3D,MAAM,EACF,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,IAAI,GAAG,mBAAU,CAAC,MAAM,EACxB,EAAE,EACF,KAAK,GACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IAE5D,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,CAAC;QACzB,WAAW,GAAG,IAAA,qBAAa,EAAC,MAAoB,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,aACnD,MAAM,IAAI,CACP,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAChD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,aAAK,~~oBAAK~~,WAAW,~~EAAI~~,GAChD,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,IACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorProps, AuthorType, ImageProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {Image} from '../index';\n\nimport './Author.scss';\n\nconst b = block('author');\n\nconst Author = (props: React.PropsWithChildren<AuthorProps>) => {\n const {\n author,\n className,\n authorContainerClassName,\n type = AuthorType.Column,\n qa,\n theme,\n } = props;\n const {firstName, secondName, description, avatar} = author;\n\n const name = secondName ? `${firstName} ${secondName}` : firstName;\n const isAvatarJSX = React.isValidElement(avatar);\n let avatarProps = {};\n if (!isAvatarJSX && avatar) {\n avatarProps = getMediaImage(avatar as ImageProps);\n }\n\n return (\n <div className={b({type, theme}, className)} data-qa={qa}>\n {avatar && (\n <div className={b('avatar', authorContainerClassName)}>\n {isAvatarJSX ? avatar : <Image {...avatarProps} />}\n </div>\n )}\n <div className={b('label')}>\n <div className={b('name')}>{name}</div>\n {description && <div className={b('description')}>{description}</div>}\n </div>\n </div>\n );\n};\nexport default Author;\n"]}
1	+ {"version":3,"file":"Author.js","sourceRoot":"../../../../src","sources":["components/Author/Author.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAAiE;AACjE,gDAAkC;AAClC,mDAAmD;AACnD,uCAA+B;AAI/B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC3D,MAAM,EACF,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,IAAI,GAAG,mBAAU,CAAC,MAAM,EACxB,EAAE,EACF,KAAK,GACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IAE5D,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,CAAC;QACzB,WAAW,GAAG,IAAA,qBAAa,EAAC,MAAoB,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,aACnD,MAAM,IAAI,CACP,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAChD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,aAAK,OAAK,WAAW,GAAI,GAChD,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,IACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorProps, AuthorType, ImageProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {Image} from '../index';\n\nimport './Author.scss';\n\nconst b = block('author');\n\nconst Author = (props: React.PropsWithChildren<AuthorProps>) => {\n const {\n author,\n className,\n authorContainerClassName,\n type = AuthorType.Column,\n qa,\n theme,\n } = props;\n const {firstName, secondName, description, avatar} = author;\n\n const name = secondName ? `${firstName} ${secondName}` : firstName;\n const isAvatarJSX = React.isValidElement(avatar);\n let avatarProps = {};\n if (!isAvatarJSX && avatar) {\n avatarProps = getMediaImage(avatar as ImageProps);\n }\n\n return (\n <div className={b({type, theme}, className)} data-qa={qa}>\n {avatar && (\n <div className={b('avatar', authorContainerClassName)}>\n {isAvatarJSX ? avatar : <Image {...avatarProps} />}\n </div>\n )}\n <div className={b('label')}>\n <div className={b('name')}>{name}</div>\n {description && <div className={b('description')}>{description}</div>}\n </div>\n </div>\n );\n};\nexport default Author;\n"]}

package/build/cjs/components/Author/schema.js CHANGED Viewed

@@ -6,7 +6,11 @@ exports.author = {
     author: {
         additionalProperties: false,
         required: ['author'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { asides: {}, author: common_1.authorItem }),
+        properties: {
+            ...common_1.BaseProps,
+            asides: {},
+            author: common_1.authorItem,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/cjs/components/Author/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Author/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAqE;AAExD,QAAA,MAAM,GAAG;IAClB,MAAM,EAAE;QACJ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,~~kCACH~~,kBAAS,~~KACZ,~~MAAM,EAAE,EAAE,~~EACV,~~MAAM,EAAE,mBAAU~~,GACrB~~;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, authorItem} from '../../schema/validators/common';\n\nexport const author = {\n author: {\n additionalProperties: false,\n required: ['author'],\n properties: {\n ...BaseProps,\n asides: {},\n author: authorItem,\n },\n },\n};\n"]}
1	+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Author/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAqE;AAExD,QAAA,MAAM,GAAG;IAClB,MAAM,EAAE;QACJ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,mBAAU;SACrB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, authorItem} from '../../schema/validators/common';\n\nexport const author = {\n author: {\n additionalProperties: false,\n required: ['author'],\n properties: {\n ...BaseProps,\n asides: {},\n author: authorItem,\n },\n },\n};\n"]}

package/build/cjs/components/BackLink/BackLink.js CHANGED Viewed

@@ -28,7 +28,10 @@ function BackLink(props) {
             history.push({ pathname: url });
         }
     }, [handleAnalytics, history, onClick, url]);
-    const buttonComponent = url && !shouldHandleBackAction ? 'a' : 'button';
-    return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps, component: buttonComponent, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowLeft, size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: title })] }));
+    const buttonProps = {
+        href: shouldHandleBackAction ? undefined : url,
+        extraProps,
+    };
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, ...buttonProps, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowLeft, size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: title })] }));
 }
 //# sourceMappingURL=BackLink.js.map

package/build/cjs/components/BackLink/BackLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackLink.js","sourceRoot":"../../../../src","sources":["components/BackLink/BackLink.tsx"],"names":[],"mappings":";;AAsBA,~~2BAkDC~~;;;~~AAxED~~,qDAA+B;AAE/B,6CAA4C;AAC5C,~~6CAA2D~~;~~AAE3D~~,4EAA8D;AAC9D,gDAAyC;AACzC,kDAAyD;AAezD,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACpD,MAAM,EACF,GAAG,EACH,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,EACT,sBAAsB,GAAG,KAAK,EAC9B,OAAO,EACP,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,eAAe,EAAE,CAAC;QAElB,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,CAAC,CAAC;QAClC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAE7C,MAAM,~~eAAe~~,GAAG,~~GAAG,~~IAAI,~~CAAC~~,sBAAsB,CAAC,CAAC,CAAC,~~GAAG~~,CAAC,CAAC,CAAC,~~QAAQ~~,CAAC;~~IAExE~~,OAAO,CACH,wBAAC,cAAM,IACH,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC9D,IAAI,EAAE,IAAI,EACV,~~IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAC9C,~~OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,QAAQ,~~EAClB~~,~~UAAU~~,~~EAAE~~,~~UAAU,EACtB,SAAS,EAAE,eAAe,aAE1B,~~uBAAC,YAAI,IAAC,IAAI,EAAE,iBAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,2CAAO,KAAK,GAAQ,IACf,CACZ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ArrowLeft} from '@gravity-ui/icons';\nimport {Button, ButtonSize, Icon} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {DefaultEventNames, Tabbable} from '../../models';\n\nexport type Theme = 'default' \| 'special';\n\nexport interface BackLinkProps<T = HTMLElement> extends Tabbable {\n url: string;\n title: React.ReactNode;\n theme?: Theme;\n size?: ButtonSize;\n className?: string;\n shouldHandleBackAction?: boolean;\n onClick?: () => void;\n extraProps?: React.HTMLProps<T>;\n}\n\nexport default function BackLink(props: BackLinkProps) {\n const {history} = React.useContext(LocationContext);\n const {\n url,\n title,\n theme = 'default',\n size = 'l',\n className,\n shouldHandleBackAction = false,\n onClick,\n tabIndex,\n extraProps,\n } = props;\n const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);\n\n const backActionHandler = React.useCallback(async () => {\n handleAnalytics();\n\n if (!history) {\n return;\n }\n\n if (onClick) {\n onClick();\n }\n\n if (history.length > 1) {\n history.goBack();\n } else {\n history.push({pathname: url});\n }\n }, [handleAnalytics, history, onClick, url]);\n\n const ~~buttonComponent~~ = ~~url~~ ~~&& !~~shouldHandleBackAction ? ~~'a'~~ : ~~'button'~~;\n\n return (\n <Button\n className={className}\n view={theme === 'special' ? 'flat-contrast' : 'flat-secondary'}\n size={size}\n ~~href={shouldHandleBackAction ? undefined : url}\n~~ onClick={shouldHandleBackAction ? backActionHandler : undefined}\n tabIndex={tabIndex}\n ~~extraProps=~~{~~extraProps~~}\n ~~component={buttonComponent}\n~~ >\n <Icon data={ArrowLeft} size={20} />\n <span>{title}</span>\n </Button>\n );\n}\n"]}
1	+ {"version":3,"file":"BackLink.js","sourceRoot":"../../../../src","sources":["components/BackLink/BackLink.tsx"],"names":[],"mappings":";;AAsBA,2BAmDC;;;AAzED,qDAA+B;AAE/B,6CAA4C;AAC5C,6CAA4F;AAE5F,4EAA8D;AAC9D,gDAAyC;AACzC,kDAAyD;AAezD,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACpD,MAAM,EACF,GAAG,EACH,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,EACT,sBAAsB,GAAG,KAAK,EAC9B,OAAO,EACP,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,eAAe,EAAE,CAAC;QAElB,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,CAAC,CAAC;QAClC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG;QAC9C,UAAU;KACO,CAAC;IAEtB,OAAO,CACH,wBAAC,cAAM,IACH,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC9D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,QAAQ,KACd,WAAW,aAEf,uBAAC,YAAI,IAAC,IAAI,EAAE,iBAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,2CAAO,KAAK,GAAQ,IACf,CACZ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ArrowLeft} from '@gravity-ui/icons';\nimport {Button, ButtonSize, Icon, ButtonProps as UIKitButtonProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {DefaultEventNames, Tabbable} from '../../models';\n\nexport type Theme = 'default' \| 'special';\n\nexport interface BackLinkProps<T = HTMLElement> extends Tabbable {\n url: string;\n title: React.ReactNode;\n theme?: Theme;\n size?: ButtonSize;\n className?: string;\n shouldHandleBackAction?: boolean;\n onClick?: () => void;\n extraProps?: React.HTMLProps<T>;\n}\n\nexport default function BackLink(props: BackLinkProps) {\n const {history} = React.useContext(LocationContext);\n const {\n url,\n title,\n theme = 'default',\n size = 'l',\n className,\n shouldHandleBackAction = false,\n onClick,\n tabIndex,\n extraProps,\n } = props;\n const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);\n\n const backActionHandler = React.useCallback(async () => {\n handleAnalytics();\n\n if (!history) {\n return;\n }\n\n if (onClick) {\n onClick();\n }\n\n if (history.length > 1) {\n history.goBack();\n } else {\n history.push({pathname: url});\n }\n }, [handleAnalytics, history, onClick, url]);\n\n const buttonProps = {\n href: shouldHandleBackAction ? undefined : url,\n extraProps,\n } as UIKitButtonProps;\n\n return (\n <Button\n className={className}\n view={theme === 'special' ? 'flat-contrast' : 'flat-secondary'}\n size={size}\n onClick={shouldHandleBackAction ? backActionHandler : undefined}\n tabIndex={tabIndex}\n {...buttonProps}\n >\n <Icon data={ArrowLeft} size={20} />\n <span>{title}</span>\n </Button>\n );\n}\n"]}

package/build/cjs/components/BackgroundImage/BackgroundImage.js CHANGED Viewed

@@ -10,7 +10,7 @@ const b = (0, utils_1.block)('storage-background-image');
 const BackgroundImage = (props) => {
     const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa || exports.qaIdByDefault);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('img', imageClassName), qa: qaAttributes.image })), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
 };
 exports.default = BackgroundImage;
 //# sourceMappingURL=BackgroundImage.js.map

package/build/cjs/components/BackgroundImage/BackgroundImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAmD;AACnD,sEAAmC;AAItB,QAAA,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,0BAA0B,CAAC,CAAC;AAE5C,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IACnF,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,IAAI,qBAAa,CAAC,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,qBAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAC1B,uBAAC,eAAK,~~oBAAK~~,KAAK,~~IAAE~~,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,~~IAAI~~,CACpF,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImageProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport Image from '../Image/Image';\n\nimport './BackgroundImage.scss';\n\nexport const qaIdByDefault = 'background-image';\n\nconst b = block('storage-background-image');\n\nconst BackgroundImage = (props: React.PropsWithChildren<BackgroundImageProps>) => {\n const {children, src, desktop, className, imageClassName, style, hide, qa} = props;\n const qaAttributes = getQaAttrubutes(qa \|\| qaIdByDefault);\n\n return (\n <div className={b(null, className)} style={style} data-qa={qa \|\| qaIdByDefault}>\n {(src \|\| desktop) && !hide && (\n <Image {...props} className={b('img', imageClassName)} qa={qaAttributes.image} />\n )}\n {children && <div className={b('container')}>{children}</div>}\n </div>\n );\n};\n\nexport default BackgroundImage;\n"]}
1	+ {"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAmD;AACnD,sEAAmC;AAItB,QAAA,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,0BAA0B,CAAC,CAAC;AAE5C,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IACnF,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,IAAI,qBAAa,CAAC,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,qBAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAC1B,uBAAC,eAAK,OAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,CACpF,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImageProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport Image from '../Image/Image';\n\nimport './BackgroundImage.scss';\n\nexport const qaIdByDefault = 'background-image';\n\nconst b = block('storage-background-image');\n\nconst BackgroundImage = (props: React.PropsWithChildren<BackgroundImageProps>) => {\n const {children, src, desktop, className, imageClassName, style, hide, qa} = props;\n const qaAttributes = getQaAttrubutes(qa \|\| qaIdByDefault);\n\n return (\n <div className={b(null, className)} style={style} data-qa={qa \|\| qaIdByDefault}>\n {(src \|\| desktop) && !hide && (\n <Image {...props} className={b('img', imageClassName)} qa={qaAttributes.image} />\n )}\n {children && <div className={b('container')}>{children}</div>}\n </div>\n );\n};\n\nexport default BackgroundImage;\n"]}

package/build/cjs/components/BackgroundMedia/BackgroundMedia.js CHANGED Viewed

@@ -8,14 +8,14 @@ const utils_1 = require("../../utils/index.js");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock.js"));
 const Media_1 = tslib_1.__importDefault(require("../Media/Media.js"));
 const b = (0, utils_1.block)('BackgroundMedia');
-const BackgroundMedia = (_a) => {
-    var { className, color, animated, parallax = true, video, mediaClassName, fullWidthMedia, qa } = _a, props = tslib_1.__rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName", "fullWidthMedia", "qa"]);
+const BackgroundMedia = ({ className, color, animated, parallax = true, video, mediaClassName, fullWidthMedia, qa, ...props }) => {
     const isMobile = React.useContext(mobileContext_1.MobileContext);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'media');
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate, children: (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media, height: 720,
+    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate, children: (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media, height: 720,
             color,
             parallax,
-            video: isMobile ? undefined : video }, props)) }));
+            video: isMobile ? undefined : video,
+            ...props }) }));
 };
 exports.default = BackgroundMedia;
 //# sourceMappingURL=BackgroundMedia.js.map

package/build/cjs/components/BackgroundMedia/BackgroundMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackgroundMedia.js","sourceRoot":"../../../../src","sources":["components/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAE1D,gDAAmD;AACnD,2FAAwD;AACxD,sEAAmC;AAInC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,eAAe,GAAG,CAAC,~~EAUF,EAAE,EAAE;QAVF,~~EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,cAAc,EACd,cAAc,EACd,EAAE,~~OAEiB~~,~~EADhB~~,KAAK,~~sBATa~~,~~iGAUxB~~,~~CADW~~;~~IAER~~,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACH,uBAAC,sBAAY,IACT,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,uBAAC,eAAK,~~kBACF~~,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,kBAAkB,EAAE,cAAc,EAAC,EAAE,cAAc,CAAC,EAC3E,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,YAAY,EAAE,IAAI,EAClB,EAAE,EAAE,YAAY,CAAC,KAAK,EAElB,MAAM,EAAE,GAAG;YACX,KAAK;YACL,QAAQ;YACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,~~IAChC~~,KAAK,~~EAEd~~,GACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {BackgroundMediaProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport AnimateBlock from '../AnimateBlock/AnimateBlock';\nimport Media from '../Media/Media';\n\nimport './BackgroundMedia.scss';\n\nconst b = block('BackgroundMedia');\n\nconst BackgroundMedia = ({\n className,\n color,\n animated,\n parallax = true,\n video,\n mediaClassName,\n fullWidthMedia,\n qa,\n ...props\n}: BackgroundMediaProps) => {\n const isMobile = React.useContext(MobileContext);\n const qaAttributes = getQaAttrubutes(qa, 'media');\n\n return (\n <AnimateBlock\n className={b(null, className)}\n style={{backgroundColor: color}}\n animate={animated}\n qa={qaAttributes.animate}\n >\n <Media\n className={b('media', {'full-width-media': fullWidthMedia}, mediaClassName)}\n imageClassName={b('image')}\n videoClassName={b('video')}\n isBackground={true}\n qa={qaAttributes.media}\n {...{\n height: 720,\n color,\n parallax,\n video: isMobile ? undefined : video,\n ...props,\n }}\n />\n </AnimateBlock>\n );\n};\n\nexport default BackgroundMedia;\n"]}
1	+ {"version":3,"file":"BackgroundMedia.js","sourceRoot":"../../../../src","sources":["components/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAE1D,gDAAmD;AACnD,2FAAwD;AACxD,sEAAmC;AAInC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,eAAe,GAAG,CAAC,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,cAAc,EACd,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACH,uBAAC,sBAAY,IACT,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,uBAAC,eAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,kBAAkB,EAAE,cAAc,EAAC,EAAE,cAAc,CAAC,EAC3E,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,YAAY,EAAE,IAAI,EAClB,EAAE,EAAE,YAAY,CAAC,KAAK,EAElB,MAAM,EAAE,GAAG;YACX,KAAK;YACL,QAAQ;YACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;YACnC,GAAG,KAAK,GAEd,GACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {BackgroundMediaProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport AnimateBlock from '../AnimateBlock/AnimateBlock';\nimport Media from '../Media/Media';\n\nimport './BackgroundMedia.scss';\n\nconst b = block('BackgroundMedia');\n\nconst BackgroundMedia = ({\n className,\n color,\n animated,\n parallax = true,\n video,\n mediaClassName,\n fullWidthMedia,\n qa,\n ...props\n}: BackgroundMediaProps) => {\n const isMobile = React.useContext(MobileContext);\n const qaAttributes = getQaAttrubutes(qa, 'media');\n\n return (\n <AnimateBlock\n className={b(null, className)}\n style={{backgroundColor: color}}\n animate={animated}\n qa={qaAttributes.animate}\n >\n <Media\n className={b('media', {'full-width-media': fullWidthMedia}, mediaClassName)}\n imageClassName={b('image')}\n videoClassName={b('video')}\n isBackground={true}\n qa={qaAttributes.media}\n {...{\n height: 720,\n color,\n parallax,\n video: isMobile ? undefined : video,\n ...props,\n }}\n />\n </AnimateBlock>\n );\n};\n\nexport default BackgroundMedia;\n"]}

package/build/cjs/components/BalancedMasonry/BalancedMasonry.js CHANGED Viewed

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const first_1 = tslib_1.__importDefault(require("lodash/first"));
-const minBy_1 = tslib_1.__importDefault(require("lodash/minBy"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+const first_1 = tslib_1.__importDefault(require("lodash/first.js"));
+const minBy_1 = tslib_1.__importDefault(require("lodash/minBy.js"));
 const ssrContext_1 = require("../../context/ssrContext/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('BalancedMasonry');
@@ -24,7 +24,7 @@ const BalancedMasonry = (props) => {
         }
         for (const [rawWidth, columnCount] of breakpoints) {
             const width = Number(rawWidth);
-            if ((document === null || document === void 0 ? void 0 : document.body.clientWidth) <= width) {
+            if (document?.body.clientWidth <= width) {
                 result = columnCount;
             }
         }

package/build/cjs/components/BalancedMasonry/BalancedMasonry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,~~uEAAuC~~;AACvC,~~iEAAiC~~;AACjC,~~iEAAiC~~;AAEjC,kEAAoD;AAEpD,gDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAWnC,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,SAAS,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE,EAAE,cAAc,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC9E,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAU,CAAC,CAAC;IAChD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,IAAI,CACnD,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE;YACtC,OAAO,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAC9D,CAAC,CACJ,CAAC;QAEF,oEAAoE;QACpE,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,IAAA,eAAK,EAAC,WAAW,CAAE,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAClB,CAAC;QAED,KAAK,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,WAAW,EAAE,CAAC;YAChD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE/B,IAAI,~~CAAA,~~QAAQ,~~aAAR~~,~~QAAQ,uBAAR,QAAQ,CAAE,~~IAAI,CAAC,WAAW,~~KAAI~~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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n className: string;\n columnClassName: string;\n children: React.ReactNode[];\n breakpointCols: {\n [key: number]: number;\n };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n const {className, columnClassName, children = [], breakpointCols, qa} = props;\n const qaAttributes = getQaAttrubutes(qa, 'column');\n const {isServer} = React.useContext(SSRContext);\n const getCurrentColumnsCount = React.useCallback(() => {\n const breakpoints = Object.entries(breakpointCols).sort(\n ([firstBreakpoint], [secondBreakpoint]) => {\n return Number(secondBreakpoint) - Number(firstBreakpoint);\n },\n );\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n let [, result] = first(breakpoints)!;\n\n if (isServer) {\n return result;\n }\n\n for (const [rawWidth, columnCount] of breakpoints) {\n const width = Number(rawWidth);\n\n if (document?.body.clientWidth <= width) {\n result = columnCount;\n }\n }\n\n return result;\n }, [breakpointCols, isServer]);\n\n const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n const containerRef = React.useRef<HTMLDivElement>(null);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const balanceColumns = React.useCallback(\n debounce(() => {\n if (!containerRef.current) {\n return;\n }\n\n const localColumns: React.ReactNode[][] = [];\n const columnsMeta = [];\n\n for (let i = 0; i < columnCount; i++) {\n columnsMeta.push({id: i, height: 0});\n localColumns.push([]);\n }\n\n for (let i = 0; i < containerRef.current.children.length; i++) {\n const node = containerRef.current.children.item(i) as HTMLElement \| null;\n\n if (!node) {\n continue;\n }\n\n const minColumn = minBy(columnsMeta, 'height') \|\| {id: 0, height: 0};\n const {id: columnId} = minColumn;\n\n localColumns[columnId].push(children[i]);\n\n minColumn.height += node.offsetHeight;\n }\n\n setColumns(localColumns);\n }, 300),\n [children, columnCount],\n );\n\n React.useEffect(() => {\n balanceColumns();\n }, [balanceColumns, children, columnCount]);\n\n React.useEffect(() => {\n const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n window.addEventListener('resize', updateColumnCounter, {passive: true});\n return () => window.removeEventListener('resize', updateColumnCounter);\n }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n React.useEffect(() => {\n const currentRef = containerRef.current;\n const isResizeEventsSupported = 'ResizeObserver' in window;\n\n if (!currentRef \|\| !isResizeEventsSupported) {\n return () => {};\n }\n\n const observer = new ResizeObserver(balanceColumns);\n\n for (let i = 0; i < currentRef.children.length; i++) {\n const node = currentRef.children.item(i) as HTMLElement \| null;\n\n if (!node) {\n continue;\n }\n\n observer.observe(node);\n }\n\n return () => observer.disconnect();\n }, [balanceColumns, children]);\n\n return (\n <div className={b(null, className)} data-qa={qa}>\n <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n <div ref={containerRef} className={b('hidden-list')}>\n {children}\n </div>\n </div>\n\n {columns.map((columnElements, index) => (\n <div\n key={index}\n className={columnClassName}\n style={{width: `${100 / columnCount}%`}}\n data-qa={qaAttributes.column}\n >\n {columnElements}\n </div>\n ))}\n </div>\n );\n};\n\nexport default BalancedMasonry;\n"]}
1	+ {"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n className: string;\n columnClassName: string;\n children: React.ReactNode[];\n breakpointCols: {\n [key: number]: number;\n };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n const {className, columnClassName, children = [], breakpointCols, qa} = props;\n const qaAttributes = getQaAttrubutes(qa, 'column');\n const {isServer} = React.useContext(SSRContext);\n const getCurrentColumnsCount = React.useCallback(() => {\n const breakpoints = Object.entries(breakpointCols).sort(\n ([firstBreakpoint], [secondBreakpoint]) => {\n return Number(secondBreakpoint) - Number(firstBreakpoint);\n },\n );\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n let [, result] = first(breakpoints)!;\n\n if (isServer) {\n return result;\n }\n\n for (const [rawWidth, columnCount] of breakpoints) {\n const width = Number(rawWidth);\n\n if (document?.body.clientWidth <= width) {\n result = columnCount;\n }\n }\n\n return result;\n }, [breakpointCols, isServer]);\n\n const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n const containerRef = React.useRef<HTMLDivElement>(null);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const balanceColumns = React.useCallback(\n debounce(() => {\n if (!containerRef.current) {\n return;\n }\n\n const localColumns: React.ReactNode[][] = [];\n const columnsMeta = [];\n\n for (let i = 0; i < columnCount; i++) {\n columnsMeta.push({id: i, height: 0});\n localColumns.push([]);\n }\n\n for (let i = 0; i < containerRef.current.children.length; i++) {\n const node = containerRef.current.children.item(i) as HTMLElement \| null;\n\n if (!node) {\n continue;\n }\n\n const minColumn = minBy(columnsMeta, 'height') \|\| {id: 0, height: 0};\n const {id: columnId} = minColumn;\n\n localColumns[columnId].push(children[i]);\n\n minColumn.height += node.offsetHeight;\n }\n\n setColumns(localColumns);\n }, 300),\n [children, columnCount],\n );\n\n React.useEffect(() => {\n balanceColumns();\n }, [balanceColumns, children, columnCount]);\n\n React.useEffect(() => {\n const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n window.addEventListener('resize', updateColumnCounter, {passive: true});\n return () => window.removeEventListener('resize', updateColumnCounter);\n }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n React.useEffect(() => {\n const currentRef = containerRef.current;\n const isResizeEventsSupported = 'ResizeObserver' in window;\n\n if (!currentRef \|\| !isResizeEventsSupported) {\n return () => {};\n }\n\n const observer = new ResizeObserver(balanceColumns);\n\n for (let i = 0; i < currentRef.children.length; i++) {\n const node = currentRef.children.item(i) as HTMLElement \| null;\n\n if (!node) {\n continue;\n }\n\n observer.observe(node);\n }\n\n return () => observer.disconnect();\n }, [balanceColumns, children]);\n\n return (\n <div className={b(null, className)} data-qa={qa}>\n <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n <div ref={containerRef} className={b('hidden-list')}>\n {children}\n </div>\n </div>\n\n {columns.map((columnElements, index) => (\n <div\n key={index}\n className={columnClassName}\n style={{width: `${100 / columnCount}%`}}\n data-qa={qaAttributes.column}\n >\n {columnElements}\n </div>\n ))}\n </div>\n );\n};\n\nexport default BalancedMasonry;\n"]}

package/build/cjs/components/BrandFooter/BrandFooter.css CHANGED Viewed

@@ -12,8 +12,9 @@ unpredictable css rules order in build */
   width: 100%;
   height: 72px;
   margin-top: var(--header-height);
-  color: var(--g-color-text-secondary);
-  border-top: 1px solid var(--g-color-line-generic);
+  box-sizing: content-box;
+  border-top: 1px solid;
+  border-bottom: 1px solid transparent;
   transition: color 0.5s ease-out, border-color 0.5s ease-out;
 }
 .pc-brand-footer::after {
@@ -22,32 +23,38 @@ unpredictable css rules order in build */
   right: 0;
   left: 0;
   height: 1px;
+  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
   opacity: 0;
   transition: opacity 0.5s ease-out;
   content: "";
 }
-.pc-brand-footer:hover {
+.pc-brand-footer_theme_light {
+  color: var(--g-color-text-secondary);
+  border-top-color: var(--g-color-private-black-200);
+}
+.pc-brand-footer_theme_light:hover {
   color: var(--g-color-text-primary);
-  border-color: transparent;
+  border-top-color: transparent;
 }
-.pc-brand-footer:hover::after {
+.pc-brand-footer_theme_light:hover::after {
   opacity: 1;
 }
-.pc-brand-footer_theme_light::after {
-  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
+.pc-brand-footer_theme_dark {
+  color: var(--g-color-private-white-700);
+  border-top-color: var(--g-color-private-white-100);
+}
+.pc-brand-footer_theme_dark:hover {
+  color: var(--g-color-private-white-1000-solid);
+  border-top-color: transparent;
 }
-.pc-brand-footer_theme_dark::after {
-  background: linear-gradient(270deg, rgba(228, 106, 68, 0.6) 0%, rgba(242, 159, 85, 0.6) 46.62%, rgba(255, 212, 102, 0.6) 100%);
+.pc-brand-footer_theme_dark:hover::after {
+  opacity: 0.6;
 }
 .pc-brand-footer__content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding-top: 1px;
-}
-.pc-brand-footer__text {
-  align-self: flex-end;
 }
 .pc-brand-footer__brand-icon {
   display: flex;
@@ -78,9 +85,7 @@ unpredictable css rules order in build */
     font-size: var(--g-text-body-1-font-size);
     line-height: var(--g-text-body-1-line-height);
     height: 52px;
-  }
-  .pc-brand-footer__content {
-    padding: 0;
+    border-bottom-width: 0;
   }
   .pc-brand-footer__brand-icon {
     width: 20px;
@@ -89,6 +94,5 @@ unpredictable css rules order in build */
   .pc-brand-footer__brand-name {
     width: 72px;
     height: 16px;
-    margin-top: 0;
   }
 }

package/build/cjs/components/BrandFooter/BrandFooter.js CHANGED Viewed

@@ -12,7 +12,7 @@ const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('brand-footer');
 const BrandFooter = ({ className }) => {
     const theme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("span", { className: b('text'), children: (0, i18n_1.i18n)('created-on') }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-icon'), children: theme === models_1.Theme.Light ? (0, jsx_runtime_1.jsx)(BrandIconLight_1.BrandIconLight, {}) : (0, jsx_runtime_1.jsx)(BrandIconDark_1.BrandIconDark, {}) }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-name'), children: (0, jsx_runtime_1.jsx)(BrandName_1.BrandName, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.i18n)('created-on') }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-icon'), children: theme === models_1.Theme.Light ? (0, jsx_runtime_1.jsx)(BrandIconLight_1.BrandIconLight, {}) : (0, jsx_runtime_1.jsx)(BrandIconDark_1.BrandIconDark, {}) }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-name'), children: (0, jsx_runtime_1.jsx)(BrandName_1.BrandName, {}) })] }) }));
 };
 exports.default = BrandFooter;
 //# sourceMappingURL=BrandFooter.js.map

package/build/cjs/components/BrandFooter/BrandFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";;;AAAA,6CAAuC;AAEvC,wDAA6C;AAC7C,gEAAwD;AACxD,kEAA0D;AAC1D,wDAAgD;AAEhD,kDAAmC;AACnC,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACH,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,~~iCAAM~~,~~SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,~~IAAA,WAAI,EAAC,YAAY,CAAC,GAAQ,~~EACvD~~,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,cAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,+BAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,6BAAa,KAAG,GAC7D,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../context/theme';\nimport {BrandIconDark} from '../../icons/BrandIconDark';\nimport {BrandIconLight} from '../../icons/BrandIconLight';\nimport {BrandName} from '../../icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n const theme = useTheme();\n\n return (\n <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n <div className={b('content')}>\n <span ~~className={b('text')}~~>{i18n('created-on')}</span>\n <div className={b('brand-icon')}>\n {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n </div>\n <div className={b('brand-name')}>\n <BrandName />\n </div>\n </div>\n </Link>\n );\n};\n\nexport default BrandFooter;\n"]}
1	+ {"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";;;AAAA,6CAAuC;AAEvC,wDAA6C;AAC7C,gEAAwD;AACxD,kEAA0D;AAC1D,wDAAgD;AAEhD,kDAAmC;AACnC,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACH,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,2CAAO,IAAA,WAAI,EAAC,YAAY,CAAC,GAAQ,EACjC,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,cAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,+BAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,6BAAa,KAAG,GAC7D,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../context/theme';\nimport {BrandIconDark} from '../../icons/BrandIconDark';\nimport {BrandIconLight} from '../../icons/BrandIconLight';\nimport {BrandName} from '../../icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n const theme = useTheme();\n\n return (\n <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n <div className={b('content')}>\n <span>{i18n('created-on')}</span>\n <div className={b('brand-icon')}>\n {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n </div>\n <div className={b('brand-name')}>\n <BrandName />\n </div>\n </div>\n </Link>\n );\n};\n\nexport default BrandFooter;\n"]}

package/build/cjs/components/Button/Button.js CHANGED Viewed

@@ -16,7 +16,7 @@ const b = (0, utils_1.block)('button-block');
 // eslint-disable-next-line complexity
 const Button = (props) => {
     const { tld } = React.useContext(localeContext_1.LocaleContext);
-    const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
+    const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width, ...rest } = props;
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = React.useCallback((e) => {
@@ -30,9 +30,13 @@ const Button = (props) => {
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b(Object.assign({ position: buttonImg.position }, buttonModifiers), className)
-        : b(Object.assign({}, buttonModifiers), className);
-    const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
+        ? b({ position: buttonImg.position, ...buttonModifiers }, className)
+        : b({ ...buttonModifiers }, className);
+    const buttonProps = {
+        ...rest,
+        href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined,
+        onClick,
+    };
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? uikit_1.Platform.IOS : uikit_1.Platform.ANDROID;
         return (0, jsx_runtime_1.jsx)(components_1.StoreBadge, { className: buttonClass, platform: platform, href: url });
@@ -44,8 +48,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    const buttonComponent = url ? 'a' : 'button';
-    return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, title: urlTitle, width: width, component: buttonComponent }, buttonProps, { children: [icon && buttonImg.position === 'left' ? icon : null, (0, jsx_runtime_1.jsxs)("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] })));
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), title: urlTitle, width: width, ...buttonProps, children: [icon && buttonImg.position === 'left' ? icon : null, (0, jsx_runtime_1.jsxs)("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] }));
 };
 exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/build/cjs/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,uDAAkD;AAClD,~~6CAAyE~~;~~AAEzE~~,gFAAwE;AACxE,gDAAyC;AACzC,gDAAmC;AACnC,kDAAqF;AACrF,gDAA6C;AAE7C,0CAA4B;AAC5B,sCAA2F;AAU3F,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,sCAAsC;AACtC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAClC,MAAM,EAAC,GAAG,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAC9C,MAAM,EACF,SAAS,EACT,eAAe,EACf,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,QAAQ,EAChB,GAAG,EACH,QAAQ,EACR,GAAG,EACH,OAAO,EAAE,aAAa,EACtB,IAAI,EACJ,KAAK,~~KAEL~~,~~KAAK~~,~~EADF,~~IAAI,~~kBACP~~,KAAK,~~EAZH,uGAYL,CAAQ,~~CAAC;IACV,MAAM,kBAAkB,GAAG,MAAM,CAAC;IAClC,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,CAA0D,EAAE,EAAE;QAC3D,eAAe,CAAC,eAAe,CAAC,CAAC;QAEjC,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EACD,CAAC,eAAe,EAAE,eAAe,EAAE,aAAa,CAAC,CACpD,CAAC;IAEF,MAAM,eAAe,GAAG,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;IAE7C,MAAM,SAAS,GACX,GAAG,YAAY,MAAM;QACjB,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAC;QAC5E,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,kBAAkB,EAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG;QACnB,CAAC,CAAC,CAAC,~~iBAAE~~,QAAQ,EAAE,SAAS,CAAC,QAAQ,~~IAAK~~,eAAe,~~GAAG~~,SAAS,CAAC;QAClE,CAAC,CAAC,CAAC,~~mBAAK~~,~~eAAe~~,GAAG,SAAS,CAAC,CAAC;IAEzC,MAAM,WAAW,~~mCACV~~,IAAI,~~KACP~~,~~OAAO~~,~~GACV~~,CAAC;IAEF,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;QACnD,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC;QAEzE,OAAO,uBAAC,uBAAU,IAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAa,GAAI,CAAC;IAC3F,CAAC;IAED,IAAI,IAAI,CAAC;IACT,IAAI,KAAK,GAAG,GAAG,IAAI,CACf,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,IAAI,IAAA,WAAI,EAAC,WAAW,CAAC,GAAI,CAC9F,CAAC;IAEF,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrB,IAAI,GAAG,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,eAAO,GAAI,CAAC;QAC3E,KAAK,GAAG,SAAS,CAAC;IACtB,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,~~MAAM,eAAe,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE7C,~~OAAO,CACH,wBAAC,cAAY,~~kBACT~~,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAA,oBAAY,EAAC,WAA6B,CAAC,EACjD,IAAI,EAAE,IAAA,oBAAY,EAAC,IAAqB,CAAC,EACzC,~~IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,~~KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,KAAK,~~EACZ~~,~~SAAS~~,~~EAAE~~,~~eAAe,IACtB,WAAW,eAEd,~~IAAI,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpD,kCAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAK,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACtD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACxC,KAAK,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IACpD,EACN,IAAI,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,~~KAC1C~~,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreBadge} from '@gravity-ui/components';\nimport {Button as CommonButton, Icon, ~~Platform~~} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {useAnalytics} from '../../hooks';\nimport {Github} from '../../icons';\nimport {ButtonProps as ButtonParams, DefaultEventNames, QAProps} from '../../models';\nimport {block, setUrlTld} from '../../utils';\n\nimport {i18n} from './i18n';\nimport {ICON_QA, OldButtonSize, OldButtonTheme, toCommonSize, toCommonView} from './utils';\n\nimport './Button.scss';\n\nexport interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {\n className?: string;\n url?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement \| HTMLAnchorElement>;\n}\n\nconst b = block('button-block');\n\n// eslint-disable-next-line complexity\nconst Button = (props: ButtonProps) => {\n const {tld} = React.useContext(LocaleContext);\n const {\n className,\n analyticsEvents,\n size = 'l',\n theme = 'normal',\n url,\n urlTitle,\n img,\n onClick: onClickOrigin,\n text,\n width,\n ...rest\n } = props;\n const defaultImgPosition = 'left';\n const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);\n const onClick = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n handleAnalytics(analyticsEvents);\n\n if (onClickOrigin) {\n onClickOrigin(e);\n }\n },\n [handleAnalytics, analyticsEvents, onClickOrigin],\n );\n\n const buttonModifiers = {size, theme, width};\n\n const buttonImg =\n img instanceof Object\n ? {url: img.url, position: img.position \|\| defaultImgPosition, alt: img.alt}\n : {url: img, position: defaultImgPosition};\n\n const buttonClass = img\n ? b({position: buttonImg.position, ...buttonModifiers}, className)\n : b({...buttonModifiers}, className);\n\n const buttonProps = {\n ...rest,\n onClick,\n };\n\n if (theme === 'app-store' \|\| theme === 'google-play') {\n const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;\n\n return <StoreBadge className={buttonClass} platform={platform} href={url as string} />;\n }\n\n let icon;\n let image = img && (\n <img className={b('image')} src={buttonImg.url} alt={buttonImg.alt \|\| i18n('image-alt')} />\n );\n\n if (theme === 'github') {\n icon = <Icon className={b('icon')} data={Github} size={24} qa={ICON_QA} />;\n image = undefined;\n }\n\n const buttonTheme = theme === 'scale' ? 'accent' : theme;\n\n ~~const buttonComponent = url ? 'a' : 'button';\n\n~~ return (\n <CommonButton\n className={buttonClass}\n view={toCommonView(buttonTheme as OldButtonTheme)}\n size={toCommonSize(size as OldButtonSize)}\n ~~href={url ? setUrlTld(url, tld) : undefined}\n~~ title={urlTitle}\n width={width}\n ~~component=~~{~~buttonComponent}\n {~~...buttonProps}\n >\n {icon && buttonImg.position === 'left' ? icon : null}\n <span className={b('content')}>\n {image && buttonImg.position === 'left' ? image : null}\n <span className={b('text')}>{text}</span>\n {image && buttonImg.position === 'right' ? image : null}\n </span>\n {icon && buttonImg.position === 'right' ? icon : null}\n </CommonButton>\n );\n};\n\nexport default Button;\n"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {StoreBadge} from '@gravity-ui/components';\nimport {\n Button as CommonButton,\n Icon,\n Platform,\n ButtonProps as UIKitButtonProps,\n} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {useAnalytics} from '../../hooks';\nimport {Github} from '../../icons';\nimport {ButtonProps as ButtonParams, DefaultEventNames, QAProps} from '../../models';\nimport {block, setUrlTld} from '../../utils';\n\nimport {i18n} from './i18n';\nimport {ICON_QA, OldButtonSize, OldButtonTheme, toCommonSize, toCommonView} from './utils';\n\nimport './Button.scss';\n\nexport interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {\n className?: string;\n url?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement \| HTMLAnchorElement>;\n}\n\nconst b = block('button-block');\n\n// eslint-disable-next-line complexity\nconst Button = (props: ButtonProps) => {\n const {tld} = React.useContext(LocaleContext);\n const {\n className,\n analyticsEvents,\n size = 'l',\n theme = 'normal',\n url,\n urlTitle,\n img,\n onClick: onClickOrigin,\n text,\n width,\n ...rest\n } = props;\n const defaultImgPosition = 'left';\n const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);\n const onClick = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n handleAnalytics(analyticsEvents);\n\n if (onClickOrigin) {\n onClickOrigin(e);\n }\n },\n [handleAnalytics, analyticsEvents, onClickOrigin],\n );\n\n const buttonModifiers = {size, theme, width};\n\n const buttonImg =\n img instanceof Object\n ? {url: img.url, position: img.position \|\| defaultImgPosition, alt: img.alt}\n : {url: img, position: defaultImgPosition};\n\n const buttonClass = img\n ? b({position: buttonImg.position, ...buttonModifiers}, className)\n : b({...buttonModifiers}, className);\n\n const buttonProps = {\n ...rest,\n href: url ? setUrlTld(url, tld) : undefined,\n onClick,\n };\n\n if (theme === 'app-store' \|\| theme === 'google-play') {\n const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;\n\n return <StoreBadge className={buttonClass} platform={platform} href={url as string} />;\n }\n\n let icon;\n let image = img && (\n <img className={b('image')} src={buttonImg.url} alt={buttonImg.alt \|\| i18n('image-alt')} />\n );\n\n if (theme === 'github') {\n icon = <Icon className={b('icon')} data={Github} size={24} qa={ICON_QA} />;\n image = undefined;\n }\n\n const buttonTheme = theme === 'scale' ? 'accent' : theme;\n\n return (\n <CommonButton\n className={buttonClass}\n view={toCommonView(buttonTheme as OldButtonTheme)}\n size={toCommonSize(size as OldButtonSize)}\n title={urlTitle}\n width={width}\n {...(buttonProps as UIKitButtonProps)}\n >\n {icon && buttonImg.position === 'left' ? icon : null}\n <span className={b('content')}>\n {image && buttonImg.position === 'left' ? image : null}\n <span className={b('text')}>{text}</span>\n {image && buttonImg.position === 'right' ? image : null}\n </span>\n {icon && buttonImg.position === 'right' ? icon : null}\n </CommonButton>\n );\n};\n\nexport default Button;\n"]}

package/build/cjs/components/Button/utils.js CHANGED Viewed

@@ -28,8 +28,8 @@ const sizeMap = {
     head: 'l',
     promo: 'xl',
 };
-const toCommonView = (theme) => { var _a; return (_a = themeMap[theme]) !== null && _a !== void 0 ? _a : theme; };
+const toCommonView = (theme) => themeMap[theme] ?? theme;
 exports.toCommonView = toCommonView;
-const toCommonSize = (size) => { var _a; return (_a = sizeMap[size]) !== null && _a !== void 0 ? _a : size; };
+const toCommonSize = (size) => sizeMap[size] ?? size;
 exports.toCommonSize = toCommonSize;
 //# sourceMappingURL=utils.js.map

package/build/cjs/components/Button/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAG,aAAa,CAAC;AAkBrC,MAAM,QAAQ,GAAuC;IACjD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,eAAe;IAC/B,gBAAgB,EAAE,iBAAiB;IACnC,aAAa,EAAE,mBAAmB;IAClC,gBAAgB,EAAE,mBAAmB;CACxC,CAAC;AAIF,MAAM,OAAO,GAAsC;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,IAAI;CACd,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE,~~WAAC~~,~~OAAA,MAAA,~~QAAQ,CAAC,KAAK,CAAC,~~mCAAI~~,KAAK,~~CAAA,EAAA,~~CAAC;AAAnE,QAAA,YAAY,gBAAuD;AACzE,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE,~~WAAC~~,~~OAAA,MAAA,~~OAAO,CAAC,IAAI,CAAC,~~mCAAI~~,IAAI,~~CAAA,EAAA,~~CAAC;AAA9D,QAAA,YAAY,gBAAkD","sourcesContent":["import {ButtonSize, ButtonView} from '@gravity-ui/uikit';\n\nexport const ICON_QA = 'button-icon';\n\nexport type OldButtonTheme =\n \| 'normal'\n \| 'action'\n \| 'flat'\n \| 'light'\n \| 'clear'\n \| 'raised'\n \| 'pseudo'\n \| 'link'\n \| 'accent'\n \| 'websearch'\n \| 'flat-special'\n \| 'normal-special'\n \| 'normal-dark'\n \| 'pseudo-special';\n\nconst themeMap: Record<OldButtonTheme, ButtonView> = {\n normal: 'normal',\n action: 'action',\n flat: 'flat',\n light: 'flat-secondary',\n clear: 'flat-secondary',\n raised: 'raised',\n pseudo: 'outlined',\n link: 'outlined-info',\n accent: 'action',\n websearch: 'action',\n 'flat-special': 'flat-contrast',\n 'normal-special': 'normal-contrast',\n 'normal-dark': 'outlined-contrast',\n 'pseudo-special': 'outlined-contrast',\n};\n\nexport type OldButtonSize = 'xs' \| 'ns' \| 's' \| 'm' \| 'l' \| 'n' \| 'head' \| 'promo';\n\nconst sizeMap: Record<OldButtonSize, ButtonSize> = {\n xs: 's',\n ns: 's',\n s: 'm',\n m: 'l',\n l: 'l',\n n: 'l',\n head: 'l',\n promo: 'xl',\n};\n\nexport const toCommonView = (theme: OldButtonTheme) => themeMap[theme] ?? theme;\nexport const toCommonSize = (size: OldButtonSize) => sizeMap[size] ?? size;\n"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAG,aAAa,CAAC;AAkBrC,MAAM,QAAQ,GAAuC;IACjD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,eAAe;IAC/B,gBAAgB,EAAE,iBAAiB;IACnC,aAAa,EAAE,mBAAmB;IAClC,gBAAgB,EAAE,mBAAmB;CACxC,CAAC;AAIF,MAAM,OAAO,GAAsC;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,IAAI;CACd,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AAAnE,QAAA,YAAY,gBAAuD;AACzE,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;AAA9D,QAAA,YAAY,gBAAkD","sourcesContent":["import {ButtonSize, ButtonView} from '@gravity-ui/uikit';\n\nexport const ICON_QA = 'button-icon';\n\nexport type OldButtonTheme =\n \| 'normal'\n \| 'action'\n \| 'flat'\n \| 'light'\n \| 'clear'\n \| 'raised'\n \| 'pseudo'\n \| 'link'\n \| 'accent'\n \| 'websearch'\n \| 'flat-special'\n \| 'normal-special'\n \| 'normal-dark'\n \| 'pseudo-special';\n\nconst themeMap: Record<OldButtonTheme, ButtonView> = {\n normal: 'normal',\n action: 'action',\n flat: 'flat',\n light: 'flat-secondary',\n clear: 'flat-secondary',\n raised: 'raised',\n pseudo: 'outlined',\n link: 'outlined-info',\n accent: 'action',\n websearch: 'action',\n 'flat-special': 'flat-contrast',\n 'normal-special': 'normal-contrast',\n 'normal-dark': 'outlined-contrast',\n 'pseudo-special': 'outlined-contrast',\n};\n\nexport type OldButtonSize = 'xs' \| 'ns' \| 's' \| 'm' \| 'l' \| 'n' \| 'head' \| 'promo';\n\nconst sizeMap: Record<OldButtonSize, ButtonSize> = {\n xs: 's',\n ns: 's',\n s: 'm',\n m: 'l',\n l: 'l',\n n: 'l',\n head: 'l',\n promo: 'xl',\n};\n\nexport const toCommonView = (theme: OldButtonTheme) => themeMap[theme] ?? theme;\nexport const toCommonSize = (size: OldButtonSize) => sizeMap[size] ?? size;\n"]}

package/build/cjs/components/Buttons/Buttons.js CHANGED Viewed

@@ -15,6 +15,9 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa, }) => buttons ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: buttons.map((item) => ((0, react_1.createElement)(Button_1.default, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) })))) })) : null;
+const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa, }) => buttons ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: buttons.map((item) => ((0, react_1.createElement)(Button_1.default, { className: b('button'), ...item, key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: {
+            'aria-describedby': item.urlTitle ? undefined : titleId,
+            ...item.extraProps,
+        } }))) })) : null;
 exports.default = Buttons;
 //# sourceMappingURL=Buttons.js.map