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

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

@@ -1,14 +1,15 @@
-import React, { useState } from 'react';
-import { Col, Row } from '../../grid';
-import { Content } from '../../sub-blocks';
-import { block } from '../../utils';
-import { QuestionBlockItem } from './QuestionBlockItem/QuestionBlockItem';
-import { FaqMicrodataValues } from './models';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Col, Row } from "../../grid/index.js";
+import { Content } from "../../sub-blocks/index.js";
+import { block } from "../../utils/index.js";
+import { QuestionBlockItem } from "./QuestionBlockItem/QuestionBlockItem.js";
+import { FaqMicrodataValues } from "./models.js";
 import './Questions.css';
 const b = block('QuestionsBlock');
 const QuestionsBlock = (props) => {
     const { title, text, additionalInfo, links, buttons, items, list } = props;
-    const [opened, setOpened] = useState([0]);
+    const [opened, setOpened] = React.useState([0]);
     const toggleItem = (index) => {
         let newState;
         if (opened.includes(index)) {
@@ -19,15 +20,11 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return (React.createElement("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId },
-        React.createElement(Row, null,
-            React.createElement(Col, { sizes: { all: 12, md: 4 } },
-                React.createElement("div", { className: b('title') },
-                    React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
-            React.createElement(Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                const isOpened = opened.includes(index);
-                const onClick = () => toggleItem(index);
-                return (React.createElement(QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
-            })))));
+    return (_jsx("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                        const isOpened = opened.includes(index);
+                        const onClick = () => toggleItem(index);
+                        return (_jsx(QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                    }) })] }) }));
 };
 export default QuestionsBlock;
+//# sourceMappingURL=Questions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Questions.js","sourceRoot":"../../../../src","sources":["blocks/Questions/Questions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,4BAAmB;AAEpC,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,iBAAiB,EAAC,iDAA8C;AACxE,OAAO,EAAC,kBAAkB,EAAC,oBAAiB;AAE5C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,CAAC;QAEb,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,cACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,kBAAkB,CAAC,MAAM,YAEjC,MAAC,GAAG,eACA,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,OAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,GACJ,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAAE,IAAI,EAAE,MAAM,YACrC,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,EAAC,EAAE,KAAK,EAAE,EAAE;wBACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBACxC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;wBAExC,OAAO,CACH,KAAC,iBAAiB,IAEd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IANX,SAAS,CAOhB,CACL,CAAC;oBACN,CAAC,CACJ,GACC,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../grid';\nimport {QuestionsProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport {QuestionBlockItem} from './QuestionBlockItem/QuestionBlockItem';\nimport {FaqMicrodataValues} from './models';\n\nimport './Questions.scss';\n\nconst b = block('QuestionsBlock');\n\nconst QuestionsBlock = (props: QuestionsProps) => {\n    const {title, text, additionalInfo, links, buttons, items, list} = props;\n    const [opened, setOpened] = React.useState<number[]>([0]);\n\n    const toggleItem = (index: number) => {\n        let newState;\n\n        if (opened.includes(index)) {\n            newState = opened.filter((itemIndex: number) => itemIndex !== index);\n        } else {\n            newState = [...opened, index];\n        }\n\n        setOpened(newState);\n    };\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemType={FaqMicrodataValues.PageType}\n            itemID={FaqMicrodataValues.PageId}\n        >\n            <Row>\n                <Col sizes={{all: 12, md: 4}}>\n                    <div className={b('title')}>\n                        <Content\n                            title={title}\n                            text={text}\n                            additionalInfo={additionalInfo}\n                            links={links}\n                            list={list}\n                            buttons={buttons}\n                            colSizes={{all: 12, md: 12}}\n                        />\n                    </div>\n                </Col>\n                <Col sizes={{all: 12, md: 8}} role={'list'}>\n                    {items.map(\n                        ({title: itemTitle, text: itemText, link, listStyle = 'dash'}, index) => {\n                            const isOpened = opened.includes(index);\n                            const onClick = () => toggleItem(index);\n\n                            return (\n                                <QuestionBlockItem\n                                    key={itemTitle}\n                                    title={itemTitle}\n                                    text={itemText}\n                                    link={link}\n                                    listStyle={listStyle}\n                                    isOpened={isOpened}\n                                    onClick={onClick}\n                                />\n                            );\n                        },\n                    )}\n                </Col>\n            </Row>\n        </div>\n    );\n};\n\nexport default QuestionsBlock;\n"]}

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

