@gravity-ui/page-constructor 6.0.0 → 7.0.0-beta.1

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionHandlers } from '@gravity-ui/uikit';
-import { Foldable, HTML, ToggleArrow, YFMWrapper } from "../../../components/index.js";
+import { Foldable, ToggleArrow, YFMWrapper } from "../../../components/index.js";
 import Link from "../../../components/Link/Link.js";
 import { block } from "../../../utils/index.js";
 import { FaqMicrodataValues } from "../models.js";
@@ -8,7 +8,9 @@ import './QuestionBlockItem.css';
 const b = block('QuestionsBlockItem');
 export const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = useActionHandlers(onClick);
-    return (_jsxs("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp, children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
+    return (_jsxs("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem', children: [_jsx("button", { className: b('button'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: _jsx(YFMWrapper, { tagName: "h3", className: b('title-container'), contentClassName: b('title'), itemProp: FaqMicrodataValues.QuestionNameProp, content: itemTitle, modifiers: {
+                        constructor: true,
+                    }, onClick: onClick, tabIndex: 0, children: _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') }) }) }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), itemScope: true, itemProp: FaqMicrodataValues.AnswerProp, itemType: FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
                                 constructor: true,
                                 constructorListStyle: true,
                                 constructorListStyleDash: listStyle === 'dash',

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AAC5E,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,kBAAkB,EAAC,qBAAkB;AAE7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,IAAI,EAAE,UAAU,aAEhB,kBACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,IAAC,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,YAAG,SAAS,GAAQ,EACvE,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,IACG,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EACvC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,iBAC1B,CAAC,QAAQ,aAEtB,KAAC,UAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,EACD,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,GAC/C,EACD,IAAI,IAAI,KAAC,IAAI,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, HTML, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {QuestionBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {FaqMicrodataValues} from '../models';\n\nimport './QuestionBlockItem.scss';\n\nconst b = block('QuestionsBlockItem');\n\nexport const QuestionBlockItem = ({\n    title: itemTitle,\n    text: itemText,\n    link,\n    listStyle = 'dash',\n    isOpened,\n    onClick,\n}: QuestionBlockItemProps) => {\n    const {onKeyDown} = useActionHandlers(onClick);\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemProp={FaqMicrodataValues.QuestionProp}\n            itemType={FaqMicrodataValues.QuestionType}\n            role={'listitem'}\n        >\n            <button\n                className={b('title')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <HTML itemProp={FaqMicrodataValues.QuestionNameProp}>{itemTitle}</HTML>\n                <ToggleArrow\n                    open={isOpened}\n                    size={16}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    className={b('arrow')}\n                />\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div\n                    className={b('text')}\n                    itemScope\n                    itemProp={FaqMicrodataValues.AnswerProp}\n                    itemType={FaqMicrodataValues.AnswerType}\n                    aria-hidden={!isOpened}\n                >\n                    <YFMWrapper\n                        content={itemText}\n                        modifiers={{\n                            constructor: true,\n                            constructorListStyle: true,\n                            constructorListStyleDash: listStyle === 'dash',\n                        }}\n                        itemProp={FaqMicrodataValues.QuestionTextProp}\n                    />\n                    {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n                </div>\n            </Foldable>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"QuestionBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AACtE,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,kBAAkB,EAAC,qBAAkB;AAE7C,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,QAAQ,EAAE,kBAAkB,CAAC,YAAY,EACzC,IAAI,EAAE,UAAU,aAEhB,iBACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,YAEpB,KAAC,UAAU,IACP,OAAO,EAAC,IAAI,EACZ,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,EAC7C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE;wBACP,WAAW,EAAE,IAAI;qBACpB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,YAEX,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,GACO,GACR,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EACvC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,iBAC1B,CAAC,QAAQ,aAEtB,KAAC,UAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,EACD,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,GAC/C,EACD,IAAI,IAAI,KAAC,IAAI,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {QuestionBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {FaqMicrodataValues} from '../models';\n\nimport './QuestionBlockItem.scss';\n\nconst b = block('QuestionsBlockItem');\n\nexport const QuestionBlockItem = ({\n    title: itemTitle,\n    text: itemText,\n    link,\n    listStyle = 'dash',\n    isOpened,\n    onClick,\n}: QuestionBlockItemProps) => {\n    const {onKeyDown} = useActionHandlers(onClick);\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemProp={FaqMicrodataValues.QuestionProp}\n            itemType={FaqMicrodataValues.QuestionType}\n            role={'listitem'}\n        >\n            <button\n                className={b('button')}\n                onClick={onClick}\n                aria-expanded={isOpened}\n                onKeyDown={onKeyDown}\n            >\n                <YFMWrapper\n                    tagName=\"h3\"\n                    className={b('title-container')}\n                    contentClassName={b('title')}\n                    itemProp={FaqMicrodataValues.QuestionNameProp}\n                    content={itemTitle}\n                    modifiers={{\n                        constructor: true,\n                    }}\n                    onClick={onClick}\n                    tabIndex={0}\n                >\n                    <ToggleArrow\n                        open={isOpened}\n                        size={16}\n                        type={'vertical'}\n                        iconType=\"navigation\"\n                        className={b('arrow')}\n                    />\n                </YFMWrapper>\n            </button>\n            <Foldable isOpened={isOpened}>\n                <div\n                    className={b('text')}\n                    itemScope\n                    itemProp={FaqMicrodataValues.AnswerProp}\n                    itemType={FaqMicrodataValues.AnswerType}\n                    aria-hidden={!isOpened}\n                >\n                    <YFMWrapper\n                        content={itemText}\n                        modifiers={{\n                            constructor: true,\n                            constructorListStyle: true,\n                            constructorListStyleDash: listStyle === 'dash',\n                        }}\n                        itemProp={FaqMicrodataValues.QuestionTextProp}\n                    />\n                    {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n                </div>\n            </Foldable>\n        </div>\n    );\n};\n"]}

package/build/esm/blocks/Share/Share.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
+import { YFMWrapper } from "../../components/index.js";
 import { LocationContext } from "../../context/locationContext/index.js";
 import { useAnalytics } from "../../hooks/index.js";
 import { Facebook } from "../../icons/Facebook.js";
@@ -24,7 +25,10 @@ const Share = ({ items, title }) => {
     const { pathname, hostname } = React.useContext(LocationContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return (_jsxs("div", { className: b(), children: [_jsx("h5", { className: b('title'), children: title || i18n('constructor-share') }), _jsx("div", { className: b('items'), children: items.map((type) => {
+    return (_jsxs("div", { className: b(), children: [_jsx("h5", { className: b('title'), children: title ? (_jsx(YFMWrapper, { content: title, modifiers: {
+                        constructor: true,
+                        // constructorTheme: textTheme,
+                    } })) : (i18n('constructor-share')) }), _jsx("div", { className: b('items'), children: items.map((type) => {
                     const url = getAbsolutePath(hostname, pathname);
                     const socialUrl = getShareLink(url, type);
                     const icon = icons[type];

package/build/esm/blocks/Share/Share.js.map

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,OAAO,EAAC,+BAA4B;AAC5C,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,EAAC,iBAAiB,EAAkB,8BAAqB;AAChE,OAAO,EAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAC,6BAAoB;AAEjE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,aAAa,CAAC;AAMrB,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;IAClB,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAEpE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,GAAM,EACpE,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,KAAC,MAAM,IAEH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,EAChD,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE;4BACR,YAAY,EAAE,WAAW;yBAC5B,YAEA,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,IAZhE,IAAI,CAaJ,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>{title || i18n('constructor-share')}</h5>\n            <div className={b('items')}>\n                {items.map((type) => {\n                    const url = getAbsolutePath(hostname, pathname);\n                    const socialUrl = getShareLink(url, type);\n                    const icon = icons[type];\n                    const urlTitle = i18n(`${type}-title`);\n                    const buttonLabel = i18n(`${type}-label`);\n\n                    return (\n                        <Button\n                            key={type}\n                            view=\"flat\"\n                            size=\"l\"\n                            target=\"_blank\"\n                            href={socialUrl}\n                            className={b('item', {type: type.toLowerCase()})}\n                            onClick={handleButtonClick}\n                            title={urlTitle}\n                            extraProps={{\n                                'aria-label': buttonLabel,\n                            }}\n                        >\n                            {icon && <Icon data={icon} size={24} className={b('icon', {type})} />}\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}
+{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>\n                {title ? (\n                    <YFMWrapper\n                        content={title}\n                        modifiers={{\n                            constructor: true,\n                            // constructorTheme: textTheme,\n                        }}\n                    />\n                ) : (\n                    i18n('constructor-share')\n                )}\n            </h5>\n            <div className={b('items')}>\n                {items.map((type) => {\n                    const url = getAbsolutePath(hostname, pathname);\n                    const socialUrl = getShareLink(url, type);\n                    const icon = icons[type];\n                    const urlTitle = i18n(`${type}-title`);\n                    const buttonLabel = i18n(`${type}-label`);\n\n                    return (\n                        <Button\n                            key={type}\n                            view=\"flat\"\n                            size=\"l\"\n                            target=\"_blank\"\n                            href={socialUrl}\n                            className={b('item', {type: type.toLowerCase()})}\n                            onClick={handleButtonClick}\n                            title={urlTitle}\n                            extraProps={{\n                                'aria-label': buttonLabel,\n                            }}\n                        >\n                            {icon && <Icon data={icon} size={24} className={b('icon', {type})} />}\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}

package/build/esm/blocks/Slider/Arrow/Arrow.css

@@ -1,36 +1,25 @@
-.pc-slider-block-arrow__button {
+.pc-slider-block-arrow__inner {
   box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
 }
 
-.pc-slider-block-arrow__button:hover {
+.pc-slider-block-arrow__inner:hover {
   box-shadow: 0px 4px 24px var(--g-color-sfx-shadow), 0px 2px 8px var(--g-color-sfx-shadow);
   cursor: pointer;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-slider-block-arrow__icon-wrapper, .pc-slider-block-arrow__button, .pc-slider-block-arrow {
+.pc-slider-block-arrow__icon-wrapper, .pc-slider-block-arrow__inner, .pc-slider-block-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.pc-slider-block-arrow {
-  width: 42px;
-  height: 42px;
-  cursor: pointer;
-}
 @media (max-width: 576px) {
   .pc-slider-block-arrow {
     display: none;
   }
 }
-.pc-slider-block-arrow_type_left {
-  margin-right: 16px;
-}
-.pc-slider-block-arrow_type_left .pc-slider-block-arrow__icon-wrapper {
-  transform: rotate(180deg);
-}
 .pc-slider-block-arrow__button {
   display: inline-block;
   margin: 0;
@@ -41,6 +30,15 @@ unpredictable css rules order in build */
   color: inherit;
   background: none;
   cursor: pointer;
+}
+.pc-slider-block-arrow__button:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-slider-block-arrow__button:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-slider-block-arrow__inner {
   width: 42px;
   height: 42px;
   color: var(--g-color-text-secondary);
@@ -49,17 +47,20 @@ unpredictable css rules order in build */
   box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
   transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 1s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
-.pc-slider-block-arrow__button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-slider-block-arrow__button:focus:not(:focus-visible) {
-  outline: 0;
+.pc-slider-block-arrow__inner_type_left .pc-slider-block-arrow__icon-wrapper {
+  transform: rotate(180deg);
 }
-.pc-slider-block-arrow:hover .pc-slider-block-arrow__button {
+.pc-slider-block-arrow__inner:hover {
   color: var(--g-color-text-primary);
   box-shadow: 0 2px 12px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
 }
+.pc-slider-block-arrow__inner_transparent {
+  background-color: transparent;
+  box-shadow: none;
+}
+.pc-slider-block-arrow__inner_transparent:hover {
+  box-shadow: none;
+}
 .pc-slider-block-arrow__icon {
   position: relative;
 }

package/build/esm/blocks/Slider/Arrow/Arrow.d.ts

@@ -3,8 +3,10 @@ import './Arrow.css';
 export type ArrowType = 'left' | 'right';
 export interface ArrowProps {
     type: ArrowType;
-    handleClick?: (direction: ArrowType) => void;
+    transparent?: boolean;
+    onClick?: () => void;
     size?: number;
+    extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const Arrow: ({ type, handleClick, className, size }: ArrowProps & ClassNameProps) => import("react/jsx-runtime").JSX.Element;
+declare const Arrow: ({ type, transparent, onClick, className, size, extraProps, }: ArrowProps & ClassNameProps) => import("react/jsx-runtime").JSX.Element;
 export default Arrow;

package/build/esm/blocks/Slider/Arrow/Arrow.js

@@ -4,6 +4,6 @@ import { block } from "../../../utils/index.js";
 import { i18n } from "../i18n/index.js";
 import './Arrow.css';
 const b = block('slider-block-arrow');
-const Arrow = ({ type, handleClick, className, size = 16 }) => (_jsx("div", { className: b({ type }, className), children: _jsx("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": i18n(`arrow-${type}`), children: _jsx("span", { className: b('icon-wrapper'), children: _jsx(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) }));
+const Arrow = ({ type, transparent, onClick, className, size = 16, extraProps, }) => (_jsx("div", { className: b(null, className), children: _jsx("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": i18n(`arrow-${type}`) }, extraProps, { children: _jsx("div", { className: b('inner', { type, transparent }), children: _jsx("span", { className: b('icon-wrapper'), children: _jsx(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) })) }));
 export default Arrow;
 //# sourceMappingURL=Arrow.js.map

package/build/esm/blocks/Slider/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sourceRoot":"../../../../../src","sources":["blocks/Slider/Arrow/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,uDAAoD;AAEtE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,IAAI,EAAC,yBAAgB;AAE7B,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAUtC,MAAM,KAAK,GAAG,CAAC,EAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG,EAAE,EAA8B,EAAE,EAAE,CAAC,CACtF,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,iBACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,gBACnC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,YAEjC,eAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC9B,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACC,GACF,GACP,CACT,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';\nimport {ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {i18n} from '../i18n';\n\nimport './Arrow.scss';\n\nconst b = block('slider-block-arrow');\n\nexport type ArrowType = 'left' | 'right';\n\nexport interface ArrowProps {\n    type: ArrowType;\n    handleClick?: (direction: ArrowType) => void;\n    size?: number;\n}\n\nconst Arrow = ({type, handleClick, className, size = 16}: ArrowProps & ClassNameProps) => (\n    <div className={b({type}, className)}>\n        <button\n            className={b('button')}\n            onClick={() => handleClick && handleClick(type)}\n            aria-label={i18n(`arrow-${type}`)}\n        >\n            <span className={b('icon-wrapper')}>\n                <ToggleArrow\n                    size={size}\n                    type={'horizontal'}\n                    iconType=\"navigation\"\n                    className={b('icon')}\n                />\n            </span>\n        </button>\n    </div>\n);\n\nexport default Arrow;\n"]}
+{"version":3,"file":"Arrow.js","sourceRoot":"../../../../../src","sources":["blocks/Slider/Arrow/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,uDAAoD;AAEtE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,IAAI,EAAC,yBAAgB;AAE7B,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAYtC,MAAM,KAAK,GAAG,CAAC,EACX,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,IAAI,GAAG,EAAE,EACT,UAAU,GACgB,EAAE,EAAE,CAAC,CAC/B,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,+BACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,gBACJ,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,IAC7B,UAAU,cAEd,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC,YAC3C,eAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC9B,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACC,GACL,IACD,GACP,CACT,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';\nimport {ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {i18n} from '../i18n';\n\nimport './Arrow.scss';\n\nconst b = block('slider-block-arrow');\n\nexport type ArrowType = 'left' | 'right';\n\nexport interface ArrowProps {\n    type: ArrowType;\n    transparent?: boolean;\n    onClick?: () => void;\n    size?: number;\n    extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n}\n\nconst Arrow = ({\n    type,\n    transparent,\n    onClick,\n    className,\n    size = 16,\n    extraProps,\n}: ArrowProps & ClassNameProps) => (\n    <div className={b(null, className)}>\n        <button\n            className={b('button')}\n            onClick={onClick}\n            aria-label={i18n(`arrow-${type}`)}\n            {...extraProps}\n        >\n            <div className={b('inner', {type, transparent})}>\n                <span className={b('icon-wrapper')}>\n                    <ToggleArrow\n                        size={size}\n                        type={'horizontal'}\n                        iconType=\"navigation\"\n                        className={b('icon')}\n                    />\n                </span>\n            </div>\n        </button>\n    </div>\n);\n\nexport default Arrow;\n"]}