@@ -9,3 +9,4 @@ export const FaqMicrodataValues = {
     AnswerProp: 'acceptedAnswer',
     AnswerTextProp: 'text',
 };
+//# sourceMappingURL=models.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["blocks/Questions/models.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,4BAA4B;IACtC,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,YAAY;IAC1B,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,gBAAgB;IAC5B,cAAc,EAAE,MAAM;CAChB,CAAC","sourcesContent":["export const FaqMicrodataValues = {\n    PageType: 'https://schema.org/FAQPage',\n    PageId: '/faq',\n    QuestionType: 'https://schema.org/Question',\n    QuestionProp: 'mainEntity',\n    QuestionNameProp: 'name',\n    QuestionTextProp: 'text',\n    AnswerType: 'https://schema.org/Answer',\n    AnswerProp: 'acceptedAnswer',\n    AnswerTextProp: 'text',\n} as const;\n"]}

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

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { BlockBaseProps, LinkProps } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { ContentBase } from '../../sub-blocks/Content/schema';
+import { BlockBaseProps, LinkProps } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
 const QuestionsBlockContentProps = omit(ContentBase, ['size', 'theme']);
 export const QuestionsBlock = {
     'questions-block': {
@@ -28,3 +28,4 @@ export const QuestionsBlock = {
             }) }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,0CAAuC;AACzE,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,0BAA0B,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,cAAc,GACd,0BAA0B,KAC7B,KAAK,EAAE,aAAa,CAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,SAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC,GACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst QuestionsBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const QuestionsBlock = {\n    'questions-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...QuestionsBlockContentProps,\n            items: filteredArray({\n                type: 'object',\n                required: ['title', 'text'],\n                properties: {\n                    title: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'yfm',\n                    },\n                    link: LinkProps,\n                    listStyle: {\n                        type: 'string',\n                        enum: ['dash', 'disk'],\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

package/build/esm/blocks/Security/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-SecurityBlock": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/blocks/Security/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SecurityBlock`);
+//# sourceMappingURL=index.js.map

package/build/esm/blocks/Security/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["blocks/Security/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,eAAe,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}SecurityBlock`);\n"]}

package/build/esm/blocks/Share/Share.d.ts

@@ -1,4 +1,4 @@
-import { ShareBlockProps } from '../../models';
+import { ShareBlockProps } from "../../models/index.js";
 import './Share.css';
-declare const Share: ({ items, title }: ShareBlockProps) => JSX.Element;
+declare const Share: ({ items, title }: ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default Share;

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

@@ -1,16 +1,16 @@
-import React, { useCallback, useContext } from 'react';
+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';
-import { LocationContext } from '../../context/locationContext';
-import { useAnalytics } from '../../hooks';
-import { Facebook } from '../../icons/Facebook';
-import { Linkedin } from '../../icons/Linkedin';
-import { Telegram } from '../../icons/Telegram';
-import { Twitter } from '../../icons/Twitter';
-import { Vk } from '../../icons/Vk';
-import { DefaultEventNames } from '../../models';
-import { block, getAbsolutePath, getShareLink } from '../../utils';
-import { i18n } from './i18n';
+import { LocationContext } from "../../context/locationContext/index.js";
+import { useAnalytics } from "../../hooks/index.js";
+import { Facebook } from "../../icons/Facebook.js";
+import { Linkedin } from "../../icons/Linkedin.js";
+import { Telegram } from "../../icons/Telegram.js";
+import { Twitter } from "../../icons/Twitter.js";
+import { Vk } from "../../icons/Vk.js";
+import { DefaultEventNames } from "../../models/index.js";
+import { block, getAbsolutePath, getShareLink } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './Share.css';
 const icons = {
     facebook: Facebook,
@@ -21,23 +21,19 @@ const icons = {
 };
 const b = block('share-block');
 const Share = ({ items, title }) => {
-    const { pathname, hostname } = useContext(LocationContext);
+    const { pathname, hostname } = React.useContext(LocationContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
-    const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return (React.createElement("div", { className: b() },
-        React.createElement("h5", { className: b('title') }, title ? (React.createElement(YFMWrapper, { content: title, modifiers: {
-                constructor: true,
-                // constructorTheme: textTheme,
-            } })) : (i18n('constructor-share'))),
-        React.createElement("div", { className: b('items') }, items.map((type) => {
-            const url = getAbsolutePath(hostname, pathname);
-            const socialUrl = getShareLink(url, type);
-            const icon = icons[type];
-            const urlTitle = i18n(`${type}-title`);
-            const buttonLabel = i18n(`${type}-label`);
-            return (React.createElement(Button, { key: type, view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
-                    'aria-label': buttonLabel,
-                } }, icon && React.createElement(Icon, { data: icon, size: 24, className: b('icon', { type }) })));
-        }))));
+    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) => {
+                    const url = getAbsolutePath(hostname, pathname);
+                    const socialUrl = getShareLink(url, type);
+                    const icon = icons[type];
+                    const urlTitle = i18n(`${type}-title`);
+                    const buttonLabel = i18n(`${type}-label`);
+                    return (_jsx(Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
+                            'aria-label': buttonLabel,
+                        }, children: icon && _jsx(Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
+                }) })] }));
 };
 export default Share;
+//# sourceMappingURL=Share.js.map

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

@@ -0,0 +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"]}

package/build/esm/blocks/Share/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "constructor-share" | "facebook-title" | "twitter-title" | "linkedin-title" | "vk-title" | "telegram-title" | "facebook-label" | "twitter-label" | "linkedin-label" | "vk-label" | "telegram-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "constructor-share" | "facebook-title" | "twitter-title" | "linkedin-title" | "vk-title" | "telegram-title" | "facebook-label" | "twitter-label" | "linkedin-label" | "vk-label" | "telegram-label", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-Share": Record<"constructor-share" | "facebook-title" | "twitter-title" | "linkedin-title" | "vk-title" | "telegram-title" | "facebook-label" | "twitter-label" | "linkedin-label" | "vk-label" | "telegram-label", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Share`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["blocks/Share/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,OAAO,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Share`);\n"]}

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

@@ -1,4 +1,4 @@
-import { BaseProps } from '../../schema/validators/common';
+import { BaseProps } from "../../schema/validators/common.js";
 export const ShareBlock = {
     'share-block': {
         additionalProperties: false,
@@ -14,3 +14,4 @@ export const ShareBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Share/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,kCACH,SAAS,KACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC;iBAC9D;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const ShareBlock = {\n    'share-block': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BaseProps,\n            title: {\n                type: 'string',\n            },\n            items: {\n                type: 'array',\n                items: {\n                    type: 'string',\n                    enum: ['telegram', 'facebook', 'twitter', 'vk', 'linkedin'],\n                },\n            },\n        },\n    },\n};\n"]}

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

@@ -1,25 +1,36 @@
-.pc-slider-block-arrow__inner {
+.pc-slider-block-arrow__button {
   box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
 }
 
-.pc-slider-block-arrow__inner:hover {
+.pc-slider-block-arrow__button: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__inner, .pc-slider-block-arrow {
+.pc-slider-block-arrow__icon-wrapper, .pc-slider-block-arrow__button, .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;
@@ -30,15 +41,6 @@ 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);
@@ -47,20 +49,17 @@ 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__inner_type_left .pc-slider-block-arrow__icon-wrapper {
-  transform: rotate(180deg);
+.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:hover {
+.pc-slider-block-arrow:hover .pc-slider-block-arrow__button {
   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

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

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

@@ -1,12 +1,9 @@
-import React from 'react';
-import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
-import { block } from '../../../utils';
-import { i18n } from '../i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+import ToggleArrow from "../../../components/ToggleArrow/ToggleArrow.js";
+import { block } from "../../../utils/index.js";
+import { i18n } from "../i18n/index.js";
 import './Arrow.css';
 const b = block('slider-block-arrow');
-const Arrow = ({ type, transparent, onClick, className, size = 16, extraProps, }) => (React.createElement("div", { className: b(null, className) },
-    React.createElement("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": i18n(`arrow-${type}`) }, extraProps),
-        React.createElement("div", { className: b('inner', { type, transparent }) },
-            React.createElement("span", { className: b('icon-wrapper') },
-                React.createElement(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }))))));
+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') }) }) }) }));
 export default Arrow;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +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"]}